:root{color-scheme:dark;color:var(--text);background:var(--surface);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-synthesis:none;--surface: #000;--surface-raised: #0d0d0d;--surface-pressed: #181818;--text: #f7f7f7;--text-secondary: #8f8f8f;--line: #262626;--line-strong: #3a3a3a;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 10px;--radius-md: 16px;--radius-pill: 999px;--touch: 44px;--icon: 20px;--motion-fast: .14s;--z-content: 1;--z-header: 10;--z-sidebar: 55;--z-system: 60}:root{--accent: #a9c8ff;--error: #ffb4ab;--success: #9bddbb}:root[data-theme=light]{color-scheme:light;--surface: #f5f6f8;--surface-raised: #fff;--surface-pressed: #e6eaf0;--text: #172033;--text-secondary: #566174;--line: #dce1e9;--line-strong: #8994a6;--accent: #174fbc;--error: #ad2424;--success: #21653d}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:var(--surface)}body{min-height:100dvh;overflow-x:hidden;background:var(--surface);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}button:disabled{cursor:default;opacity:.36}input,textarea,select{border-radius:0}#safe-area-probe{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);pointer-events:none;visibility:hidden}.app-shell{min-height:100dvh;background:var(--surface)}.auth-loading{min-height:100dvh;margin:0;background:var(--surface)}.login-view{display:grid;min-height:100dvh;place-items:center;padding:max(var(--space-5),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-5),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));background:var(--surface)}.login-card{width:min(100%,430px);padding:clamp(28px,7vw,48px);border:1px solid var(--line);border-radius:24px;background:var(--surface-raised)}.login-card h1{font-size:clamp(2rem,8vw,3rem);line-height:1}.login-intro{margin:18px 0 32px;color:var(--text-secondary);line-height:1.6}.login-form{display:grid;gap:10px}.login-form label{font-size:.86rem;font-weight:600}.login-form input,.access-form input{width:100%;min-height:50px;padding:11px 13px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);background:var(--surface)}.login-form input[aria-invalid=true]{border-color:var(--error)}.login-form .inline-error{margin:2px 0 4px}.login-button{min-height:50px;margin-top:8px;border:0;border-radius:var(--radius-sm);color:var(--surface);background:var(--text);font-weight:650}.login-footnote{margin:24px 0 0;color:var(--text-secondary);font-size:.76rem;line-height:1.5}.note-list,.note-editor,.history-view,.settings-view,.not-found-view,.route-loading,.unsupported{position:relative;z-index:var(--z-content);width:min(100%,760px);min-height:100dvh;margin:0 auto;padding:max(var(--space-5),env(safe-area-inset-top)) max(var(--space-5),calc(env(safe-area-inset-right) + var(--space-4))) max(112px,calc(env(safe-area-inset-bottom) + 96px)) max(var(--space-5),calc(env(safe-area-inset-left) + var(--space-4)))}.list-heading,.editor-header,.view-header,.media-item-main,.media-sidebar-actions,.history-actions{display:flex;align-items:center}h1,h2{margin:0;color:var(--text);font-weight:650;letter-spacing:-.045em}h1{font-size:1.35rem}h2{font-size:1.55rem}.icon{display:block;flex:none}.icon-button{display:inline-grid;flex:none;width:var(--touch);height:var(--touch);place-items:center;padding:0;border:0;border-radius:var(--radius-pill);color:var(--text);background:transparent;transition:background var(--motion-fast),transform var(--motion-fast)}.icon-button:active,.text-button:active{transform:scale(.94)}.icon-button:focus-visible,.text-button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.destructive-icon{color:var(--text-secondary)}.list-heading{justify-content:space-between;margin-bottom:var(--space-6)}.create-button{color:var(--surface);background:var(--text)}.note-items{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.note-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);align-items:center;width:100%;min-height:68px;padding:var(--space-3) 0;border:0;border-bottom:1px solid var(--line);color:var(--text);text-align:left;background:transparent}.note-item-title{overflow:hidden;font-size:.98rem;font-weight:560;text-overflow:ellipsis;white-space:nowrap}.note-item-meta{display:flex;gap:var(--space-2);align-items:center;color:var(--text-secondary);font-size:.75rem;font-variant-numeric:tabular-nums}.note-item-meta>span{display:inline-grid;min-width:20px;height:20px;place-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-pill);font-size:.68rem}.list-controls{position:fixed;z-index:10;right:50%;bottom:max(var(--space-3),env(safe-area-inset-bottom));display:flex;width:min(calc(100% - 32px),728px);justify-content:space-between;transform:translate(50%);pointer-events:none}.list-controls .icon-button{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}.editor-header,.view-header{min-height:var(--touch);justify-content:space-between;margin-bottom:var(--space-6)}.editor-header{position:sticky;z-index:var(--z-header);top:max(0px,env(safe-area-inset-top));padding:var(--space-2) 0;background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.view-header{justify-content:flex-start;gap:var(--space-3)}.editor-actions{display:flex;align-items:center;gap:var(--space-1);margin-right:calc(var(--space-2) * -1)}.back-button{margin-left:calc(var(--space-2) * -1)}.delete-button{color:var(--text-secondary)}.media-menu-button[aria-expanded=true]{background:var(--surface-pressed)}.note-title{width:100%;padding:0;border:0;outline:0;color:var(--text);background:transparent;font-size:clamp(2rem,9vw,3.4rem);font-weight:650;letter-spacing:-.06em;line-height:1.04}.note-body{display:block;width:100%;min-height:1.7em;margin-top:var(--space-5);padding:0;overflow:hidden;resize:none;border:0;outline:0;color:var(--text);background:transparent;font-size:1.05rem;line-height:1.7}.note-editor{padding-bottom:max(240px,calc(env(safe-area-inset-bottom) + 220px))}.inline-error,.inline-notice{max-width:520px;margin:var(--space-4) 0 0;color:var(--text-secondary);font-size:.78rem;line-height:1.45}.inline-error{color:var(--error)}.capture-dock,.recording-hud{display:flex;align-items:center;border:1px solid var(--line-strong);color:var(--text);background:var(--surface-raised)}.capture-dock{width:100%;min-height:56px;padding:3px;border-radius:var(--radius-md)}.capture-action{display:flex;flex:1;height:var(--touch);align-items:center;justify-content:center;gap:var(--space-2);padding:0;border:0;border-radius:12px;color:var(--text);background:transparent;font-size:.75rem;font-weight:620}.capture-action+.capture-action{border-left:1px solid var(--line);border-radius:0 12px 12px 0}.capture-action:active{background:var(--surface-pressed)}.recording-hud{width:100%;min-height:56px;justify-content:space-between;padding:5px 5px 5px 14px;border-color:var(--line-strong);border-radius:var(--radius-md);background:var(--surface)}.recording-progress{display:flex;min-width:0;align-items:center}.rec-dot{width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--text)}.hud-time{font-size:.75rem;font-variant-numeric:tabular-nums}.hud-actions{display:flex;margin-left:auto}.hud-actions .icon-button{width:var(--touch)}.stop-recording-button{background:var(--surface-pressed)}.status-requesting-permission .rec-dot,.status-stopping .rec-dot,.status-preparing-export .rec-dot{background:var(--text-secondary)}.header-recording-status{display:flex;min-width:76px;height:var(--touch);align-items:center;justify-content:center;padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);color:var(--text);background:var(--surface)}.sidebar-darken-button{width:100%;margin-top:var(--space-2)}.blackout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;border:0;outline:0;background:#000;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.blackout-overlay::backdrop{background:#000}.blackout-restore{display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;outline:0;background:#000;cursor:default}.capture-confirmation{position:fixed;z-index:var(--z-system);top:max(var(--space-4),env(safe-area-inset-top));left:50%;display:flex;min-height:var(--touch);align-items:center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--text);background:var(--surface);font-size:.75rem;transform:translate(-50%)}.media-sidebar-layer{position:fixed;z-index:var(--z-sidebar);top:0;right:0;bottom:0;left:0}.media-sidebar-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;padding:0;border:0;border-radius:0;background:#00000094;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.media-sidebar{position:absolute;top:max(0px,env(safe-area-inset-top));right:0;bottom:max(var(--keyboard-inset),env(safe-area-inset-bottom));display:flex;width:min(88vw,380px);flex-direction:column;border-left:1px solid var(--line-strong);color:var(--text);background:var(--surface);box-shadow:-18px 0 48px #000000a3;animation:sidebar-enter .18s ease-out}.media-sidebar-header{display:flex;min-height:68px;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--line)}.media-sidebar-title{display:flex;min-width:0;align-items:center;gap:var(--space-2)}.media-sidebar-title h2{overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.media-sidebar-title span{display:inline-grid;min-width:22px;height:22px;place-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:.68rem;font-variant-numeric:tabular-nums}.media-sidebar-actions{min-height:52px;gap:var(--space-1);padding:4px var(--space-2);border-bottom:1px solid var(--line)}.media-sidebar-list{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain}.media-sidebar-footer{flex:none;padding:var(--space-3);border-top:1px solid var(--line);background:var(--surface)}@keyframes sidebar-enter{0%{transform:translate(100%)}to{transform:translate(0)}}.text-button{min-height:var(--touch);padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);color:var(--text);background:transparent;font-size:.76rem;font-weight:580}.destructive-text{color:var(--text-secondary)}.media-item{min-width:0;color:var(--text);background:var(--surface)}.media-row{border-bottom:1px solid var(--line)}.media-item-main{min-width:0;min-height:60px;padding:var(--space-2)}.media-kind{display:grid;width:30px;flex:none;place-items:center;color:var(--text-secondary)}.media-copy{min-width:0;flex:1;padding:0 var(--space-2)}.media-copy input{display:block;width:100%;padding:0;border:0;outline:0;color:var(--text);background:transparent;font-size:.82rem}.media-copy input::placeholder{color:var(--text-secondary)}.media-meta{display:block;overflow:hidden;margin-top:3px;color:var(--text-secondary);font-size:.68rem;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.media-preview{display:block;width:100%;max-height:min(52dvh,420px);object-fit:contain;background:#000}.media-row .media-preview{border-top:1px solid var(--line)}.media-action-error{display:block;padding:0 var(--space-4) var(--space-3);color:var(--text-secondary);font-size:.7rem}.history-actions{flex-wrap:wrap;gap:var(--space-1);margin:0 0 var(--space-5) calc(var(--space-3) * -1)}.history-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.media-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised)}.media-card .media-item-main{border-top:1px solid var(--line)}.unsupported,.route-loading{display:grid;place-items:center;color:var(--text-secondary);font-size:.85rem}.not-found-view{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-3)}.not-found-view p{margin:0;color:var(--text-secondary);line-height:1.5}.not-found-link{display:inline-flex;align-items:center;border:1px solid var(--line-strong);text-decoration:none}.update-prompt{position:fixed;z-index:var(--z-system);right:var(--space-3);bottom:max(var(--space-3),env(safe-area-inset-bottom));display:flex;min-height:52px;align-items:center;gap:var(--space-2);padding:4px 6px 4px var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);font-size:.75rem;box-shadow:0 14px 36px #0000009e}@media (min-width: 680px){.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 390px){.editor-actions{gap:0}.editor-actions>.text-button{padding-inline:var(--space-2)}.header-recording-status{min-width:64px;padding-inline:var(--space-2)}.note-list,.note-editor,.history-view,.settings-view,.not-found-view,.route-loading{padding-right:max(var(--space-4),env(safe-area-inset-right));padding-left:max(var(--space-4),env(safe-area-inset-left))}.note-title{font-size:2.15rem}.media-sidebar{width:min(92vw,360px)}.media-item-main{padding-right:var(--space-1);padding-left:var(--space-1)}.media-kind{width:26px}.media-copy{padding-right:var(--space-1);padding-left:var(--space-1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}select:disabled{opacity:.55;cursor:wait}.settings-view{width:min(100%,1100px)}.settings-view .view-header{margin-bottom:16px}.eyebrow{margin:0 0 6px;color:var(--text-secondary);font-size:.7rem;letter-spacing:.12em;font-weight:650}.settings-view h2{font-size:clamp(1.7rem,4vw,2.4rem)}.settings-intro{margin:0;max-width:620px;color:var(--text-secondary);line-height:1.6}.save-status{display:flex;align-items:center;gap:12px;min-height:52px;margin:8px 0 16px;color:var(--success);font-size:.875rem}.save-status.inline-error{color:var(--error)}.settings-grid,.settings-stack{display:grid;gap:20px;align-items:start}.settings-card{min-width:0;padding:24px;background:var(--surface-raised);border:1px solid var(--line);border-radius:20px}.settings-card h3{margin:0 0 8px;font-size:1.15rem;letter-spacing:-.02em}.settings-card p{margin:0 0 20px;color:var(--text-secondary);font-size:.9rem;line-height:1.6;overflow-wrap:anywhere}.settings-card .inline-error{color:var(--error)}.settings-fields{display:grid;gap:20px;margin-top:24px}.settings-fields label,.theme-select{display:grid;gap:8px;font-size:.9rem;font-weight:550}.settings-card select{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:10px;color:var(--text);background:var(--surface);font-size:1rem}.settings-card .field-help{margin:12px 0 0;font-size:.8rem}.access-form{display:grid;gap:16px}.access-form label{display:grid;gap:8px;font-size:.9rem;font-weight:550}.access-form .inline-error,.access-success{margin:0}.access-success{color:var(--success);font-size:.8rem;line-height:1.5}.access-save{min-height:48px;margin-top:2px;background:var(--accent);color:var(--surface)}.logout-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.logout-row strong,.logout-row small{display:block}.logout-row strong{font-size:.9rem}.logout-row small{margin-top:5px;color:var(--text-secondary);font-size:.78rem;line-height:1.4}.logout-button{flex:none;min-height:44px;border:1px solid var(--line-strong);color:var(--text)}.camera-check{margin:20px 0;padding:10px 18px;min-height:48px;background:var(--accent);color:var(--surface);font-size:.9rem}.settings-card .camera-status{padding:12px;background:var(--surface-pressed);border-radius:10px;color:var(--text)}.audio-toggle{display:flex;gap:16px;align-items:center;justify-content:space-between;min-height:64px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.audio-toggle small{display:block;margin-top:5px;color:var(--text-secondary);font-size:.8rem;line-height:1.5}.audio-toggle input{flex:none;width:44px;height:44px;accent-color:var(--accent)}.photo-quality{display:grid;gap:8px}.photo-quality>span{display:flex;justify-content:space-between;align-items:center;gap:12px}.photo-quality output{padding:6px 10px;border-radius:8px;color:var(--accent);background:var(--surface-pressed);font-variant-numeric:tabular-nums}.photo-quality input{width:100%;min-height:44px;margin:0;accent-color:var(--accent)}.loading-content{width:100%;padding:16px 0;color:var(--text-secondary)}.loading-content p,.empty-state{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.skeleton{height:64px;margin:12px 0;border-radius:12px;background:var(--surface-pressed);animation:skeleton-pulse 1.2s ease-in-out infinite alternate}.skeleton:last-child{width:70%}.media-sidebar .loading-content{padding:16px}@keyframes skeleton-pulse{to{opacity:.4}}@media (min-width: 850px){.settings-grid{grid-template-columns:1.15fr 1fr}}@media (max-width: 480px){.settings-card{padding:18px}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}