:root{--bg: #0d0e0d;--ink: #fbf8f1;--ink-soft: rgba(251, 248, 241, .78);--ink-muted: rgba(251, 248, 241, .42);--line: rgba(241, 238, 232, .12);--line-strong: rgba(241, 238, 232, .2);--panel: rgba(16, 16, 15, .78);--accent: #b24a2e;--accent-soft: rgba(178, 74, 46, .38);--serif: Georgia, "Times New Roman", Times, serif;--ui: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--edge: clamp(16px, 4vw, 48px);--rail: 256px;--scrub-lane: 120px;--reading: 760px;--note-font: clamp(1.42rem, 1.9vw, 1.84rem);--note-line: 1.72;--space-left: 0px;--space-right: 0px}html.sidebar-visible{--space-left: var(--rail)}*{box-sizing:border-box}html{background:var(--bg);overflow-x:clip;width:100%}body{margin:0;min-width:320px;width:100%;max-width:100%;overflow-x:clip;background:radial-gradient(circle at 32% 18%,rgba(255,255,255,.045),transparent 2px),radial-gradient(circle at 68% 71%,rgba(255,255,255,.034),transparent 1px),linear-gradient(#ffffff05,#ffffff05),var(--bg);background-size:11px 11px,17px 17px,auto,auto;color:var(--ink);font-family:var(--serif);-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-x:none}#root{min-height:100vh;overflow-x:clip}button,select{color:inherit;font:inherit}.loading{min-height:100vh;display:grid;place-items:center;color:var(--ink-soft);font-family:var(--serif);font-size:3rem}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.auth-panel{width:min(100%,520px);display:grid;gap:18px}.auth-kicker,.auth-panel label,.auth-status{margin:0;color:var(--ink-muted);font-family:var(--mono);font-size:.72rem}.auth-kicker{color:var(--ink-soft)}.auth-panel h1{margin:0 0 24px;color:var(--ink);font-family:var(--serif);font-size:clamp(4rem,8vw,6.2rem);font-weight:500;line-height:.98;letter-spacing:0}.auth-row{display:flex;gap:10px}.auth-row input{min-width:0;flex:1;height:42px;border:1px solid var(--line);background:#090a0aa3;color:var(--ink);font-family:var(--mono);font-size:16px;outline:none;padding:0 12px}.auth-row input:focus{border-color:var(--line-strong)}.auth-row button{height:42px;border:1px solid var(--line);background:#fbf8f114;color:var(--ink);cursor:pointer;font-family:var(--mono);font-size:.76rem;padding:0 14px}.auth-row button:disabled{cursor:default;opacity:.52}.save-error{position:fixed;left:24px;bottom:24px;z-index:50;margin:0;color:var(--accent);font-family:var(--mono);font-size:.72rem}.app-shell{min-height:100vh;padding-top:calc(92px + env(safe-area-inset-top));padding-bottom:calc(210px + env(safe-area-inset-bottom));padding-left:calc(var(--edge) + var(--space-left) + env(safe-area-inset-left));padding-right:calc(var(--edge) + var(--space-right) + env(safe-area-inset-right));transition:padding .2s ease}.file-input{display:none}.tool-button,.dock-button,.toolbar-button{border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);cursor:pointer}.tool-button,.dock-button{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 11px;font-family:var(--mono);font-size:.72rem}.tool-button:hover,.dock-button:hover,.toolbar-button:hover{border-color:var(--line-strong);color:var(--ink)}.recording-error{max-width:360px;margin:0;color:var(--accent);font-family:var(--mono);font-size:.72rem}.project-sidebar{position:fixed;inset:0 auto 0 0;z-index:24;width:248px;display:flex;flex-direction:column;gap:25px;padding:calc(82px + env(safe-area-inset-top)) 22px calc(26px + env(safe-area-inset-bottom));border-right:1px solid rgba(241,238,232,.08);background:#070808f5;color:var(--ink-soft);font-family:var(--mono);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-backdrop{display:none}.project-sidebar *,.project-sidebar button{box-sizing:border-box;font-family:inherit}.project-lockup{position:fixed;left:calc(24px + env(safe-area-inset-left));top:calc(24px + env(safe-area-inset-top));z-index:32;height:28px;display:inline-flex;align-items:center;gap:14px;color:var(--ink-muted);pointer-events:none}.project-menu{position:relative;pointer-events:auto}.project-menu-trigger{all:unset;display:inline-flex;align-items:center;gap:6px;max-width:150px;color:var(--ink-muted);cursor:pointer;font-family:var(--mono);font-size:.66rem;line-height:28px}.project-menu-trigger:hover,.project-menu-trigger:focus-visible{color:var(--ink-soft);outline:none}.project-menu-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-menu-trigger svg{flex:0 0 auto;opacity:0;transition:opacity .14s ease}.project-lockup:hover .project-menu-trigger svg,.project-lockup:focus-within .project-menu-trigger svg{opacity:.62}.project-menu-popover{position:absolute;left:-10px;top:calc(100% + 10px);width:184px;display:grid;gap:2px;padding:8px;border:1px solid rgba(241,238,232,.12);background:#090a0af0;box-shadow:0 18px 54px #0000005c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-menu-item{all:unset;display:grid;gap:3px;color:var(--ink-muted);cursor:pointer;padding:8px 9px}.project-menu-item:hover,.project-menu-item:focus-visible,.project-menu-item-active{color:var(--ink);outline:none}.project-menu-item span{font-family:var(--ui);font-size:.8rem;font-weight:650;line-height:1.15}.project-menu-item small{color:#fbf8f152;font-size:.58rem}.sidebar-switch{all:unset;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(241,238,232,.12);border-radius:999px;background:#07080852;color:#fbf8f17a;cursor:pointer;line-height:1;padding:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.sidebar-switch:hover,.sidebar-switch:focus-visible,.sidebar-switch-open{border-color:#f1eee838;background:#fbf8f109;color:var(--ink-soft);outline:none}.sidebar-switch svg{display:block}.sidebar-block{display:grid;gap:9px}.sidebar-label{margin:0;color:#fbf8f15c;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.sidebar-views{display:grid;gap:1px}.sidebar-view{all:unset;display:flex;align-items:baseline;justify-content:space-between;gap:14px;color:#fbf8f180;cursor:pointer;font-size:.68rem;line-height:1.35;padding:5px 0;text-align:left;text-transform:lowercase}.sidebar-view:hover,.sidebar-view:focus-visible,.sidebar-view-active{color:var(--ink-soft);outline:none}.sidebar-view small{color:#fbf8f147;font-size:.6rem}.sidebar-meter{margin-top:4px;display:flex;flex-wrap:wrap;gap:5px 9px}.sidebar-meter span,.sidebar-selection span,.sidebar-narrative p{margin:0;color:#fbf8f161;font-size:.62rem;line-height:1.55}.sidebar-selection{display:grid;gap:4px}.sidebar-selection span:first-child{color:var(--ink-soft)}.sidebar-narrative p{max-width:178px}.document{width:100%;max-width:var(--reading);margin:0 auto}.collab-document{min-height:62vh}.note-editor-collab{width:min(100%,760px);margin:0 auto}.collab-editor-surface{min-height:62vh}.collab-media-block{position:relative;margin:1.6em 0}.collab-media-delete{position:absolute;top:10px;right:10px;z-index:2;display:grid;width:30px;height:30px;place-items:center;color:#fffc;background:#0000006b;border:1px solid rgba(255,255,255,.18);border-radius:999px;opacity:0;transition:opacity .14s ease,background .14s ease,border-color .14s ease}.collab-media-block:hover .collab-media-delete,.collab-media-delete:focus-visible{opacity:1}.collab-media-delete:hover{color:#fff;background:#000000ad;border-color:#ffffff57}.collab-media-frame{position:relative}.collab-media-frame img,.collab-media-frame video{width:100%;max-width:100%;height:auto;display:block}.collab-media-frame video{background:#050505}.collab-media-caption{margin-top:7px;color:var(--ink-muted);font-family:var(--mono);font-size:.62rem;line-height:1.45}.log-list{display:block}.log-entry{position:relative;width:min(100%,760px);display:flow-root;margin:0 auto;padding:0;scroll-margin-top:100px}.note-group{position:relative}.note-group+.note-group,.log-entry+.log-entry{margin-top:0}.note-editor{position:relative}.note-run{display:block}.note-editor-surface{min-height:0;display:flow-root;padding:0;border:0;outline:none;color:var(--ink);caret-color:var(--accent);font-family:var(--serif);font-size:var(--note-font);font-weight:400;line-height:var(--note-line);overflow-wrap:break-word;user-select:text;-webkit-user-select:text;word-break:normal}.note-editor-readonly{cursor:text}.note-editor-surface p{margin:0 0 1.38em}.note-editor-surface ul,.note-editor-surface ol{margin:.24em 0 1.1em;padding-left:1.18em}.note-editor-surface li{margin:.14em 0;padding-left:.12em}.note-editor-surface li p{margin:.08em 0}.note-editor-surface li::marker{color:#fbf8f1bd}.note-editor-surface>*:last-child{margin-bottom:0}.note-editor-surface h1,.note-editor-surface h2{margin:0 0 .55em;color:var(--ink);font-family:var(--serif);font-weight:500;letter-spacing:0;line-height:.98}.note-editor-surface h1{font-size:clamp(4rem,7vw,6.1rem)}.note-editor-surface h2{font-size:clamp(2.7rem,4.6vw,4rem)}.note-editor-surface p.is-editor-empty:first-child:before{color:#fbf8f157;content:"";float:left;height:0;pointer-events:none}.composer-panel{position:relative;width:min(100%,760px);display:flow-root;margin:12px auto 0;scroll-margin-top:100px}.note-editor-composer .note-editor-surface{min-height:180px;font-size:var(--note-font);line-height:var(--note-line);letter-spacing:0}.floating-toolbar{z-index:40;width:max-content;max-width:calc(100vw - 24px);overflow-x:auto;display:inline-flex;align-items:center;gap:0;margin:0;padding:7px 9px;background:#090a0cb8;border:1px solid var(--line);box-shadow:0 10px 36px #00000061;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toolbar-button{width:38px;height:30px;border:0;background:transparent;display:grid;place-items:center}.toolbar-button-active{color:var(--accent)}.toolbar-divider{width:1px;height:22px;margin:0 7px;background:var(--line)}.composer-dock{display:flex;align-items:center;gap:12px;margin-top:-36px;opacity:.42;transition:opacity .16s ease}.composer-panel:hover .composer-dock,.composer-panel:focus-within .composer-dock{opacity:1}.dock-button{height:34px;border-color:var(--line-strong)}.dock-button-primary{color:var(--ink)}.dock-status{margin:0;color:var(--ink-muted);font-family:var(--mono);font-size:.72rem}.media-grid{display:grid;grid-template-columns:1fr;gap:22px;margin-top:22px}.media-grid:empty{margin:0}.media-card{position:relative;margin:0;background:transparent;overflow:visible}.media-frame{position:relative;display:block;width:100%;background:transparent}.media-status{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px;background:linear-gradient(to right,#070707a8,#0707072e);color:var(--ink-soft);font-family:var(--mono);font-size:.62rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.media-status:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#fbf8f19e,#fbf8f114);transform-origin:left;animation:upload-pulse 1.1s ease-in-out infinite}.media-status-failed{color:var(--accent)}.media-status-failed:after{background:var(--accent);animation:none}@keyframes upload-pulse{0%{transform:scaleX(.18);opacity:.38}50%{transform:scaleX(.82);opacity:.78}to{transform:scaleX(.18);opacity:.38}}.media-frame img,.media-frame video{max-width:100%;width:100%;height:auto;display:block}.media-card-video .media-frame video{background:#050505}.media-play{position:absolute;left:50%;top:50%;z-index:2;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(246,244,238,.34);border-radius:999px;background:#0707079e;color:var(--ink);transform:translate(-50%,-50%);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .16s ease,border-color .16s ease,transform .16s ease}.media-play:hover,.media-play:focus-visible{background:#f6f4ee1f;border-color:#f6f4ee9e;transform:translate(-50%,-50%) scale(1.04)}.media-delete,.media-drag{position:absolute;z-index:2;top:10px;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);opacity:0;cursor:pointer}.media-delete{right:10px}.media-drag{left:10px;cursor:grab;opacity:.34}.media-drag:active{cursor:grabbing}.media-card:hover .media-delete,.media-card:hover .media-drag,.media-delete:focus-visible,.media-drag:focus-visible{opacity:1}.video-trim-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#050606a8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.video-trim-panel{width:min(680px,100%);display:grid;gap:13px;border:1px solid var(--line);background:#090a0af5;color:var(--ink);box-shadow:0 28px 90px #00000075;padding:12px}.video-trim-header,.video-trim-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:.72rem}.video-trim-header span{display:inline-flex;align-items:center;gap:8px;color:var(--ink-soft)}.video-trim-header button,.video-trim-actions button{min-height:32px;border:1px solid var(--line);background:#fbf8f10f;color:var(--ink-soft);cursor:pointer;font-family:var(--mono);font-size:.72rem;padding:0 10px}.video-trim-header button:hover,.video-trim-actions button:hover,.video-trim-header button:focus-visible,.video-trim-actions button:focus-visible{border-color:var(--line-strong);color:var(--ink);outline:none}.video-trim-panel video{width:100%;max-height:min(54vh,520px);display:block;background:#050505;object-fit:contain}.video-trim-controls{display:grid;gap:8px}.video-trim-controls label{display:grid;gap:5px;color:var(--ink-muted);font-family:var(--mono);font-size:.66rem}.video-trim-controls input{width:100%;accent-color:var(--ink)}.video-trim-note{margin:0;color:var(--ink-muted);font-family:var(--mono);font-size:.66rem;line-height:1.55}.video-trim-actions{justify-content:flex-end}.drop-target{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#090a0c2e;color:var(--ink);font-family:var(--mono);font-size:.68rem;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.drop-ghost{width:min(420px,calc(100vw - 40px));display:grid;gap:10px;justify-items:center;color:var(--ink-soft);opacity:.9}.drop-ghost img,.drop-ghost video{max-width:100%;max-height:min(46vh,360px);display:block;object-fit:contain;box-shadow:0 22px 80px #00000070}.drop-ghost span{padding:6px 9px;background:#070808b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-dock{width:min(100%,var(--reading));margin:92px auto 0;width:min(var(--reading),calc(100vw - var(--space-left) - var(--space-right) - 2 * var(--edge) - env(safe-area-inset-left) - env(safe-area-inset-right)));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--ink-muted);font-family:var(--mono);opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease}.bottom-dock:hover,.bottom-dock:focus-within,.bottom-dock-visible{opacity:1;transform:translateY(0)}.jump-bottom{position:fixed;right:calc(var(--edge) + env(safe-area-inset-right));bottom:calc(92px + env(safe-area-inset-bottom));z-index:25;height:34px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(241,238,232,.12);background:#090a0ab8;color:var(--ink-soft);cursor:pointer;font-family:var(--mono);font-size:.66rem;padding:0 10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.jump-bottom:hover,.jump-bottom:focus-visible{border-color:var(--line-strong);color:var(--ink);outline:none}.time-scrubber{position:fixed;right:34px;top:50%;z-index:18;display:none;justify-items:center;gap:12px;color:#fbf8f152;font-family:var(--mono);font-size:.58rem;transform:translateY(-50%)}.time-scrubber-date{width:80px;text-align:center}.time-scrubber-track{position:relative;width:22px;height:168px;cursor:pointer;touch-action:none}.time-scrubber-track:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:1px;background:#fbf8f124}.time-scrubber-tick{all:unset;position:absolute;left:7px;width:7px;height:7px;border-radius:999px;background:#fbf8f12e;cursor:pointer;transform:translateY(-50%)}.time-scrubber-tick:hover,.time-scrubber-tick:focus-visible,.time-scrubber-tick-active{background:#fbf8f18f;outline:none}.time-scrubber-tick-focused{background:var(--accent);transform:translateY(-50%) scale(1.6)}.time-scrubber-thumb{position:absolute;left:4px;width:13px;height:13px;border:1px solid rgba(251,248,241,.42);border-radius:999px;background:#fbf8f1db;box-shadow:0 0 0 4px #fbf8f10d;pointer-events:none;transform:translateY(-50%)}.time-scrubber:hover .time-scrubber-track:before,.time-scrubber:focus-within .time-scrubber-track:before{background:#fbf8f138}.inertia-strip{min-width:0;display:flex;align-items:center;gap:12px;overflow:hidden;white-space:nowrap}.inertia-strip span{position:relative;font-size:.66rem}.inertia-strip span+span:before{content:"";position:absolute;left:-7px;top:50%;width:2px;height:2px;border-radius:999px;background:#fbf8f13d}.dock-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto;position:relative}.dock-action{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#10100fd1;color:var(--ink-soft);cursor:pointer;font-family:var(--mono);font-size:.68rem;padding:0 10px;white-space:nowrap}.dock-action:hover,.dock-action:focus-visible{border-color:var(--line-strong);color:var(--ink);outline:none}.dock-action-record{color:var(--ink)}.dock-error{color:var(--accent);font-size:.66rem;white-space:nowrap}.vlog-recorder{position:absolute;right:0;bottom:calc(100% + 10px);width:min(360px,calc(100vw - 32px));display:grid;gap:8px;padding:8px;border:1px solid var(--line);background:#070808eb;box-shadow:0 18px 70px #0000005c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.vlog-recorder video{width:100%;aspect-ratio:16 / 10;display:block;object-fit:cover;background:#050505}.vlog-recorder-actions{display:grid;grid-template-columns:1fr auto;gap:7px}@media (min-width: 1080px){.time-scrubber{display:grid}}@media (max-width: 759.98px){:root{--edge: 16px;--reading: 100%;--note-font: clamp(1.18rem, 5.8vw, 1.34rem);--note-line: 1.64}html.sidebar-visible{--space-left: 0px}.app-shell{padding-top:calc(78px + env(safe-area-inset-top));padding-bottom:calc(128px + env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.project-sidebar{width:min(86vw,340px);max-width:calc(100vw - 24px);overflow-y:auto;overscroll-behavior:contain;padding:calc(76px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom));z-index:28}.project-sidebar:after{display:none}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;display:block;border:0;background:#04050680;cursor:default;padding:0}.project-lockup{left:max(16px,env(safe-area-inset-left));top:calc(18px + env(safe-area-inset-top));max-width:calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right))}.project-menu-trigger{max-width:calc(100vw - 88px);min-height:34px;font-size:.76rem}.project-menu-popover{left:-4px;width:min(224px,calc(100vw - 74px));max-height:min(360px,calc(100vh - 92px));overflow-y:auto}.document,.log-entry,.composer-panel{max-width:none;width:100%}.note-editor-surface h1{font-size:clamp(2.65rem,16vw,4rem)}.note-editor-surface h2{font-size:clamp(2rem,10vw,2.8rem)}.media-grid{gap:18px}.media-delete{opacity:1}.bottom-dock{width:100%;margin-top:72px}.jump-bottom{right:max(16px,env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom))}}@media (max-width: 600px){.app-shell{padding-top:calc(76px + env(safe-area-inset-top));padding-bottom:calc(118px + env(safe-area-inset-bottom))}.bottom-dock{align-items:stretch;flex-direction:column;gap:9px}.inertia-strip{width:100%;overflow-x:auto;scrollbar-width:none}.inertia-strip::-webkit-scrollbar{display:none}.dock-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between}.vlog-recorder{right:auto;left:0;width:100%}.vlog-recorder-actions{grid-template-columns:1fr 1fr}.dock-action{min-height:42px;width:100%}.dock-action svg{flex:0 0 auto}.composer-dock{align-items:flex-start;flex-direction:column;margin-top:-24px}.jump-bottom{bottom:calc(132px + env(safe-area-inset-bottom))}.auth-screen{align-items:start;place-items:start stretch}.auth-panel{width:100%;gap:16px;padding-top:8vh}.auth-panel h1{margin-bottom:12px;font-size:clamp(3.2rem,20vw,5.4rem)}.auth-row{display:grid;gap:10px}.auth-row input,.auth-row button{width:100%;height:48px}}@media (display-mode: standalone){.app-shell{padding-top:calc(72px + env(safe-area-inset-top))}}