@font-face{font-family:Exo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/exo-latin-400-normal-D8KS7ddm.woff2) format("woff2"),url(/assets/exo-latin-400-normal-ChlmRXYZ.woff) format("woff")}@font-face{font-family:Exo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/exo-latin-500-normal-C0tOtMD3.woff2) format("woff2"),url(/assets/exo-latin-500-normal-FPFKmpJ3.woff) format("woff")}@font-face{font-family:Exo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/exo-latin-600-normal-Bj_6olIa.woff2) format("woff2"),url(/assets/exo-latin-600-normal-B8oQE8no.woff) format("woff")}@font-face{font-family:Exo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/exo-latin-700-normal-CFqZ6J3B.woff2) format("woff2"),url(/assets/exo-latin-700-normal-CT9uiwmu.woff) format("woff")}@font-face{font-family:Exo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/exo-vietnamese-400-normal-UCRd5vP6.woff2) format("woff2"),url(/assets/exo-vietnamese-400-normal-yukIGQfL.woff) format("woff")}@font-face{font-family:Exo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/exo-vietnamese-500-normal-RTN6N-Zm.woff2) format("woff2"),url(/assets/exo-vietnamese-500-normal-CweMGsIn.woff) format("woff")}@font-face{font-family:Exo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/exo-vietnamese-600-normal-CjyjwGgx.woff2) format("woff2"),url(/assets/exo-vietnamese-600-normal-Cz812BX0.woff) format("woff")}@font-face{font-family:Exo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/exo-vietnamese-700-normal-CB2O_I0i.woff2) format("woff2"),url(/assets/exo-vietnamese-700-normal-B7HIpTyp.woff) format("woff")}:root,[data-theme=light]{--bg:#f7f6f2;--surface:#fbfbf9;--surface-2:#f1efea;--border:#d8d5cd;--text:#28251d;--muted:#74736e;--faint:#aaa8a1;--primary:#01696f;--primary-hover:#0c4e54;--primary-soft:#d7e6e3;--danger:#a12c7b;--shadow:0 12px 30px rgba(40,37,29,.09);--font-body:"Exo",system-ui,"Segoe UI",Roboto,sans-serif;--font-display:"Exo",system-ui,"Segoe UI",Roboto,sans-serif;--text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .35vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;--s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--radius-sm:.45rem;--radius-md:.7rem;--radius-lg:1rem;--radius-full:999px}[data-theme=dark]{--bg:#171614;--surface:#1c1b19;--surface-2:#242320;--border:#3b3935;--text:#deddd9;--muted:#9b9993;--faint:#676560;--primary:#65a8b0;--primary-hover:#8bc0c7;--primary-soft:#263c3e;--danger:#df7aaf;--shadow:0 12px 30px rgba(0,0,0,.28)}*{box-sizing:border-box}html{-webkit-text-size-adjust:none;text-size-adjust:none}body{margin:0;min-height:100dvh;color:var(--text);background:var(--bg);font:400 var(--text-base)/1.6 var(--font-body)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--primary)}textarea{resize:none}::selection{background:var(--primary-soft)}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.skip-link{position:fixed;z-index:50;top:-4rem;left:var(--s4);background:var(--primary);color:#fff;padding:var(--s2) var(--s4);border-radius:var(--radius-sm)}.skip-link:focus{top:var(--s4)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.app-loading{display:grid;place-items:center;min-height:100dvh;color:var(--muted)}.brand{display:flex;align-items:center;gap:var(--s2);font:600 var(--text-lg)/1 var(--font-display);letter-spacing:-.03em}.brand-mark{width:2rem;height:2rem;color:var(--primary)}.icon-button{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:50%;color:var(--muted);font-size:1.25rem}.icon-button:hover{background:var(--surface-2);color:var(--text)}.primary-button{background:var(--primary);color:#fff;padding:.68rem var(--s4);border-radius:var(--radius-sm);font-weight:700;font-size:var(--text-sm);white-space:nowrap}.primary-button:hover{background:var(--primary-hover)}.text-action{font-size:var(--text-sm);color:var(--primary);font-weight:700;padding:var(--s2)}.danger{color:var(--danger)!important}.muted-copy{color:var(--muted);font-size:var(--text-sm)}.eyebrow{font-size:var(--text-xs);letter-spacing:.12em;font-weight:700;color:var(--primary)}.login-page{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:var(--s6);background:linear-gradient(120deg,var(--bg) 0%,var(--surface-2) 100%)}.login-header{max-width:1100px;width:100%;margin:auto;display:flex;justify-content:space-between;align-items:center}.login-card{width:min(100%,36rem);align-self:center;justify-self:center;margin-block:var(--s10);padding:clamp(var(--s6),5vw,var(--s12));background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:var(--radius-lg)}.login-card h1{font:650 var(--text-xl)/1.08 var(--font-display);letter-spacing:-.045em;margin:var(--s3) 0 var(--s4)}.lead{color:var(--muted);margin:0 0 var(--s8)}.login-card label{font-size:var(--text-sm);font-weight:700;display:block;margin-bottom:var(--s2)}.email-row{display:flex;gap:var(--s2)}.email-row input,.search input,.title-input,.body-input,.ai-composer textarea{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);outline:0}.email-row input{min-width:0;flex:1;padding:.65rem var(--s3)}.email-row button{padding:0 var(--s3);border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-weight:700;font-size:var(--text-sm)}.login-divider{display:flex;align-items:center;gap:var(--s3);color:var(--faint);font-size:var(--text-xs);margin:var(--s6) 0}.login-divider span{height:1px;background:var(--border);flex:1}.google-slot{min-height:44px;display:flex;justify-content:center;align-items:center;color:var(--muted);font-size:var(--text-sm)}.google-slot>div{width:100%!important}.dev-login{display:block;margin:var(--s6) auto 0}.login-status{padding:var(--s3);border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--text);font-size:var(--text-sm)}.login-footer{text-align:center;color:var(--muted);font-size:var(--text-xs)}.workspace{height:100dvh;overflow:hidden;display:grid;grid-template-rows:3.8rem 1fr}.topbar{padding:0 var(--s4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface)}.brand.compact{font-size:var(--text-base)}.brand.compact .brand-mark{width:1.7rem}.topbar-actions{display:flex;align-items:center;gap:var(--s2)}.sync-status{font-size:var(--text-xs);color:var(--primary);font-weight:700}.avatar{display:grid;place-items:center;width:2.25rem;height:2.25rem;background:var(--primary-soft);color:var(--primary);border-radius:50%;font-weight:700}.app-shell{min-height:0;display:grid;grid-template-columns:15rem 19rem minmax(22rem,1fr) 20rem}.sidebar,.note-column,.editor-column,.ai-panel{min-width:0;min-height:0}.sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);padding:var(--s4) var(--s2)}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;padding:0 var(--s2);font-weight:700;font-size:var(--text-sm);color:var(--muted)}.sidebar-heading .icon-button{width:2rem;height:2rem}.nav-item,.folder-row>button{width:100%;display:flex;align-items:center;gap:var(--s2);padding:.62rem var(--s2);border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:left}.nav-item span,.folder-row small{margin-left:auto;color:var(--muted);font-size:var(--text-xs)}.nav-item:hover,.folder-row>button:hover,.nav-item.active,.folder-row.active>button{background:var(--surface-2)}.nav-item.active,.folder-row.active>button{color:var(--primary);font-weight:700}.folder-list{margin-top:var(--s2);overflow:auto}.folder-row{display:flex;position:relative;align-items:center}.folder-row>button{flex:1;min-width:0}.folder-row>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-row details summary{list-style:none;cursor:pointer;padding:var(--s2);color:var(--muted)}.folder-row details summary::-webkit-details-marker{display:none}.folder-menu{position:absolute;right:0;z-index:10;display:grid;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:var(--s1);border-radius:var(--radius-sm)}.folder-menu button{padding:var(--s2) var(--s3);font-size:var(--text-xs);text-align:left;border-radius:var(--radius-sm)}.folder-menu button:hover{background:var(--surface-2)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:var(--s2)}.note-column{display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--bg)}.note-list-header{display:flex;justify-content:space-between;align-items:start;padding:var(--s5) var(--s4) var(--s3);gap:var(--s2)}.note-list-header h1{margin:0;font:650 var(--text-lg)/1.15 var(--font-display);letter-spacing:-.03em}.note-list-header p{margin:var(--s1) 0 0;color:var(--muted);font-size:var(--text-xs)}.search{display:flex;align-items:center;gap:var(--s2);margin:0 var(--s4) var(--s3);color:var(--muted)}.search input{width:100%;padding:.55rem var(--s2);font-size:var(--text-sm)}.note-list{overflow:auto;padding:0 var(--s2) var(--s4)}.note-card{display:block;width:100%;padding:var(--s3);text-align:left;border-radius:var(--radius-md);margin-bottom:var(--s1)}.note-card:hover{background:var(--surface-2)}.note-card.selected{background:var(--primary-soft);box-shadow:inset 2px 0 0 var(--primary)}.note-card div{display:flex;gap:var(--s2);justify-content:space-between}.note-card strong{font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card time{font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.note-card p{font-size:var(--text-xs);color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:var(--s1) 0 0}.empty-state{margin:auto;text-align:center;padding:var(--s8);max-width:25rem}.empty-state h2{font:600 var(--text-lg) var(--font-display)}.empty-state p{color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--s5)}.editor-column{position:relative;display:flex;background:var(--surface);min-height:0}.editor{width:100%;display:flex;flex-direction:column;padding:var(--s4) clamp(var(--s4),4vw,var(--s10));min-height:0}.editor-toolbar{display:flex;justify-content:space-between;gap:var(--s3);align-items:center;padding-bottom:var(--s4);border-bottom:1px solid var(--border)}.editor-toolbar select{background:var(--surface-2);border:0;padding:.45rem var(--s2);border-radius:var(--radius-sm);font-size:var(--text-xs);max-width:11rem}.toolbar-button{font-size:var(--text-xs);color:var(--muted);padding:var(--s2)}.toolbar-button:hover,.toolbar-button.active{color:var(--primary)}.audio-bar{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s4);padding:var(--s2) var(--s3);background:var(--surface-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:700}.audio-bar audio{height:2rem;max-width:100%;min-width:0;flex:1}.title-input{border:0;border-radius:0;padding:var(--s6) 0 var(--s2);font:600 var(--text-xl)/1.1 var(--font-display);letter-spacing:-.04em}.body-input{flex:1;border:0;border-radius:0;padding:var(--s3) 0;font-size:var(--text-base);line-height:1.7;min-height:12rem}.editor-status{padding-top:var(--s2);color:var(--faint);font-size:var(--text-xs)}.voice-fab{position:absolute;right:var(--s6);bottom:var(--s6);display:flex;gap:var(--s2);align-items:center;background:var(--primary);color:#fff;padding:.8rem var(--s4);border-radius:var(--radius-full);box-shadow:var(--shadow);font-weight:700;font-size:var(--text-sm)}.ai-panel{border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;padding:var(--s4)}.panel-heading{display:flex;justify-content:space-between;align-items:start}.panel-heading h2{font:600 var(--text-base)/1.2 var(--font-display);margin:var(--s1) 0 0}.ai-mode{display:flex;background:var(--surface-2);padding:var(--s1);gap:var(--s1);border-radius:var(--radius-sm);margin:var(--s4) 0 var(--s2)}.ai-mode button{flex:1;padding:var(--s1);font-size:var(--text-xs);border-radius:calc(var(--radius-sm) - .12rem);color:var(--muted)}.ai-mode button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.chips{display:flex;flex-wrap:wrap;gap:var(--s1)}.chips button{font-size:var(--text-xs);padding:.38rem var(--s2);border:1px solid var(--border);border-radius:var(--radius-full)}.chips button:hover{color:var(--primary);border-color:var(--primary)}.conversation{overflow:auto;flex:1;padding-block:var(--s4)}.message{margin-bottom:var(--s3);font-size:var(--text-sm);line-height:1.55}.message p{margin:0;white-space:pre-wrap}.message.user{margin-left:var(--s4);padding:var(--s2) var(--s3);background:var(--primary-soft);border-radius:var(--radius-md) var(--radius-md) 0 var(--radius-md)}.message.assistant{margin-right:var(--s2)}.structured{display:grid;gap:var(--s2);margin-top:var(--s2)}.structured section{padding:var(--s2) var(--s3);background:var(--surface-2);border-radius:var(--radius-sm)}.structured strong{font-size:var(--text-xs);color:var(--primary)}.structured p,.structured ul{font-size:var(--text-xs);margin:var(--s1) 0 0;padding-left:var(--s3)}.summary{width:100%;text-align:center;margin-bottom:var(--s2)}.ai-composer{display:flex;gap:var(--s2);border-top:1px solid var(--border);padding-top:var(--s3)}.ai-composer textarea{min-height:2.7rem;max-height:7rem;flex:1;padding:var(--s2);font-size:var(--text-sm)}.ai-composer button{width:2.7rem;height:2.7rem;border-radius:50%;background:var(--primary);color:#fff;font-size:1.25rem}.ai-reopen{position:absolute;right:var(--s4);top:5rem;z-index:5;background:var(--surface);border:1px solid var(--border);padding:var(--s2);border-radius:var(--radius-sm);color:var(--primary);font-weight:700}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:var(--s4);background:#17161485}.documents-panel,.voice-sheet{width:min(100%,38rem);max-height:min(42rem,90dvh);overflow:auto;background:var(--surface);border-radius:var(--radius-lg);padding:var(--s6);box-shadow:var(--shadow)}.documents-panel h2,.voice-sheet h2{margin:.15rem 0 var(--s2);font:600 var(--text-lg) var(--font-display)}.full{width:100%;margin:var(--s3) 0}.document-list{border-top:1px solid var(--border)}.document-row{display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--border);align-items:center}.document-row strong,.document-row span{display:block}.document-row strong{font-size:var(--text-sm)}.document-row span{color:var(--muted);font-size:var(--text-xs)}.voice-sheet{text-align:center}.voice-sheet time{display:block;font:600 clamp(2.5rem,12vw,4rem)/1 var(--font-display);letter-spacing:-.06em;margin:var(--s6) 0}.voice-sheet p{color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--s5)}.stop-recording{background:var(--danger);color:#fff;border-radius:var(--radius-full);padding:.9rem var(--s5);font-weight:700}.voice-sheet .text-action{display:block;margin:var(--s3) auto 0}.toast{position:fixed;z-index:40;right:var(--s4);bottom:var(--s4);max-width:min(25rem,calc(100vw - 2rem));display:flex;gap:var(--s3);align-items:center;background:var(--text);color:var(--bg);padding:var(--s3) var(--s4);box-shadow:var(--shadow);border-radius:var(--radius-sm);font-size:var(--text-sm)}.toast.success{background:var(--primary)}.toast button{font-size:1.25rem;color:inherit}.mobile-only{display:none}@media (max-width:1120px){.app-shell{grid-template-columns:14rem 18rem minmax(22rem,1fr)}.ai-panel{position:fixed;right:0;top:3.8rem;bottom:0;width:min(23rem,90vw);z-index:8;box-shadow:var(--shadow)}.ai-reopen{right:var(--s4)}}@media (max-width:760px){.workspace{height:auto;min-height:100dvh;overflow:visible}.app-shell{display:block}.mobile-only{display:grid}.topbar{position:sticky;top:0;z-index:12}.sidebar{position:fixed;z-index:11;top:3.8rem;bottom:0;left:0;width:min(18rem,82vw);transform:translate(-105%);transition:transform .18s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}.note-column{min-height:40dvh;border-right:0}.editor-column,.editor{min-height:55dvh}.note-list{max-height:19rem}.note-list-header{padding-top:var(--s4)}.voice-fab{position:fixed;z-index:7;bottom:var(--s4);right:var(--s4)}.sync-status{display:none}.ai-panel{top:3.8rem;width:100%;max-width:none}.login-page{padding:var(--s4)}.login-card{padding:var(--s6) var(--s4)}.email-row{display:grid}.email-row button{padding:var(--s3)}.topbar .brand{font-size:var(--text-sm)}.editor-toolbar{align-items:start;flex-direction:column}.editor-toolbar>div{display:flex;flex-wrap:wrap}.editor-column .empty-state{min-height:20rem}}.desktop-only{display:none}.note-list-actions{display:flex;align-items:center;gap:var(--s1)}@media (min-width:1121px){.desktop-only{display:grid}.app-shell{grid-template-columns:var(--sidebar-column) .625rem var(--notes-column) .625rem minmax(18rem,1fr) .625rem var(--ai-column)}.resize-handle{position:relative;display:grid;place-items:center;min-width:.625rem;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--bg)}.resize-handle:before{content:"";width:1px;height:100%;background:var(--border)}.resize-handle:hover:before,.resize-handle:focus-visible:before{width:2px;background:var(--primary)}.resize-handle span{position:absolute;width:.18rem;height:2.5rem;border-radius:var(--radius-full);background:var(--border)}.resize-handle:hover span,.resize-handle:focus-visible span{background:var(--primary)}.resize-handle.is-disabled{cursor:default;pointer-events:none}.resize-handle.is-disabled:before,.resize-handle.is-disabled span{opacity:0}.is-resizing,.is-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.collapsed-panel-tab{border:0;min-width:0;padding:var(--s3) var(--s2);background:var(--surface);color:var(--muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;writing-mode:vertical-rl;text-orientation:mixed}.collapsed-panel-tab:hover,.collapsed-panel-tab:focus-visible{color:var(--primary);background:var(--surface-2)}.sidebar-tab,.notes-tab{border-right:1px solid var(--border)}.ai-panel-tab{border-left:1px solid var(--border)}.sidebar-heading>div{display:flex;align-items:center}.note-list-actions .icon-button{width:2rem;height:2rem;font-size:1.45rem}.editor{max-width:none}}@media (max-width:1120px){.resize-handle,.collapsed-panel-tab,.note-list-actions .desktop-only{display:none}}