:root,[data-theme=typewriter]{--font-ui:"Inter", system-ui, sans-serif;--font-editor:"Special Elite", "Courier New", Courier, monospace;--bg:#f4f4f4;--surface:#fff;--editor-bg:#fff;--text:#111;--muted:#6b7280;--border:#d4d4d4;--accent:#374151;--accent-soft:#e5e7eb;--danger:#b91c1c;--shadow:0 1px 3px #00000014;--text-scale:1;--header-h:3rem;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--editor-line-height:1.85;--editor-lines:none}[data-theme=notepad]{--font-ui:"Inter", system-ui, sans-serif;--font-editor:"Special Elite", "Courier New", Courier, monospace;--bg:#e8d48b;--surface:#f3e4a0;--editor-bg:#f7e7a0;--text:#1a1208;--muted:#6b5a2a;--border:#c9b56a;--accent:#5c4a1a;--accent-soft:#efe0a0;--danger:#9f1239;--shadow:0 1px 3px #0000001f;--editor-line-height:1.9;--editor-lines:repeating-linear-gradient(transparent, transparent calc(1.9em - 1px), #8b7355 calc(1.9em - 1px), #8b7355 1.9em)}[data-theme=dark]{--font-ui:"Inter", system-ui, sans-serif;--font-editor:"Inter", system-ui, sans-serif;--bg:#1f1f1f;--surface:#2a2a2a;--editor-bg:#2d2d2d;--text:#f5f5f5;--muted:#a3a3a3;--border:#404040;--accent:#d4d4d4;--accent-soft:#3f3f3f;--danger:#f87171;--shadow:0 1px 3px #00000059;--editor-line-height:1.7;--editor-lines:none}[data-text-scale="110"]{--text-scale:1.1}[data-text-scale="125"]{--text-scale:1.25}[data-text-scale="150"]{--text-scale:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);font-size:calc(16px * var(--text-scale));background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}.app{min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);flex-direction:column;display:flex}.app--focus .app-header{display:none}.app-header{height:var(--header-h);border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:.75rem;padding:0 1rem;display:flex}.app-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:1.125rem;font-weight:600;overflow:hidden}.btn-back-to-list{border:1px solid var(--border);background:var(--bg);color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:.375rem;flex:none;padding:.4rem .65rem;font-size:.85rem;font-weight:600}.btn-back-to-list--editor{margin-right:.25rem}.editor-title-spacer{flex:1;min-width:.5rem}.app-nav-notebooks{border-bottom:1px solid var(--border);background:var(--surface)}.sync-chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.2rem .5rem;font-size:.75rem}.sync-chip--offline{opacity:.7}.sync-chip--error{color:var(--danger);background:#fee2e2}.app-main{flex:1;min-height:0;display:flex}.app-main--split .pane-list{border-right:1px solid var(--border);background:var(--surface);flex:none;width:min(300px,32vw)}.app-main--split .pane-editor{background:var(--bg);flex:1;min-width:0}.pane{flex-direction:column;flex:1;min-height:0;display:flex}.pane-list .notebook-switcher{border-bottom:1px solid var(--border)}.pane-empty{color:var(--muted);justify-content:center;align-items:center;gap:1rem}.app-loading{min-height:100dvh;color:var(--muted);place-items:center;display:grid}.auth-gate{background:radial-gradient(ellipse 80% 50% at 50% -10%, color-mix(in srgb, var(--accent) 12%, transparent), transparent), var(--bg);place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.auth-gate-card{background:var(--surface);border:1px solid var(--border);width:min(100%,26rem);box-shadow:var(--shadow);padding:1.75rem 1.5rem 1.5rem}.auth-gate-brand{font-family:var(--font-editor);letter-spacing:.02em;color:var(--text);margin:0 0 .75rem;font-size:1.75rem}.auth-gate-title{margin:0 0 .65rem;font-size:1.35rem;font-weight:600;line-height:1.25}.auth-gate-copy{color:var(--muted);margin:0 0 1.25rem;font-size:.95rem;line-height:1.5}.auth-gate-divider{color:var(--muted);align-items:center;gap:.75rem;margin:1.15rem 0;font-size:.8rem;display:flex}.auth-gate-divider:before,.auth-gate-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-gate-submit{width:100%;margin-top:.25rem}.auth-gate-footnote{color:var(--muted);margin:1.25rem 0 0;font-size:.8rem;line-height:1.4}.btn-google{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-weight:600;display:inline-flex}.btn-google:hover:not(:disabled){background:var(--accent-soft)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.note-list{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.note-list-search{border-bottom:1px solid var(--border);padding:.75rem 1rem}.notebook-switcher{border-bottom:1px solid var(--border);background:var(--surface);padding:.65rem .75rem .35rem}.notebook-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.notebook-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.75rem;font-weight:600}.btn-new-notebook{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:.375rem;padding:.35rem .65rem;font-size:.8rem;font-weight:600}.notebook-add-form{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.notebook-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.35rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.notebook-tab{border:1px solid var(--border);background:var(--bg);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:.45rem .85rem;font-size:.85rem}.notebook-tab.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.notebook-rename-input{border:1px solid var(--accent);background:var(--bg);border-radius:999px;flex:none;width:7rem;padding:.4rem .6rem;font-size:.85rem}.notebook-rename-input--wide{border-radius:.375rem;flex:1;width:auto;min-width:8rem}.notebook-delete{color:var(--danger);cursor:pointer;background:0 0;border:none;margin:0 0 .5rem;padding:0;font-size:.75rem;display:block}.btn-sm{min-height:2.25rem;padding:.35rem .75rem;font-size:.85rem}.editor-body-wrap{--page-margin:25mm;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.editor-body-wrap[data-page-margin=narrow]{--page-margin:12mm}.editor-body-wrap[data-page-margin=normal]{--page-margin:25mm}.editor-body-wrap[data-page-margin=wide]{--page-margin:32mm}.editor-desk{background:var(--bg);flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:1.25rem 1rem 2rem;display:flex;overflow-y:auto}.editor-page{background:var(--editor-bg,var(--bg));width:100%;box-shadow:0 2px 16px #0000001a, 0 0 0 1px var(--border);border-radius:2px;flex-shrink:0}.editor-body-wrap[data-page-size=fluid] .editor-page{max-width:42rem;min-height:min(70vh,900px);padding:1.25rem 1.5rem}.editor-body-wrap[data-page-size=a4] .editor-page{width:min(210mm,100%);min-height:297mm;padding:var(--page-margin);box-sizing:border-box}.editor-body-wrap[data-page-size=letter] .editor-page{width:min(8.5in,100%);min-height:11in;padding:var(--page-margin);box-sizing:border-box}.note-editor--focus .editor-desk{padding-top:1.5rem}.page-flip{z-index:5;border:1px solid var(--border);background:var(--surface);width:2.5rem;height:3.5rem;color:var(--text);cursor:pointer;opacity:.55;box-shadow:var(--shadow);border-radius:.5rem;font-size:1.75rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.page-flip:hover:not(:disabled),.page-flip:focus-visible:not(:disabled){opacity:1;border-color:var(--accent);color:var(--accent)}.page-flip:disabled{opacity:.2;cursor:default}.page-flip--prev{left:.35rem}.page-flip--next{right:.35rem}.page-flip-meta{z-index:5;background:color-mix(in srgb, var(--surface) 90%, transparent);color:var(--muted);pointer-events:none;border-radius:999px;align-items:center;gap:.75rem;padding:.25rem .65rem;font-size:.75rem;display:flex;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.page-flip-meta .page-flip-delete{pointer-events:auto;color:var(--danger);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem}.search-input{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;width:100%;padding:.625rem .875rem}.search-count{color:var(--muted);margin-top:.35rem;font-size:.8rem;display:block}.note-cards{flex:1;margin:0;padding:.5rem;list-style:none;overflow-y:auto}.note-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-left-width:4px;border-radius:.625rem;align-items:stretch;margin-bottom:.5rem;display:flex}.note-card--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.note-card--selected .note-card-main{background:var(--accent-soft)}.note-card-main{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;min-width:0;padding:.75rem .875rem}.note-card-title-row{align-items:center;gap:.35rem;display:flex}.note-card-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.note-card-snippet{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.25rem 0;font-size:.875rem;display:-webkit-box;overflow:hidden}.note-card-snippet mark{background:var(--accent-soft);color:var(--accent);border-radius:2px;padding:0 .1em}.note-card-date{color:var(--muted);font-size:.75rem}.note-card-actions{border-left:1px solid var(--border);flex-direction:column;justify-content:center;gap:.25rem;padding:.25rem;display:flex}.drag-handle{cursor:grab}.fab{right:1.25rem;bottom:calc(1.25rem + var(--safe-bottom));background:var(--accent);color:#fff;cursor:pointer;z-index:10;border:none;border-radius:50%;width:3.25rem;height:3.25rem;font-size:1.75rem;line-height:1;position:fixed;box-shadow:0 4px 12px #0003}.empty-state{text-align:center;color:var(--muted);padding:2rem 1rem}.note-editor{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex}.note-editor--focus{z-index:100;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);position:fixed;inset:0}.editor-header{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.35rem;padding:.5rem .75rem;display:flex}.editor-title-input{min-width:8rem;font-size:1.125rem;font-weight:600;font-family:var(--font-editor);background:0 0;border:none;flex:1}.editor-title-input:focus{outline:none}.save-indicator{color:var(--muted);min-width:3.5rem;font-size:.75rem}.find-bar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:.35rem;padding:.5rem .75rem;display:flex}.find-input{border:1px solid var(--border);background:var(--bg);border-radius:.375rem;flex:1;padding:.4rem .6rem}.find-count{color:var(--muted);white-space:nowrap;font-size:.8rem}.editor-toolbar{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;gap:.25rem;padding:.5rem .75rem;display:flex}.tb-btn,.tb-select{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:.375rem;min-height:2rem;padding:.35rem .55rem}.tb-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.tb-color{border:1px solid var(--border);cursor:pointer;border-radius:.375rem;width:2rem;height:2rem;padding:0}.editor-body{background:0 0;flex:1;min-height:100%;padding:0;overflow:visible}.tiptap-editor{min-height:60vh;font-family:var(--font-editor);font-size:calc(1.05rem * var(--text-scale));line-height:var(--editor-line-height,1.7);color:var(--text);background-image:var(--editor-lines);background-position:0 .15em;background-attachment:local;outline:none}.tiptap-editor p{line-height:var(--editor-line-height,1.7);min-height:0;margin:0}.tiptap-editor p:only-child{min-height:var(--editor-line-height,1.7em)}.tiptap-editor ul,.tiptap-editor ol{padding-left:1.5em}.tiptap-editor h1,.tiptap-editor h2,.tiptap-editor h3{font-family:var(--font-editor);line-height:1.3}.tiptap-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--muted);pointer-events:none;height:0}.sub-note-link{text-underline-offset:.18em;cursor:pointer;color:inherit;background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:2px;text-decoration:underline;text-decoration-thickness:2px}.sub-note-link:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}.tb-colour-group{border:1px solid var(--border);background:var(--bg);border-radius:.375rem;align-items:center;gap:.2rem;padding:.15rem .25rem;display:inline-flex}.tb-swatch{cursor:pointer;border:1px solid #666;border-radius:999px;width:1.15rem;height:1.15rem;padding:0}.tb-swatch.active{outline:2px solid var(--accent);outline-offset:1px}.tb-colour-sep{background:var(--border);width:1px;height:1.1rem;margin:0 .15rem}.tb-btn--save-colour{min-height:1.6rem;padding:.2rem .45rem;font-size:.75rem}.editor-context-menu{z-index:300;border:1px solid var(--border);background:var(--surface);border-radius:.5rem;flex-direction:column;gap:.15rem;min-width:10rem;padding:.35rem;display:flex;position:fixed;box-shadow:0 8px 24px #0000002e}.editor-context-menu button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.35rem;padding:.55rem .75rem}.editor-context-menu button:hover{background:var(--accent-soft)}.preset-grid{gap:.65rem;display:grid}.preset-card{text-align:left;border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:.625rem;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .75rem;padding:.75rem;display:grid}.preset-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.preset-card-preview{border:1px solid var(--border);border-radius:.4rem;grid-row:1/span 2;place-items:center;width:2.75rem;height:2.75rem;font-weight:700;display:grid}.preset-card--typewriter .preset-card-preview{color:#111;background:#fff;font-family:Special Elite,Courier New,monospace}.preset-card--notepad .preset-card-preview{color:#1a1208;background:#f7e7a0 repeating-linear-gradient(#0000,#0000 .55rem,#8b7355 .55rem .6rem);font-family:Special Elite,Courier New,monospace}.preset-card--dark .preset-card-preview{color:#fff;background:#2d2d2d}.preset-card-label{font-size:.95rem;font-weight:600}.preset-card-hint{color:var(--muted);grid-column:2;font-size:.75rem}.sub-note-block{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 .375rem .375rem 0;margin:.75em 0;padding:.5rem .75rem}.sub-note-block--linked{margin:.2em 0 .65em .25rem;padding:.4rem .65rem}.sub-note-block--hidden{border:none!important;height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}.sub-note-header{align-items:center;gap:.35rem;display:flex}.sub-note-toggle{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:.35rem;min-width:0;padding:.25rem 0;font-weight:600;display:flex}.sub-note-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sub-note-delete{border:1px solid var(--border);background:var(--surface);width:2rem;height:2rem;color:var(--danger);cursor:pointer;border-radius:.375rem;flex:none;font-size:.9rem;line-height:1}.sub-note-delete:hover{border-color:var(--danger);background:#fee2e2}.sub-note-body{margin-top:.35rem;padding-left:1rem}.editor-footer{color:var(--muted);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.75rem;display:flex}.daily-goal{align-items:center;gap:.5rem;display:inline-flex}.daily-goal-bar{background:var(--border);border-radius:999px;width:4.5rem;height:.35rem;display:inline-block;overflow:hidden}.daily-goal-bar>span{background:var(--accent);height:100%;display:block}.note-editor--quiet .editor-chrome{opacity:0;pointer-events:none;border-width:0;max-height:0;margin:0;padding-top:0;padding-bottom:0;transition:opacity .25s,max-height .3s;overflow:hidden}.note-editor:not(.note-editor--quiet) .editor-chrome{opacity:1;transition:opacity .2s}.export-wrap{position:relative}.export-menu{z-index:20;border:1px solid var(--border);background:var(--surface);border-radius:.5rem;flex-direction:column;gap:.15rem;min-width:9rem;padding:.35rem;display:flex;position:absolute;top:calc(100% + .25rem);right:0;box-shadow:0 8px 20px #00000024}.export-menu button{text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.35rem;padding:.5rem .65rem}.export-menu button:hover{background:var(--accent-soft)}.toggle-row{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.toggle-row span{flex-direction:column;gap:.2rem;display:flex}.toggle-row small{color:var(--muted);font-size:.8rem;line-height:1.35}.toggle-row input[type=checkbox]{flex-shrink:0;width:1.15rem;height:1.15rem;margin-top:.2rem}.field-block{margin-top:.75rem}.field-block .field-label{margin-bottom:.45rem;font-size:.9rem;font-weight:600;display:block}.voice-banner,.toast{background:var(--accent-soft);color:var(--accent);text-align:center;padding:.5rem 1rem;font-size:.875rem}.settings-overlay{z-index:200;background:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.settings-panel{background:var(--surface);width:min(100%,22rem);height:100%;padding:1rem 1.25rem 2rem;overflow-y:auto;box-shadow:-4px 0 24px #0000001f}.settings-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.settings-header h2{margin:0;font-size:1.25rem}.settings-section{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.25rem}.settings-section h3{margin:0 0 .5rem;font-size:.95rem}.settings-hint{color:var(--muted);margin:0 0 .75rem;font-size:.8rem}.settings-signed-in{margin:0 0 .75rem;font-size:.9rem}.settings-actions{flex-wrap:wrap;gap:.5rem;display:flex}.settings-message{color:var(--accent);margin-top:.75rem;font-size:.85rem}.settings-error{color:var(--danger);margin-top:.75rem;font-size:.85rem}.segmented{flex-wrap:wrap;gap:.35rem;display:flex}.segmented-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:.375rem;padding:.45rem .75rem}.segmented-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.field-label{margin-bottom:.35rem;font-size:.85rem;display:block}.field-input{border:1px solid var(--border);background:var(--bg);border-radius:.375rem;width:100%;margin-bottom:.75rem;padding:.5rem .75rem}.font-select{margin-bottom:.5rem}.font-preview{border:1px dashed var(--border);background:var(--editor-bg,var(--bg));color:var(--text);border-radius:.375rem;margin:0;padding:.75rem .85rem;font-size:1.05rem;line-height:1.6}.btn{border:1px solid var(--border);cursor:pointer;border-radius:.375rem;min-height:2.75rem;padding:.5rem 1rem}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-secondary{background:var(--bg)}.icon-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;min-width:2.25rem;min-height:2.25rem;padding:.35rem .5rem}.icon-btn--active{background:var(--accent-soft);color:var(--accent)}.icon-btn--focus-exit{background:var(--accent);color:#fff;min-width:auto;padding:.35rem .6rem;font-size:.8rem;font-weight:600}.icon-btn--danger{color:var(--danger)}@media (width>=768px){.fab{right:1.5rem}}@media (orientation:landscape) and (width<=900px){.app-main:not(.app-main--split) .note-editor--focus .editor-desk{min-height:calc(100dvh - 8rem)}}@media print{.app-header,.notebook-switcher,.pane-list,.editor-chrome,.page-flip,.page-flip-meta,.fab,.settings-overlay,.toast,.voice-banner,.editor-context-menu,.sync-chip{display:none!important}.app,.app-main,.pane-editor,.note-editor,.editor-body-wrap,.editor-desk{background:#fff!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.editor-page{width:100%!important;max-width:none!important;min-height:0!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0!important}.tiptap-editor{min-height:0!important}}