*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#f4f4f2d6;-webkit-font-smoothing:antialiased;background:#000;height:100%;font-family:system-ui,-apple-system,sans-serif}.portal{height:100vh;display:flex;overflow:hidden}.canvas-wrap{flex:1;min-width:0;position:relative;overflow:hidden}.canvas-el{width:100%;height:100%;display:block;position:absolute;inset:0}.hud{z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding-top:24px;display:flex;position:absolute;top:0;left:0;right:0}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#f4f4f247;font-size:10px}.mode-row{pointer-events:auto;align-items:center;display:flex}.sep{color:#f4f4f22e;-webkit-user-select:none;user-select:none;font-size:11px}.mode-btn{font:inherit;letter-spacing:.02em;color:#f4f4f24d;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:11px;transition:color .14s}.mode-btn:hover{color:#f4f4f299}.mode-btn.on{color:#f4f4f2e0}.rail{border-left:1px solid #ffffff12;flex-direction:column;flex-shrink:0;gap:32px;width:288px;padding:28px 24px;display:flex;overflow-y:auto}.rail-sec{flex-direction:column;gap:10px;display:flex}.rail-head{letter-spacing:.08em;text-transform:uppercase;color:#f4f4f24d;border-bottom:1px solid #ffffff0d;margin-bottom:2px;padding-bottom:4px;font-size:10px}.rail-item{background:#ffffff08;border:1px solid #ffffff12;border-radius:6px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.item-row{align-items:center;gap:8px;display:flex}.item-row.flat{padding:2px 0}.item-sub{align-items:center;gap:8px;display:flex}.item-name{color:#f4f4f2cc;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.item-meta{color:#f4f4f252;flex:1;font-size:11px}.item-date{color:#f4f4f24d;white-space:nowrap;margin-left:auto;font-size:11px}.owner{letter-spacing:.04em;color:#f4f4f247;white-space:nowrap;font-size:10px}.owner.you{color:#f4f4f280}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dot.done{background:#b4dca5cc}.dot.review{background:#d2bef0cc}.dot.doing{background:#f0d296cc}.dot.next{background:#c8c8c466}.btn-ghost{font:inherit;color:#f4f4f2b3;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff2e;border-radius:20px;padding:3px 12px;font-size:11px;transition:border-color .14s,color .14s}.btn-ghost:hover{color:#f4f4f2e6;border-color:#fff6}.activity-row{align-items:flex-start;gap:8px;padding:2px 0;display:flex}.act-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:4px}.act-dot.update{background:#f0d29699}.act-dot.event{background:#d2bef099}.act-dot.transcript{background:#b4dca580}.act-label{color:#f4f4f294;flex:1;font-size:12px;line-height:1.4}.act-time{color:#f4f4f23d;white-space:nowrap;margin-top:1px;font-size:10px}.see-all{font:inherit;color:#f4f4f247;cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 0;font-size:11px;transition:color .14s}.see-all:hover{color:#f4f4f28c}