@font-face{font-family:Bricolage;font-weight:800;font-display:swap;src:url(/assets/fonts/bricolage-800.woff2)format("woff2")}@font-face{font-family:DM Sans;font-weight:400;font-display:swap;src:url(/assets/fonts/dmsans-400.woff2)format("woff2")}@font-face{font-family:DM Sans;font-weight:500;font-display:swap;src:url(/assets/fonts/dmsans-500.woff2)format("woff2")}@font-face{font-family:DM Sans;font-weight:700;font-display:swap;src:url(/assets/fonts/dmsans-700.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f3f1ec;--surface:#fff;--surface-muted:#e7e3da;--divider:#eeebe4;--outline:#d9d5cc;--ink:#1e1b26;--on-ink:#fff;--ink-muted:#57525f;--ink-subtle:#8a8590;--danger:#d2532a;--danger-text:#a63e1c;--success:#2e6b3a;--scrim:#1e1b2680;--code-fill:#1e1b2612;--text-selection:#1e1b2638;--paper-margin:#e0566e8c;--glass:color-mix(in srgb, var(--surface) 72%, transparent);--glass-strong:color-mix(in srgb, var(--surface) 88%, transparent);--glass-edge:color-mix(in srgb, var(--ink) 8%, transparent);--hover:color-mix(in srgb, var(--ink) 6%, transparent);--press:color-mix(in srgb, var(--ink) 11%, transparent);--font-display:"Bricolage", "DM Sans", system-ui, sans-serif;--font-body:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-code:"mf-jetbrains_mono", ui-monospace, "Cascadia Code", Consolas, monospace;--text-scale:1;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--shadow-sm:0 1px 2px #1e1b260f, 0 2px 8px #1e1b260d;--shadow-md:0 2px 6px #1e1b260f, 0 12px 32px -8px #1e1b2629;--shadow-lg:0 6px 16px #1e1b2614, 0 32px 80px -24px #1e1b2652;--ring:0 0 0 3px color-mix(in srgb, var(--ink) 22%, transparent);--ease:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--fast:.14s;--med:.24s;--sidebar-w:284px;--pane-w:320px;--style-w:360px;--page-max:1240px;--gutter:clamp(16px, 3vw, 36px)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#141218;--surface:#1e1b24;--surface-muted:#2a2631;--divider:#2e2a35;--outline:#3b3642;--ink:#f3f1ec;--on-ink:#1e1b26;--ink-muted:#b9b3c2;--ink-subtle:#857f8e;--glass:color-mix(in srgb, var(--surface) 70%, transparent);--glass-strong:color-mix(in srgb, var(--surface) 90%, transparent);--glass-edge:#ffffff17;--shadow-sm:0 1px 2px #0000004d, 0 2px 8px #00000040;--shadow-md:0 2px 6px #0000004d, 0 14px 36px -8px #0000008c;--shadow-lg:0 8px 20px #00000059, 0 36px 90px -24px #000000b3}[data-color]{--c-bg:var(--nc-DEFAULT-bg);--c-label:var(--nc-DEFAULT-label);--c-muted:var(--nc-DEFAULT-muted);--c-line:var(--nc-DEFAULT-line);--c-strong:var(--nc-DEFAULT-strong)}[data-color=BUTTER]{--c-bg:var(--nc-BUTTER-bg);--c-label:var(--nc-BUTTER-label);--c-muted:var(--nc-BUTTER-muted);--c-line:var(--nc-BUTTER-line);--c-strong:var(--nc-BUTTER-strong)}[data-color=SAGE]{--c-bg:var(--nc-SAGE-bg);--c-label:var(--nc-SAGE-label);--c-muted:var(--nc-SAGE-muted);--c-line:var(--nc-SAGE-line);--c-strong:var(--nc-SAGE-strong)}[data-color=LILAC]{--c-bg:var(--nc-LILAC-bg);--c-label:var(--nc-LILAC-label);--c-muted:var(--nc-LILAC-muted);--c-line:var(--nc-LILAC-line);--c-strong:var(--nc-LILAC-strong)}[data-color=PEACH]{--c-bg:var(--nc-PEACH-bg);--c-label:var(--nc-PEACH-label);--c-muted:var(--nc-PEACH-muted);--c-line:var(--nc-PEACH-line);--c-strong:var(--nc-PEACH-strong)}[data-color=SKY]{--c-bg:var(--nc-SKY-bg);--c-label:var(--nc-SKY-label);--c-muted:var(--nc-SKY-muted);--c-line:var(--nc-SKY-line);--c-strong:var(--nc-SKY-strong)}[data-color=MINT]{--c-bg:var(--nc-MINT-bg);--c-label:var(--nc-MINT-label);--c-muted:var(--nc-MINT-muted);--c-line:var(--nc-MINT-line);--c-strong:var(--nc-MINT-strong)}[data-color=ROSE]{--c-bg:var(--nc-ROSE-bg);--c-label:var(--nc-ROSE-label);--c-muted:var(--nc-ROSE-muted);--c-line:var(--nc-ROSE-line);--c-strong:var(--nc-ROSE-strong)}[data-color=AQUA]{--c-bg:var(--nc-AQUA-bg);--c-label:var(--nc-AQUA-label);--c-muted:var(--nc-AQUA-muted);--c-line:var(--nc-AQUA-line);--c-strong:var(--nc-AQUA-strong)}[data-color=LIME]{--c-bg:var(--nc-LIME-bg);--c-label:var(--nc-LIME-label);--c-muted:var(--nc-LIME-muted);--c-line:var(--nc-LIME-line);--c-strong:var(--nc-LIME-strong)}[data-color=SAND]{--c-bg:var(--nc-SAND-bg);--c-label:var(--nc-SAND-label);--c-muted:var(--nc-SAND-muted);--c-line:var(--nc-SAND-line);--c-strong:var(--nc-SAND-strong)}[data-color=STONE]{--c-bg:var(--nc-STONE-bg);--c-label:var(--nc-STONE-label);--c-muted:var(--nc-STONE-muted);--c-line:var(--nc-STONE-line);--c-strong:var(--nc-STONE-strong)}mark[data-color=gray],.mk-gray{--mk-hl:var(--mk-gray-hl)}[data-text-color=gray]{color:var(--mk-gray-text)}mark[data-color=brown],.mk-brown{--mk-hl:var(--mk-brown-hl)}[data-text-color=brown]{color:var(--mk-brown-text)}mark[data-color=orange],.mk-orange{--mk-hl:var(--mk-orange-hl)}[data-text-color=orange]{color:var(--mk-orange-text)}mark[data-color=yellow],.mk-yellow{--mk-hl:var(--mk-yellow-hl)}[data-text-color=yellow]{color:var(--mk-yellow-text)}mark[data-color=green],.mk-green{--mk-hl:var(--mk-green-hl)}[data-text-color=green]{color:var(--mk-green-text)}mark[data-color=blue],.mk-blue{--mk-hl:var(--mk-blue-hl)}[data-text-color=blue]{color:var(--mk-blue-text)}mark[data-color=purple],.mk-purple{--mk-hl:var(--mk-purple-hl)}[data-text-color=purple]{color:var(--mk-purple-text)}mark[data-color=pink],.mk-pink{--mk-hl:var(--mk-pink-hl)}[data-text-color=pink]{color:var(--mk-pink-text)}mark[data-color=red],.mk-red{--mk-hl:var(--mk-red-hl)}[data-text-color=red]{color:var(--mk-red-text)}@font-face{font-family:Memlow Nastaliq;font-weight:400;font-display:swap;src:url(/notefonts/noto_nastaliq_urdu_regular.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Memlow Nastaliq;font-weight:600 800;font-display:swap;src:url(/notefonts/noto_nastaliq_urdu_bold.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+FB50-FDFF,U+FE70-FEFF}html[lang=ur]{--font-display:"Memlow Nastaliq", "Bricolage", "DM Sans", system-ui, sans-serif;--font-body:"Memlow Nastaliq", "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif}html[lang=ur] body{line-height:2}html[lang=ur] :is(h1,h2,h3){line-height:1.8}html[lang=ur] body :not(.nb-editor,.nb-editor *,.note-title,h1,h2,h3){line-height:1.9!important}@font-face{font-family:mf-caveat;src:url(/notefonts/caveat.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:mf-patrick_hand;src:url(/notefonts/patrick_hand.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:mf-indie_flower;src:url(/notefonts/indie_flower.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:mf-shadows_into_light;src:url(/notefonts/shadows_into_light.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:mf-gochi_hand;src:url(/notefonts/gochi_hand.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:mf-kalam;src:url(/notefonts/kalam.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:mf-comic_neue;src:url(/notefonts/comic_neue.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:mf-comic_neue;src:url(/notefonts/comic_neue_bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:mf-nunito;src:url(/notefonts/nunito.woff2)format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}@font-face{font-family:mf-quicksand;src:url(/notefonts/quicksand.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:mf-fredoka;src:url(/notefonts/fredoka.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:mf-comfortaa;src:url(/notefonts/comfortaa.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:mf-mali;src:url(/notefonts/mali.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:mf-mali;src:url(/notefonts/mali_bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:mf-lora;src:url(/notefonts/lora.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:mf-playfair_display;src:url(/notefonts/playfair_display.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:mf-libre_baskerville;src:url(/notefonts/libre_baskerville.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:mf-crimson_pro;src:url(/notefonts/crimson_pro.woff2)format("woff2");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:mf-dm_serif_text;src:url(/notefonts/dm_serif_text.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:mf-outfit;src:url(/notefonts/outfit.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:mf-manrope;src:url(/notefonts/manrope.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:mf-lexend;src:url(/notefonts/lexend.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:mf-poppins;src:url(/notefonts/poppins.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:mf-poppins;src:url(/notefonts/poppins_semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:mf-courier_prime;src:url(/notefonts/courier_prime.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:mf-courier_prime;src:url(/notefonts/courier_prime_bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:mf-jetbrains_mono;src:url(/notefonts/jetbrains_mono.woff2)format("woff2");font-weight:100 800;font-style:normal;font-display:swap}@font-face{font-family:mf-special_elite;src:url(/notefonts/special_elite.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:mf-pacifico;src:url(/notefonts/pacifico.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:mf-dancing_script;src:url(/notefonts/dancing_script.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:mf-amatic_sc;src:url(/notefonts/amatic_sc.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:mf-amatic_sc;src:url(/notefonts/amatic_sc_bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:mf-vazirmatn;src:url(/notefonts/vazirmatn.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:mf-noto_naskh_arabic;src:url(/notefonts/noto_naskh_arabic.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:mf-hind_siliguri;src:url(/notefonts/hind_siliguri.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:mf-nastaliq;src:url(/notefonts/noto_nastaliq_urdu_regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:mf-nastaliq;src:url(/notefonts/noto_nastaliq_urdu_bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%}body{background:var(--paper);min-height:100%;color:var(--ink);font:400 calc(16px * var(--text-scale)) / 1.55 var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--med) var(--ease), color var(--med) var(--ease);margin:0;overflow-x:hidden}#root{min-height:100dvh}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:800;line-height:1.08}p{margin:0 0 .8em}::selection{background:var(--text-selection)}:focus{outline:none}:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px;border-radius:var(--r-xs)}kbd{font:600 11px/1 var(--font-body)}[dir=rtl] :is(.lucide-arrow-left,.lucide-arrow-right,.lucide-chevron-left,.lucide-chevron-right,.lucide-undo-2,.lucide-redo-2,.lucide-list-indent-increase,.lucide-list-indent-decrease,.lucide-panel-left-close,.lucide-panel-left-open){transform:scaleX(-1)}.text-link{text-underline-offset:2px;text-decoration:underline}.text-link:hover{color:var(--ink)}.muted{color:var(--ink-muted)}.subtle{color:var(--ink-subtle)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{inset-inline-start:16px;z-index:1000;border-radius:var(--r-pill);background:var(--ink);color:var(--on-ink);transition:top var(--fast) var(--ease);padding:10px 18px;font-weight:700;position:fixed;top:-64px}.skip-link:focus{top:16px}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ink) 22%, transparent) transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){letter-spacing:0!important}.shell{isolation:isolate;min-height:100dvh;position:relative}.shell.is-wide{--side-pane:var(--pane-w);--left:0px;grid-template-columns:minmax(0,1fr);display:grid}.shell.is-wide.has-style{--side-pane:var(--style-w)}.shell.is-wide.has-sidebar{--left:var(--sidebar-w);grid-template-columns:var(--sidebar-w) minmax(0, 1fr)}.shell.is-wide.has-pane{--left:var(--side-pane);grid-template-columns:var(--side-pane) minmax(0, 1fr)}.shell.is-wide.has-sidebar.has-pane{--left:calc(var(--sidebar-w) + var(--side-pane));grid-template-columns:var(--sidebar-w) var(--side-pane) minmax(0, 1fr)}.note-pane{background:color-mix(in srgb, var(--surface) 50%, transparent);min-width:0;height:100dvh;box-shadow:inset -1px 0 0 var(--divider);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fade var(--med) var(--ease);flex-direction:column;gap:8px;padding:14px 10px 10px;display:flex;position:sticky;top:0}[dir=rtl] .note-pane{box-shadow:inset 1px 0 0 var(--divider)}.pane-head{align-items:center;gap:2px;padding-inline:4px 0;display:flex}.pane-title{border-radius:var(--r-sm);min-width:0;min-height:44px;font:800 19px/1.2 var(--font-display);letter-spacing:-.02em;color:var(--ink);flex:1;align-items:center;gap:8px;padding-inline:8px;display:flex}.pane-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pane-title svg{color:var(--ink-muted);flex:none}.pane-title:hover{background:var(--hover)}.pane-filter{border-radius:var(--r-pill);background:var(--hover);min-height:40px;color:var(--ink-subtle);align-items:center;gap:8px;margin-inline:4px;padding-inline:12px;display:flex}.pane-filter input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px}.pane-list{overscroll-behavior:contain;flex:1;align-content:start;gap:2px;padding:2px;display:grid;overflow-y:auto}.pane-empty{color:var(--ink-subtle);margin:12px;font-size:14px}.pane-row{color:var(--ink);transition:background-color var(--fast) var(--ease);border-radius:16px;gap:2px;padding-block:10px;padding-inline:16px 12px;display:grid;position:relative}.pane-row:before{content:"";background:var(--c-strong);opacity:.9;border-radius:4px;width:4px;position:absolute;inset-block:12px;inset-inline-start:5px}.pane-row[data-color=DEFAULT]:before{display:none}.pane-row:hover{background:var(--hover)}.pane-row[aria-current=page]{background:var(--surface);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--glass-edge)}.pane-row-top{align-items:center;gap:6px;min-width:0;display:flex}.pane-row-top strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;overflow:hidden}.pane-row-top svg{color:var(--ink-subtle);flex:none}.pane-row-line{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-muted);font-size:13.5px;overflow:hidden}.pane-row-meta{color:var(--ink-subtle);align-items:center;gap:8px;font-size:12px;display:flex}.pane-chip{color:var(--ink-muted);align-items:center;gap:3px;font-weight:700;display:inline-flex}.pane-chip.is-late{color:var(--danger-text)}.main{min-width:0;min-height:100dvh;position:relative}.shell.is-narrow .main{padding-bottom:112px}.shell.in-note .main{padding-bottom:0}.aurora{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.aurora i{filter:blur(70px);opacity:.5;width:46vmax;height:46vmax;animation:drift 28s var(--ease) infinite alternate;border-radius:50%;position:absolute}.aurora i:first-child{background:var(--nc-BUTTER-bg);top:-18vmax;inset-inline-end:-8vmax}.aurora i:nth-child(2){background:var(--nc-LILAC-bg);bottom:-22vmax;opacity:.42;animation-delay:-9s;inset-inline-start:10vmax}.aurora i:nth-child(3){background:var(--nc-SKY-bg);top:30vh;opacity:.36;animation-delay:-16s;inset-inline-start:-16vmax}[data-theme=dark] .aurora i{opacity:.22}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(6vmax,4vmax)scale(1.12)}}.sidebar{overscroll-behavior:contain;flex-direction:column;gap:14px;height:100dvh;padding-block:16px;padding-inline:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar>*{flex:none}.sidebar-top{justify-content:space-between;align-items:center;padding-block:6px 4px;padding-inline:6px 4px;display:flex}.logo{color:var(--ink);border-radius:var(--r-sm);align-items:center;gap:10px;display:inline-flex}.logo img{width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:10px}.logo span{font:800 26px/1 var(--font-display);letter-spacing:-.05em}.new-note-row{gap:2px;display:flex}.new-note{border-start-end-radius:8px;border-end-end-radius:8px;flex:1;justify-content:flex-start;min-height:52px;padding-inline:18px;font-size:16px}.new-note-more{border-start-start-radius:8px;border-end-start-radius:8px;width:46px;min-height:52px;padding:0}.sidebar-search{border-radius:var(--r-md);background:var(--glass);width:100%;min-height:46px;box-shadow:inset 0 0 0 1px var(--glass-edge);color:var(--ink-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:start;transition:box-shadow var(--fast) var(--ease);border:0;align-items:center;gap:10px;padding-block:0;padding-inline:14px 12px;display:flex}.sidebar-search:hover{box-shadow:inset 0 0 0 1px var(--outline);color:var(--ink-muted)}.sidebar-search span{flex:1}.sidebar-search kbd{background:var(--hover);color:var(--ink-muted);border-radius:7px;align-items:center;gap:2px;padding:4px 7px;display:inline-flex}.side-nav{gap:2px;display:grid}.side-nav a,.side-link{border-radius:var(--r-sm);min-height:44px;color:var(--ink-muted);transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease);align-items:center;gap:12px;padding:0 12px;font-weight:500;display:flex}.side-nav a:hover,.side-link:hover{background:var(--hover);color:var(--ink)}.side-nav a.active,.side-link.active{background:var(--glass-strong);color:var(--ink);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--glass-edge);font-weight:700}.side-nav a span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.side-nav em{color:var(--ink-subtle);font-size:13px;font-style:normal;font-weight:600}.side-nav em.hot{border-radius:var(--r-pill);background:var(--ink);min-width:22px;height:22px;color:var(--on-ink);place-items:center;padding:0 6px;font-size:12px;display:grid}.side-nav .dot,.dot{background:var(--c-bg);width:12px;height:12px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--ink) 18%, transparent);border-radius:50%;flex:none}.side-section{gap:4px;display:grid}.side-section-head{justify-content:space-between;align-items:center;padding-block:6px 0;padding-inline:12px 4px;display:flex}.side-section-title{font:700 12px/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle)}a.side-section-title:hover{color:var(--ink)}.side-empty{color:var(--ink-subtle);margin:0;padding:4px 12px;font-size:14px}.side-tags{flex-wrap:wrap;gap:6px;padding:2px 8px;display:flex}.tag-chip{border-radius:var(--r-pill);background:var(--hover);color:var(--ink-muted);border:0;align-items:center;gap:2px;padding-block:5px;padding-inline:8px 10px;font-size:13px;font-weight:600;display:inline-flex}.tag-chip:hover,.tag-chip.active{background:var(--ink);color:var(--on-ink)}.tag-chip.more{box-shadow:inset 0 0 0 1px var(--outline);background:0 0}.sidebar-bottom{gap:8px;margin-top:auto;padding-top:8px;display:grid}.storage-card{border-radius:var(--r-md);background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:12px;padding:12px 14px;display:flex}.storage-card span{min-width:0;display:grid}.storage-card strong{font-size:14px;line-height:1.3}.storage-card small{color:var(--ink-muted);font-size:12.5px;line-height:1.35}.storage-card.is-local svg{color:var(--danger)}.storage-card.is-linked svg{color:var(--success)}.storage-card:hover{box-shadow:inset 0 0 0 1px var(--outline)}.install-card{border-radius:var(--r-md);text-align:start;background:var(--ink);width:100%;color:var(--on-ink);box-shadow:var(--shadow-sm);transition:transform var(--fast) var(--ease-spring);border:0;align-items:center;gap:12px;padding:12px 14px;display:flex}.install-card span{min-width:0;display:grid}.install-card strong{font-size:14px;line-height:1.3}.install-card small{opacity:.75;font-size:12.5px;line-height:1.35}.install-card:active{transform:scale(.98)}.sidebar-actions{align-items:center;gap:6px;display:flex}.sidebar-actions .side-link{flex:1}.account-link{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.account-link:hover .account-avatar,.account-link.active .account-avatar{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}.account-link:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.mobile-bar{z-index:30;padding:max(10px, env(safe-area-inset-top)) var(--gutter) 10px;background:color-mix(in srgb, var(--paper) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mobile-bar-actions{gap:8px;display:flex}.mobile-bar .icon-btn{background:var(--surface);box-shadow:var(--shadow-sm)}.bottom-nav{z-index:40;inset-inline:12px;bottom:max(12px, env(safe-area-inset-bottom));background:var(--glass-strong);height:72px;box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--glass-edge);-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);border-radius:28px;grid-template-columns:repeat(5,1fr);place-items:center;display:grid;position:fixed}.bottom-nav a{width:56px;height:48px;color:var(--ink-muted);transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease);border-radius:18px;place-items:center;display:grid}.bottom-nav a.active{background:var(--hover);color:var(--ink)}.bottom-nav .fab{background:var(--ink);width:64px;height:64px;color:var(--on-ink);box-shadow:0 10px 28px -6px color-mix(in srgb, var(--ink) 60%, transparent);transition:transform var(--fast) var(--ease-spring);border:0;border-radius:22px;place-items:center;margin-top:-26px;display:grid}.bottom-nav .fab:active{transform:scale(.94)}.page{max-width:var(--page-max);padding:22px var(--gutter) 40px;margin-inline:auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-head h1{font-size:clamp(30px,4vw,42px)}.page-head .sub{color:var(--ink-muted);margin:6px 0 0;font-size:15px}.page-head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.is-wide .page{padding-top:30px}.back-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.bell-btn{position:relative}.badge{top:4px;border-radius:var(--r-pill);background:var(--danger);color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--paper);padding:0 5px;font:700 11px/18px DM Sans,sans-serif;position:absolute;inset-inline-end:3px}@media (max-width:899px){.page{padding-top:6px}}.btn{border-radius:var(--r-pill);white-space:nowrap;min-height:44px;transition:transform var(--fast) var(--ease), background-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease), opacity var(--fast);border:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-primary{background:var(--ink);color:var(--on-ink);box-shadow:0 8px 22px -10px color-mix(in srgb, var(--ink) 70%, transparent)}.btn-primary:hover{box-shadow:0 12px 26px -10px color-mix(in srgb, var(--ink) 80%, transparent)}.btn-soft{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--glass-edge)}.btn-soft:hover{box-shadow:var(--shadow-md), inset 0 0 0 1px var(--glass-edge)}.btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--outline);background:0 0}.btn-ghost:hover{background:var(--hover)}.btn-plain{color:var(--ink-muted);background:0 0;padding-inline:10px}.btn-plain:hover{background:var(--hover);color:var(--ink)}.btn-danger{background:var(--danger-text);color:#fff}.btn.sm{min-height:36px;padding:0 14px;font-size:14px}.icon-btn{width:44px;height:44px;color:var(--ink);transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.icon-btn:hover{background:var(--hover)}.icon-btn:active{background:var(--press);transform:scale(.94)}.icon-btn.is-active{background:var(--ink);color:var(--on-ink)}.icon-btn.sm{width:34px;height:34px}.icon-btn:disabled{opacity:.35;cursor:default}.field{gap:6px;margin-bottom:16px;display:grid}.field>span{font-size:14px;font-weight:700}.field small{color:var(--ink-muted);font-size:13px}.input,.field input,.field textarea,.field select{border-radius:var(--r-md);background:var(--surface);width:100%;min-height:48px;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--outline);transition:box-shadow var(--fast) var(--ease);border:0;padding:10px 14px}.input:focus,.field input:focus,.field textarea:focus,.field select:focus{box-shadow:inset 0 0 0 2px var(--ink);outline:none}.field .error{color:var(--danger-text);font-size:13px;font-weight:600}.switch-row{cursor:pointer;align-items:center;gap:16px;min-height:56px;padding:8px 0;display:flex;position:relative}.switch-row.is-disabled{opacity:.5;cursor:default}.switch-text{flex:1;gap:2px;display:grid}.switch-label{font-weight:600}.switch-desc{color:var(--ink-muted);font-size:14px}.switch-row input{opacity:0;width:1px;height:1px;position:absolute}.switch{border-radius:var(--r-pill);background:var(--toggle-off,var(--outline));width:50px;height:30px;transition:background-color var(--fast) var(--ease);flex:none;position:relative}.switch:after{content:"";top:3px;width:24px;height:24px;box-shadow:var(--shadow-sm);transition:transform var(--med) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px}.switch-row input:checked+.switch{background:var(--ink)}.switch-row input:checked+.switch:after{background:var(--on-ink);transform:translate(20px)}[dir=rtl] .switch-row input:checked+.switch:after{transform:translate(-20px)}.switch-row input:focus-visible+.switch{box-shadow:var(--ring)}.segmented{border-radius:var(--r-pill);background:var(--surface-muted);scrollbar-width:none;gap:2px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.segmented::-webkit-scrollbar{display:none}.segmented button{border-radius:var(--r-pill);min-height:38px;color:var(--ink-muted);background:0 0;border:0;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}@media (max-width:440px){.segmented button{padding:0 11px}}.segmented button.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.chips{scrollbar-width:none;gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border-radius:var(--r-pill);background:var(--surface);min-height:42px;color:var(--ink);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--glass-edge);transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease);border:0;flex:none;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.chip:hover{box-shadow:var(--shadow-md), inset 0 0 0 1px var(--glass-edge)}.chip.is-on{background:var(--ink);color:var(--on-ink)}.chip.add{box-shadow:inset 0 0 0 1.5px var(--outline);background:0 0}.menu-anchor{display:inline-flex}.menu{z-index:300;border-radius:var(--r-md);background:var(--glass-strong);min-width:220px;max-width:min(320px,100vw - 16px);max-height:min(70vh,520px);box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--glass-edge);-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);animation:pop var(--fast) var(--ease);padding:6px;position:fixed;overflow-y:auto}.menu-item{border-radius:var(--r-sm);width:100%;min-height:44px;color:var(--ink);text-align:start;background:0 0;border:0;align-items:center;gap:12px;padding:0 12px;font-size:15px;font-weight:500;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--hover);outline:none}.menu-item.is-danger{color:var(--danger-text)}.menu-item:disabled{opacity:.4;cursor:default}.menu-item svg{color:var(--ink-muted);flex:none}.menu-item.is-danger svg{color:inherit}.menu-item span{flex:1}.menu-check{font-weight:800}.menu-divider{background:var(--divider);height:1px;margin:6px 8px}@keyframes pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}dialog.sheet{color:var(--ink);background:0 0;border:0;width:min(560px,100vw - 32px);max-width:none;max-height:none;padding:0;overflow:visible}dialog.sheet:focus-visible{outline:none}dialog.sheet::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade var(--med) var(--ease)}dialog.sheet-sm{width:min(420px,100vw - 32px)}dialog.sheet-lg{width:min(820px,100vw - 32px)}.sheet-inner{border-radius:var(--r-xl);background:var(--surface);max-height:min(86dvh,860px);box-shadow:var(--shadow-lg);animation:rise var(--med) var(--ease);flex-direction:column;display:flex}.sheet-head{justify-content:space-between;align-items:center;gap:12px;padding-block:18px 6px;padding-inline:24px 14px;display:flex}.sheet-head h2{font-size:22px}.sheet-body{padding:8px 24px 20px;overflow-y:auto}.sheet-foot{border-top:1px solid var(--divider);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:12px 20px 20px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:640px){dialog.sheet,dialog.sheet-sm,dialog.sheet-lg{width:100vw;margin:auto 0 0}.sheet-inner{max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);border-end-end-radius:0;border-end-start-radius:0;animation-name:slideup}@keyframes slideup{0%{opacity:.4;transform:translateY(40%)}to{opacity:1;transform:none}}}.toasts{z-index:500;inset-inline:0;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;bottom:24px}.is-narrow~.toasts,.shell.is-narrow+.toasts{bottom:104px}body:has(.editor-dock) .toasts{bottom:96px}.toast{pointer-events:auto;border-radius:var(--r-md);background:var(--ink);max-width:calc(100vw - 32px);min-height:52px;color:var(--on-ink);box-shadow:var(--shadow-lg);animation:rise var(--med) var(--ease);align-items:center;gap:16px;padding-block:8px;padding-inline:20px 10px;font-size:15px;font-weight:600;display:flex}.toast button{color:var(--nc-BUTTER-bg);border-radius:var(--r-sm);background:0 0;border:0;padding:10px 12px;font-weight:800}[data-theme=dark] .toast button{color:#6b5a1e}.toast button:hover{background:color-mix(in srgb, var(--on-ink) 14%, transparent)}.empty{text-align:center;justify-items:center;gap:10px;max-width:460px;margin:0 auto;padding:56px 24px;display:grid}.empty-icon{background:var(--nc-BUTTER-bg);width:92px;height:92px;color:var(--nc-BUTTER-label);box-shadow:var(--shadow-md);border-radius:30px;place-items:center;margin-bottom:8px;display:grid;transform:rotate(-4deg)}.empty h2{font-size:24px}.empty p{color:var(--ink-muted);margin:0 0 8px}.banner{border-radius:var(--r-lg);background:var(--glass-strong);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--glass-edge);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:14px;margin-bottom:16px;padding-block:12px;padding-inline:18px 12px;display:flex}.banner>svg{flex:none}.banner .text{flex:1;gap:1px;min-width:0;display:grid}.banner strong{font-size:15px}.banner small{color:var(--ink-muted);font-size:13.5px;line-height:1.4}.banner.warn>svg{color:var(--danger)}.banner .actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.section-label{font:700 13px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);margin:22px 4px 10px}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{background:var(--c-bg);width:44px;height:44px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--ink) 12%, transparent);color:var(--ink);border:0;border-radius:50%;place-items:center;display:grid;position:relative}.swatch[aria-checked=true]{box-shadow:inset 0 0 0 2.5px var(--ink)}.swatch.mark{background:var(--mk-hl)}.look{--line-h:calc(25px * var(--page-scale,1) * var(--page-spacing,1) * var(--text-scale));background-color:var(--page-bg);color:var(--page-ink);font-family:var(--page-font,var(--font-body))}.look[data-paper=LINED],.look[data-paper=NOTEBOOK]{background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--line-h) - 1.1px), var(--page-line) calc(var(--line-h) - 1.1px), var(--page-line) var(--line-h));background-position:0 var(--paper-offset,0px)}.look[data-paper=NOTEBOOK]{background-image:linear-gradient(to right, transparent 27px, var(--page-margin) 27px, var(--page-margin) 28.5px, transparent 28.5px), repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--line-h) - 1.1px), var(--page-line) calc(var(--line-h) - 1.1px), var(--page-line) var(--line-h))}[dir=rtl] .look[data-paper=NOTEBOOK]{background-image:linear-gradient(to left, transparent 27px, var(--page-margin) 27px, var(--page-margin) 28.5px, transparent 28.5px), repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--line-h) - 1.1px), var(--page-line) calc(var(--line-h) - 1.1px), var(--page-line) var(--line-h))}.look[data-paper=GRID]{background-image:linear-gradient(to right, var(--page-line) 1px, transparent 1px), linear-gradient(to bottom, var(--page-line) 1px, transparent 1px);background-position:top;background-size:20px 20px}.look[data-paper=DOTS]{background-image:radial-gradient(circle, var(--page-strong) 1.35px, transparent 1.6px);background-position:50% 10px;background-size:20px 20px}.page-art{pointer-events:none;z-index:0;position:absolute}.page-art.corner{top:0;width:140px;height:80px;inset-inline-end:0}.page-art.band{top:0;width:100%;height:calc(var(--band,16) * 1px);inset-inline:0}.page-art[data-band="16"]{--band:16}.page-art[data-band="18"]{--band:18}.page-art[data-band="20"]{--band:20}.page-art[data-band="22"]{--band:22}.page-art[data-band="24"]{--band:24}.page-art[data-band="26"]{--band:26}.page-art[data-band="28"]{--band:28}.page-art[data-band="30"]{--band:30}.page-art[data-band="32"]{--band:32}.page-art[data-band="34"]{--band:34}[dir=rtl] .page-art.corner,.page-art.corner.rtl{transform:scaleX(-1)}.page-art .a1{fill:var(--page-accent)}.page-art .a2{fill:var(--page-soft)}.page-art .a3{fill:var(--page-extra,var(--page-soft))}.page-art .ai{fill:var(--page-ink)}.page-art .ap{fill:var(--page-bg)}.page-art .s1{fill:none;stroke:var(--page-accent);stroke-width:1.5px}.page-art .s2{fill:none;stroke:var(--page-soft);stroke-width:1.2px}.page-art .s-ink{stroke:var(--page-ink);fill:none}.page-art .s-page{stroke:var(--page-bg);fill:none;stroke-width:2px}.page-art .s-extra{stroke:var(--page-extra)}.page-art .nf,.page-art .sf{fill:none}.page-art .w2{stroke-width:2px}.page-art .w3{stroke-width:3px}.page-art .w5{stroke-width:5px}.page-art .w8{stroke-width:8px}.page-art .round{stroke-linecap:round;stroke-linejoin:round}.page-art .o3{opacity:.3}.page-art .o35{opacity:.35}.page-art .o4{opacity:.4}.page-art .o5{opacity:.5}.page-art .o6{opacity:.6}.page-art .o7{opacity:.7}.page-art .o8{opacity:.8}.page-art .d-rose{fill:var(--dp-rose)}.page-art .d-butter{fill:var(--dp-butter)}.page-art .d-sky{fill:var(--dp-sky)}.page-art .d-mint{fill:var(--dp-mint)}.page-art .d-lilac{fill:var(--dp-lilac)}.page-art .d-peach{fill:var(--dp-peach)}.page-art .d-leaf{fill:var(--dp-leaf)}.page-art .d-white{fill:#ffffff8c}.page-art .d-deep{fill:var(--page-label)}.page-art .s-deep{stroke:var(--page-label);fill:none;stroke-width:1.2px}.page-art .sf.d-rose{stroke:var(--dp-rose)}.page-art .sf.d-peach{stroke:var(--dp-peach)}.page-art .sf.d-butter{stroke:var(--dp-butter)}.page-art .sf.d-mint{stroke:var(--dp-mint)}.page-art .sf.d-sky{stroke:var(--dp-sky)}.page-art .s-butter{stroke:var(--dp-butter)}.page-art .s-sky{stroke:var(--dp-sky);fill:none}.page-art .s-mint{stroke:var(--dp-mint);fill:none}.notes-grid{align-items:flex-start;gap:14px;display:flex}.notes-col{flex:1;gap:14px;min-width:0;display:grid}.notes-list{gap:10px;max-width:820px;display:grid}.card{text-align:start;border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow-sm), inset 0 0 0 1px color-mix(in srgb, var(--ink) 6%, transparent);transition:transform var(--med) var(--ease), box-shadow var(--med) var(--ease);cursor:pointer;isolation:isolate;content-visibility:auto;contain-intrinsic-size:auto 180px;border:0;padding:16px 18px;display:block;position:relative;overflow:hidden}.card:after{content:"";z-index:-1;pointer-events:none;opacity:.7;background:linear-gradient(160deg,#ffffff59,#0000 42%);position:absolute;inset:0}[data-theme=dark] .card:after,.card[data-page-dark=true]:after{background:linear-gradient(160deg,#ffffff0f,#0000 40%)}.card:hover{box-shadow:var(--shadow-md), inset 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent);transform:translateY(-2px)}.card:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.card.is-selected{box-shadow:0 0 0 3px var(--ink), var(--shadow-md)}.card .page-art.corner{opacity:.95;width:84px;height:48px}.card .page-art.band{height:calc(var(--band,16) * .7px)}.card.has-band{padding-top:calc(16px + var(--band,0) * .7px)}.card-label{min-height:18px;font:700 13px/1.2 var(--font-body);color:var(--page-label);align-items:center;gap:8px;margin-bottom:6px;display:flex;position:relative}.card-label .folder{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.card-label .pin{flex:none;margin-inline-start:auto}.card-title{font:700 calc(18px * var(--page-title-scale,1)) / 1.25 var(--page-title-font,var(--font-display));letter-spacing:-.01em;color:var(--page-ink);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 6px;display:-webkit-box;position:relative;overflow:hidden}.card[data-light-titles=true] .card-title{font-weight:400}.card:not([data-title-font]) .card-title{font-family:var(--font-body);font-weight:700}.card-text{font-size:calc(15px * var(--page-scale,1));color:var(--page-muted);overflow-wrap:anywhere;white-space:pre-line;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;position:relative;overflow:hidden}.card-items{grid-template-columns:minmax(0,1fr);gap:2px;margin:4px 0 2px;padding:0;list-style:none;display:grid;position:relative}.card-item{min-height:30px;font-size:calc(15px * var(--page-scale,1));color:var(--page-ink);align-items:flex-start;gap:10px;padding:3px 0;line-height:1.4;display:flex}.card-item button.tick{border:2px solid var(--page-ink);width:22px;height:22px;color:var(--page-bg);background:0 0;border-radius:6px;flex:none;place-items:center;margin:0;padding:0;display:grid}.card[data-check=CIRCLE] .card-item button.tick{border-radius:50%}.card[data-check=SQUARE] .card-item button.tick{border-radius:3px}.card-item.is-done button.tick{background:var(--page-ink)}.card-item.is-done span{color:var(--page-muted);opacity:.8;text-decoration:line-through}.card-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.card-more{color:var(--page-muted);margin-block:2px 0;margin-inline:32px 0;font-size:13px;position:relative}.card-meta{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex;position:relative}.card-chip{border-radius:var(--r-pill);background:color-mix(in srgb, var(--page-ink) 9%, transparent);height:28px;color:var(--page-ink);font:600 13px/1 var(--font-body);align-items:center;gap:5px;padding:0 11px;display:inline-flex}.card-chip.is-late{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger-text)}.card-image{aspect-ratio:16/10;background:var(--hover);margin:-16px -18px 12px;position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%}.card-locked{gap:8px;display:grid;position:relative}.card-locked .bar{border-radius:var(--r-pill);background:color-mix(in srgb, var(--page-ink) 9%, transparent);height:10px}.card-locked .bar:last-child{width:62%}.card.is-rtl .card-title,.card.is-rtl .card-text{text-align:end}.card-progress{border-radius:var(--r-pill);background:color-mix(in srgb, var(--page-ink) 10%, transparent);height:5px;margin-top:10px;position:relative;overflow:hidden}.card-progress i{height:100%;width:var(--done,0%);background:var(--page-ink);border-radius:inherit;transition:width var(--med) var(--ease);display:block}.notes-list .card{content-visibility:visible;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;padding:14px 18px;display:grid}.notes-list .card>*{grid-column:1}.notes-list .card-meta{grid-area:1/2/span 3;align-self:center;margin:0}.notes-list .card-text{-webkit-line-clamp:2}.notes-list .card-image{display:none}.select-bar{z-index:35;border-radius:var(--r-pill);background:var(--ink);color:var(--on-ink);box-shadow:var(--shadow-lg);animation:rise var(--med) var(--ease);align-items:center;gap:6px;margin-bottom:14px;padding-block:6px;padding-inline:16px 8px;display:flex;position:sticky;top:8px}.select-bar strong{flex:1;font-size:15px}.select-bar .icon-btn{color:var(--on-ink)}.select-bar .icon-btn:hover{background:color-mix(in srgb, var(--on-ink) 14%, transparent)}.card-snippet{font-size:calc(14.5px * var(--page-scale,1));color:var(--page-muted);overflow-wrap:anywhere;margin:0;line-height:1.5;position:relative}.card-snippet mark{background:color-mix(in srgb, var(--nc-BUTTER-bg) 70%, var(--page-accent,#f2c94c) 30%);color:var(--page-ink);border-radius:4px;padding:0 2px;font-weight:700}.card :is(.card-title,.card-items,.card-text,.card-snippet):lang(ur){font-family:"Memlow Nastaliq", var(--page-font,var(--font-body));line-height:2}:is(.card,.tpl-preview,.version-preview,.theme-swatch,.paper-tile)[data-paper=NOTEBOOK]{padding-inline-start:40px}.card[data-paper=NOTEBOOK] .card-image{margin-inline-start:-40px}.note-page{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative}.note-page.look{font-family:var(--font-body)}.note-page .page-art.corner{width:140px;height:80px;top:64px}.note-page .page-art.band{top:64px}.note-page.has-band .note-sheet{padding-top:calc(var(--band,0) * 1px + 8px)}.note-topbar{z-index:20;padding:max(10px, env(safe-area-inset-top)) clamp(8px, 2vw, 20px) 10px;background:color-mix(in srgb, var(--page-bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:4px;display:flex;position:sticky;top:0}.note-topbar .icon-btn{color:var(--page-ink)}.note-topbar .icon-btn:hover{background:color-mix(in srgb, var(--page-ink) 8%, transparent)}.note-topbar .icon-btn.is-active{background:var(--page-ink);color:var(--page-bg)}.note-topbar .grow,.grow{flex:1}.folder-chip{border-radius:var(--r-pill);background:color-mix(in srgb, var(--page-ink) 8%, transparent);max-width:220px;min-height:40px;color:var(--page-ink);border:0;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:700;display:inline-flex}.folder-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:440px){.folder-chip.is-empty{justify-content:center;width:44px;height:44px;padding:0}.folder-chip.is-empty span{display:none}}.note-scroll{flex-direction:column;flex:1;display:flex}.note-sheet{--sheet-pad:clamp(20px, 5vw, 56px);--sheet-start:var(--sheet-pad);z-index:1;width:100%;max-width:860px;padding-block:8px 0;padding-inline:var(--sheet-start) var(--sheet-pad);flex-direction:column;flex:1;margin:0 auto;display:flex;position:relative}.note-page[data-paper=NOTEBOOK] .note-sheet{--sheet-start:max(52px, var(--sheet-pad))}.note-head,.note-title-wrap{display:flow-root}.corner-room{float:inline-end;width:var(--corner-w,0px);height:var(--corner-h,0px)}.note-meta{min-height:44px;color:var(--page-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-size:14px;display:flex}.style-btn{border-radius:var(--r-pill);background:color-mix(in srgb, var(--page-ink) 7%, transparent);min-height:40px;color:var(--page-ink);border:0;align-items:center;gap:8px;padding-block:0;padding-inline:10px 14px;font-weight:700;display:inline-flex}.style-btn:hover{background:color-mix(in srgb, var(--page-ink) 12%, transparent)}.meta-chip{border-radius:var(--r-pill);background:color-mix(in srgb, var(--page-ink) 9%, transparent);height:30px;color:var(--page-ink);border:0;align-items:center;gap:5px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.note-title{resize:none;width:100%;color:var(--page-ink);font:800 calc(32px * var(--page-title-scale,1) * var(--text-scale)) / 1.12 var(--page-title-font,var(--font-display));letter-spacing:-.03em;background:0 0;border:0;margin:0;padding:4px 0 8px;display:block;overflow:hidden}.note-page[data-title-font] .note-title{letter-spacing:0}.note-page[data-light-titles=true] .note-title{font-weight:400}.note-title::placeholder{color:color-mix(in srgb, var(--page-ink) 30%, transparent)}.note-tail{cursor:text;flex:1 0 auto;min-height:calc(30vh + 140px)}.note-page:is([data-paper=LINED],[data-paper=NOTEBOOK]){background-image:none}.note-page:is([data-paper=LINED],[data-paper=NOTEBOOK]) .note-scroll{overflow-x:clip}.note-page[data-paper=NOTEBOOK] .note-sheet:before{content:"";z-index:-1;background:var(--page-margin);pointer-events:none;width:1.5px;position:absolute;inset-block:0;inset-inline-start:calc(var(--sheet-start) - 18px)}.note-page:is([data-paper=LINED],[data-paper=NOTEBOOK]) :is(.note-title-wrap,.note-tail,.nb-editor p,.nb-editor h1,.nb-editor h2,.nb-editor h3,.nb-editor .nb-quote:not([data-style=pull])){position:relative}.note-page:is([data-paper=LINED],[data-paper=NOTEBOOK]) :is(.note-title-wrap,.note-tail,.nb-editor p,.nb-editor h1,.nb-editor h3,.nb-editor .nb-quote:not([data-style=pull])),.note-page:is([data-paper=LINED],[data-paper=NOTEBOOK]):not([data-heading=RULES]) .nb-editor h2{--rule:var(--rule-h,var(--line-h))}.note-page:is([data-paper=LINED],[data-paper=NOTEBOOK]) :is(.note-title-wrap,.note-tail,.nb-editor p,.nb-editor h1,.nb-editor h3,.nb-editor .nb-quote:not([data-style=pull])):after,.note-page:is([data-paper=LINED],[data-paper=NOTEBOOK]):not([data-heading=RULES]) .nb-editor h2:after{content:"";z-index:-1;inset-block:var(--rule-top,0px) var(--rule-bottom,0px);pointer-events:none;background:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--rule) - 1.1px), var(--page-line) calc(var(--rule) - 1.1px), var(--page-line) var(--rule));position:absolute;inset-inline:-100vw}.nb-editor h1{--rule-h:calc(26px * var(--page-title-scale,1) * var(--text-scale) * 1.15)}.nb-editor h2{--rule-h:calc(20px * var(--page-title-scale,1) * var(--text-scale) * 1.2)}.nb-editor h3{--rule-h:calc(18px * var(--page-title-scale,1) * var(--text-scale) * 1.17)}.note-content:lang(ur) .nb-editor h1{--rule-h:calc(26px * var(--page-title-scale,1) * var(--text-scale) * 2.2)}.note-content:lang(ur) .nb-editor h2{--rule-h:calc(20px * var(--page-title-scale,1) * var(--text-scale) * 2.2)}.note-content:lang(ur) .nb-editor h3{--rule-h:calc(18px * var(--page-title-scale,1) * var(--text-scale) * 2.2)}.note-title-wrap{--rule-h:calc(32px * var(--page-title-scale,1) * var(--text-scale) * 1.12);--rule-top:4px;--rule-bottom:8px}.note-title-wrap:has(.note-title:lang(ur)){--rule-h:calc(32px * var(--page-title-scale,1) * var(--text-scale) * 2)}.nb-editor .nb-quote{--rule-h:calc(17px * var(--page-scale,1) * var(--text-scale) * 1.55);--rule-top:4px;--rule-bottom:4px}.locked-page{background:var(--lock-background,#1e1b26);color:#f3f1ec;--ink:#f3f1ec}.locked-page .note-topbar{background:0 0}.locked-page .note-topbar .icon-btn{color:#f3f1ec}.nb-editor{color:var(--page-ink);font-family:var(--page-font,var(--font-body));caret-color:var(--page-accent);word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;outline:none}.ProseMirror{position:relative}.ProseMirror [contenteditable=false]{white-space:normal}.ProseMirror [contenteditable=false] [contenteditable=true],.ProseMirror pre{white-space:pre-wrap}img.ProseMirror-separator{border:none!important;width:0!important;height:0!important;margin:0!important;display:inline!important}.ProseMirror-gapcursor{pointer-events:none;margin:0;display:none;position:absolute}.ProseMirror-gapcursor:after{content:"";border-top:1px solid var(--page-ink);width:20px;animation:1.1s steps(2,start) infinite pm-cursor-blink;display:block;position:absolute;top:-2px}.ProseMirror-focused .ProseMirror-gapcursor{display:block}@keyframes pm-cursor-blink{to{visibility:hidden}}.ProseMirror-hideselection ::selection{background:0 0}.ProseMirror-hideselection *{caret-color:#0000}.nb-editor>*+*{margin-top:2px}.nb-editor p{font-size:calc(16px * var(--page-scale,1) * var(--text-scale));line-height:var(--line-h,25px);min-height:var(--line-h,25px);margin:0}.nb-editor h1,.nb-editor h2,.nb-editor h3{color:var(--page-ink);font-family:var(--page-title-font,var(--font-display));text-wrap:pretty;margin:14px 0 4px;position:relative}.nb-editor h1{font-size:calc(26px * var(--page-title-scale,1) * var(--text-scale));line-height:1.15}.nb-editor h2{font-size:calc(20px * var(--page-title-scale,1) * var(--text-scale));letter-spacing:0;font-weight:700;line-height:1.2}.nb-editor h3{font-size:calc(18px * var(--page-title-scale,1) * var(--text-scale));letter-spacing:0;font-weight:700;line-height:1.17}.note-page[data-light-titles=true] .nb-editor :is(h1,h2,h3){font-weight:400}.nb-editor [data-align=center]{text-align:center}.nb-editor [data-align=end]{text-align:end}.nb-editor p.is-empty:before,.nb-editor h1.is-empty:before,.nb-editor h2.is-empty:before,.nb-editor h3.is-empty:before{content:attr(data-placeholder);float:inline-start;pointer-events:none;height:0;color:color-mix(in srgb, var(--page-ink) 32%, transparent)}.nb-editor strong{font-weight:700}.nb-editor mark{background:var(--mk-hl,var(--mk-yellow-hl));color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:0 1px}.nb-editor code{font-family:var(--font-code);background:var(--code-fill);border-radius:5px;padding:1px 5px;font-size:.9em}.nb-editor .nb-note-link{color:var(--page-accent-ink,var(--page-ink));text-underline-offset:3px;cursor:pointer;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.nb-editor .nb-tag{color:var(--page-accent-ink,var(--page-ink));background:color-mix(in srgb, var(--page-accent) 12%, transparent);border-radius:6px;padding:0 3px;font-weight:600}.nb-editor .find-hit{background:#f4c5428c;border-radius:3px}.nb-editor .find-hit.is-current{background:#f4a07a}.nb-editor ul,.nb-editor ol{margin:4px 0;padding-inline-start:28px}.nb-editor li{font-size:calc(16px * var(--page-scale,1) * var(--text-scale));line-height:var(--line-h,25px)}.nb-editor li>p{min-height:0}.nb-editor li[data-extra-indent="1"]{margin-inline-start:28px}.nb-editor li[data-extra-indent="2"]{margin-inline-start:56px}.nb-editor li[data-extra-indent="3"]{margin-inline-start:84px}.nb-editor li[data-extra-indent="4"]{margin-inline-start:112px}.nb-editor ul li::marker{color:var(--page-accent)}.nb-editor ol li::marker{color:var(--page-accent);font-weight:700}html[data-digits=arab] .nb-editor ol{list-style-type:arabic-indic}html[data-digits=arabext] .nb-editor ol{list-style-type:persian}html[data-digits=deva] .nb-editor ol{list-style-type:devanagari}html[data-digits=beng] .nb-editor ol{list-style-type:bengali}.nb-editor li[data-checked]:has(>div>p:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){direction:rtl}.nb-editor li[data-checked]:has(>div>p:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){direction:ltr}.note-page[data-bullet] .nb-editor ul:not([data-type=taskList]){list-style:none}.note-page[data-bullet] .nb-editor ul:not([data-type=taskList])>li{position:relative}.note-page[data-bullet] .nb-editor ul:not([data-type=taskList])>li:before{content:"";inset-inline-start:-20px;top:calc(var(--line-h,25px) / 2 - 5px);background:var(--page-accent);width:10px;height:10px;-webkit-mask:var(--bullet-mask) center / contain no-repeat;-webkit-mask:var(--bullet-mask) center / contain no-repeat;mask:var(--bullet-mask) center / contain no-repeat;position:absolute}[data-bullet=DOT]{--bullet-mask:radial-gradient(circle, #000 55%, transparent 58%)}[data-bullet=DASH]{--bullet-mask:linear-gradient(transparent 40%, #000 40%, #000 60%, transparent 60%)}[data-bullet=SQUARE]{--bullet-mask:linear-gradient(#000, #000) center / 70% 70% no-repeat}[data-bullet=DIAMOND]{--bullet-mask:conic-gradient(from 45deg, #000 0 100%) center / 70% 70% no-repeat}[data-bullet=RING]{--bullet-mask:radial-gradient(circle, transparent 30%, #000 32%, #000 56%, transparent 58%)}[data-bullet=ARROW]{--bullet-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 1l6 4-6 4z'/%3E%3C/svg%3E")}[data-bullet=TRIANGLE]{--bullet-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 1l4 8H1z'/%3E%3C/svg%3E")}[data-bullet=STAR]{--bullet-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0l1.4 3.2 3.6.3-2.7 2.3.8 3.5L5 7.5 1.9 9.3l.8-3.5L0 3.5l3.6-.3z'/%3E%3C/svg%3E")}[data-bullet=STAR8]{--bullet-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0l1.5 2.4 2.7-.6-.6 2.7L11 5 8.6 6.5l.6 2.7-2.7-.6L5 11 3.5 8.6l-2.7.6.6-2.7L-1 5l2.4-1.5-.6-2.7 2.7.6z'/%3E%3C/svg%3E")}[data-bullet=HEART]{--bullet-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 9C1 6 0 4.5 0 3a2.5 2.5 0 015-1 2.5 2.5 0 015 1c0 1.5-1 3-5 6z'/%3E%3C/svg%3E")}[data-bullet=LEAF]{--bullet-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 9C1 4 4 1 9 1c0 5-3 8-8 8z'/%3E%3C/svg%3E")}[data-bullet=FLOWER]{--bullet-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='2.2' r='2'/%3E%3Ccircle cx='7.7' cy='4.2' r='2'/%3E%3Ccircle cx='6.7' cy='7.5' r='2'/%3E%3Ccircle cx='3.3' cy='7.5' r='2'/%3E%3Ccircle cx='2.3' cy='4.2' r='2'/%3E%3C/svg%3E")}[data-bullet=DROP]{--bullet-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0C3 3.5 2 5 2 6.5a3 3 0 006 0C8 5 7 3.5 5 0z'/%3E%3C/svg%3E")}[data-bullet=ASTERISK]{--bullet-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M4.3 0h1.4v3.8L9 2l.7 1.2L6.4 5l3.3 1.8L9 8 5.7 6.2V10H4.3V6.2L1 8l-.7-1.2L3.6 5 .3 3.2 1 2l3.3 1.8z'/%3E%3C/svg%3E")}.nb-editor ul[data-type=taskList]{padding-inline-start:0;list-style:none}.nb-editor li[data-checked]{align-items:flex-start;gap:12px;display:flex}.nb-editor li[data-checked]>label{margin-top:calc((var(--line-h,25px) - 22px) / 2);-webkit-user-select:none;user-select:none;flex:none;display:inline-flex}.nb-editor li[data-checked]>div{flex:1;min-width:0}.nb-editor li[data-checked] input[type=checkbox]{appearance:none;border:2px solid var(--page-ink);cursor:pointer;width:22px;height:22px;transition:background-color var(--fast) var(--ease), transform var(--fast) var(--ease-spring);background:0 0;border-radius:6px;place-items:center;margin:0;display:grid}.nb-editor li[data-checked] input[type=checkbox]:active{transform:scale(.88)}.nb-editor li[data-checked] input[type=checkbox]:checked{background:var(--page-ink)}.nb-editor li[data-checked] input[type=checkbox]:checked:after{content:"";border:2.5px solid var(--page-bg);border-top:0;border-inline-end:0;width:11px;height:6px;margin-top:-3px;transform:rotate(-45deg)}[dir=rtl] .nb-editor li[data-checked] input[type=checkbox]:checked:after{transform:rotate(45deg)scaleX(-1)}.note-page[data-check=CIRCLE] .nb-editor li[data-checked] input[type=checkbox]{border-radius:50%}.note-page[data-check=SQUARE] .nb-editor li[data-checked] input[type=checkbox]{border-radius:3px}.note-page[data-theme-id] .nb-editor li[data-checked] input[type=checkbox]{border-color:var(--page-accent)}.note-page[data-theme-id] .nb-editor li[data-checked] input[type=checkbox]:checked{background:var(--page-accent)}.nb-editor li[data-checked=true]>div>:not(ul,ol){color:color-mix(in srgb, var(--page-ink) 55%, transparent);text-decoration:line-through}.nb-editor .nb-quote{border-inline-start:4px solid var(--page-accent);font-style:italic;font-size:calc(17px * var(--page-scale,1) * var(--text-scale));color:var(--page-ink);margin:10px 0;padding-block:4px;padding-inline:18px 0;line-height:1.55}.nb-editor .nb-quote[data-style=mark]{border:0;padding-inline-start:46px;position:relative}.nb-editor .nb-quote[data-style=mark]:before{content:"“";inset-inline-start:0;color:var(--page-accent);font:800 64px/1 Georgia,serif;position:absolute;top:-14px}.nb-editor .nb-quote[data-style=pull]{text-align:center;font-size:calc(21px * var(--page-scale,1) * var(--text-scale));border:0;border-block:2px solid var(--page-accent);margin:18px 12%;padding:14px 8px}.nb-editor .nb-callout{--tone:var(--co-info-accent);--fill:var(--co-info-fill);border-radius:var(--r-md);background:var(--fill);gap:12px;margin:10px 0;padding:14px 16px;display:flex}.nb-editor .nb-callout[data-tone=tip]{--tone:var(--co-tip-accent);--fill:var(--co-tip-fill)}.nb-editor .nb-callout[data-tone=success]{--tone:var(--co-success-accent);--fill:var(--co-success-fill)}.nb-editor .nb-callout[data-tone=warning]{--tone:var(--co-warning-accent);--fill:var(--co-warning-fill)}.nb-editor .nb-callout[data-tone=danger]{--tone:var(--co-danger-accent);--fill:var(--co-danger-fill)}.nb-editor .nb-callout[data-tone=note]{--tone:var(--co-note-accent);--fill:var(--co-note-fill)}.nb-editor .nb-callout-icon{background:var(--tone);width:22px;height:22px;-webkit-mask:var(--co-icon) center / contain no-repeat;-webkit-mask:var(--co-icon) center / contain no-repeat;mask:var(--co-icon) center / contain no-repeat;--co-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.5'/%3E%3C/svg%3E");flex:none;margin-top:1px}.nb-editor .nb-callout[data-tone=tip] .nb-callout-icon{--co-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 00-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0012 3z'/%3E%3C/svg%3E")}.nb-editor .nb-callout[data-tone=success] .nb-callout-icon{--co-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.6 2.6L16 9.5'/%3E%3C/svg%3E")}.nb-editor .nb-callout[data-tone=warning] .nb-callout-icon,.nb-editor .nb-callout[data-tone=danger] .nb-callout-icon{--co-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 4L2.5 20h19L12 4zM12 10v4.5M12 17.5v.3'/%3E%3C/svg%3E")}.nb-editor .nb-callout[data-tone=note] .nb-callout-icon{--co-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M5 3h10l4 4v14H5zM8 11h8M8 15h6'/%3E%3C/svg%3E")}.nb-editor .nb-callout-text{min-width:0;font-size:calc(16px * var(--page-scale,1) * var(--text-scale));flex:1;line-height:1.55}.nb-editor pre{border-radius:var(--r-md);background:var(--code-fill);text-align:left;direction:ltr;margin:10px 0;padding:14px 16px;overflow-x:auto}.nb-editor pre code{white-space:pre;background:0 0;padding:0;font-size:14px;line-height:1.6}.nb-editor .nb-divider{padding:12px 0}.nb-editor .nb-divider hr{background:color-mix(in srgb, var(--page-ink) 22%, transparent);border:0;height:1.5px;margin:0}.nb-editor .nb-divider[data-style=thick] hr{background:var(--page-accent);border-radius:2px;height:4px}.nb-editor .nb-divider[data-style=dotted] hr{background:radial-gradient(circle, color-mix(in srgb, var(--page-ink) 45%, transparent) 1.4px, transparent 1.6px) 0 0 / 10px 3px repeat-x;height:3px}.nb-editor .nb-divider[data-style=double] hr{background:linear-gradient(var(--page-ink) 1.2px, transparent 1.2px, transparent 3.8px, var(--page-ink) 3.8px);opacity:.3;height:5px}.nb-editor .nb-divider[data-style=ornament] hr{text-align:center;background:0 0;height:16px}.nb-editor .nb-divider[data-style=ornament] hr:before{content:"✦  ✦  ✦";color:var(--page-accent);letter-spacing:6px}.nb-editor .ProseMirror-selectednode,.nb-editor .is-selected{outline:2px solid var(--page-accent);outline-offset:3px;border-radius:8px}.note-page[data-heading=ACCENT] .nb-editor :is(h1,h2,h3){color:var(--page-accent-ink)}.note-page[data-heading=BAR_UNDER] .nb-editor :is(h1,h2){background:linear-gradient(var(--page-accent), var(--page-accent)) left bottom / 44px 3px no-repeat;padding-bottom:6px}.note-page[data-heading=START_BAR] .nb-editor :is(h1,h2,h3){border-inline-start:4px solid var(--page-accent);padding-inline-start:12px}.note-page[data-heading=SWASH] .nb-editor :is(h1,h2){color:var(--page-accent-ink);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M2 7 Q30 1 98 5' stroke='%23E07A5F' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 0 100%/120px 10px no-repeat;padding-bottom:8px}.note-page[data-heading=LABEL] .nb-editor :is(h1,h2,h3){background:color-mix(in srgb, var(--page-accent) 22%, transparent);--rule-top:2px;--rule-bottom:2px;border-radius:8px;padding:2px 12px;display:table}.note-page[data-heading=WAVY_UNDER] .nb-editor :is(h1,h2){-webkit-text-decoration:underline wavy var(--page-accent);text-decoration:underline wavy var(--page-accent);text-underline-offset:6px;text-decoration-thickness:2px}.note-page[data-heading=DOTTED_UNDER] .nb-editor :is(h1,h2){-webkit-text-decoration:underline dotted var(--page-accent);text-decoration:underline dotted var(--page-accent);text-underline-offset:6px;text-decoration-thickness:3px}.note-page[data-heading=RULES] .nb-editor h2{align-items:center;gap:12px;display:flex}.note-page[data-heading=RULES] .nb-editor h2:before,.note-page[data-heading=RULES] .nb-editor h2:after{content:"";background:var(--page-accent);flex:1;height:1px}.note-page[data-heading=MARK] .nb-editor :is(h1,h2){background:linear-gradient(transparent 58%, color-mix(in srgb, var(--page-accent) 30%, transparent) 58%);display:inline}.nb-table{border-radius:var(--r-md);margin:12px 0}.nb-table-scroll{border-radius:var(--r-md);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--page-ink) 14%, transparent);overflow-x:auto}.nb-table table{border-collapse:collapse;width:100%;min-width:100%;font-size:calc(15px * var(--page-scale,1))}.nb-table td{border:1px solid color-mix(in srgb, var(--page-ink) 12%, transparent);min-width:96px;padding:0}.nb-table tr:first-child td{border-top:0}.nb-table td:first-child{border-inline-start:0}.nb-table td:last-child{border-inline-end:0}.nb-table input{width:100%;min-height:42px;color:var(--page-ink);font:inherit;background:0 0;border:0;padding:8px 12px}.nb-table input:focus{outline:2px solid var(--page-accent);outline-offset:-2px;border-radius:4px}.nb-table td[data-align=center] input{text-align:center}.nb-table td[data-align=end] input{text-align:end}.nb-table tr.is-head{background:color-mix(in srgb, var(--page-ink) 6%, transparent)}.nb-table tr.is-head input{font-weight:700}.nb-table tr.is-total td{background:color-mix(in srgb, var(--page-ink) 6%, transparent);text-align:end;padding:6px 12px}.nb-table tr.is-total small{color:var(--page-muted);font-size:12px;display:block}.nb-table tr.is-total strong{font-size:16px}.nb-table-tools{opacity:0;transition:opacity var(--fast);flex-wrap:wrap;gap:6px;margin-top:8px;display:flex;position:relative}.nb-table:focus-within .nb-table-tools,.nb-table:hover .nb-table-tools{opacity:1}.nb-table-tools>button,.nb-table-tools label{border-radius:var(--r-pill);background:color-mix(in srgb, var(--page-ink) 8%, transparent);height:34px;color:var(--page-ink);cursor:pointer;border:0;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.nb-table-tools .danger{color:var(--danger-text)}.nb-table-tools label input{width:16px;height:16px;accent-color:var(--page-ink);margin:0}.nb-table-colmenu{border-radius:var(--r-md);background:var(--surface);width:100%;box-shadow:var(--shadow-md);color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.nb-table-colmenu>span{font-size:14px;font-weight:700}.nb-table-colmenu .seg{gap:2px;display:inline-flex}.nb-table-colmenu .seg button{background:var(--hover);border:0;border-radius:8px;place-items:center;width:36px;height:34px;display:grid}.nb-table-colmenu .seg button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.nb-table-colmenu select,.nb-table-colmenu button{background:var(--hover);border:0;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.nb-image{border-radius:var(--r-md);background:color-mix(in srgb, var(--page-ink) 5%, transparent);margin:12px 0;overflow:hidden}.nb-image img{object-fit:contain;background:color-mix(in srgb, var(--page-ink) 5%, transparent);width:100%;max-height:70vh}.nb-image-missing{text-align:center;color:var(--page-muted);padding:30px}.nb-image-bar{align-items:center;gap:6px;padding-block:4px;padding-inline:12px 4px;display:flex}.nb-image-bar input{min-height:40px;color:var(--page-muted);font:inherit;background:0 0;border:0;flex:1;font-size:14px}.nb-image-bar input:focus{color:var(--page-ink);outline:none}.nb-audio{align-items:center;gap:6px;margin:10px 0;display:flex}.nb-audio-player{border-radius:var(--r-pill);background:color-mix(in srgb, var(--page-ink) 7%, transparent);flex:1;align-items:center;gap:12px;padding-block:8px;padding-inline:8px 14px;display:flex}.nb-audio-player .play{background:var(--page-ink);width:44px;height:44px;color:var(--page-bg);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.nb-audio-player .wave{cursor:pointer;flex:1;align-items:center;gap:2px;height:32px;display:flex}.nb-audio-player .wave i{background:color-mix(in srgb, var(--page-ink) 25%, transparent);border-radius:2px;flex:1;min-width:2px;height:40%}.nb-audio-player .wave i.on{background:var(--page-accent)}.nb-audio-player .wave i[data-h="3"]{height:30%}.nb-audio-player .wave i[data-h="4"]{height:40%}.nb-audio-player .wave i[data-h="5"]{height:50%}.nb-audio-player .wave i[data-h="6"]{height:60%}.nb-audio-player .wave i[data-h="7"]{height:70%}.nb-audio-player .wave i[data-h="8"]{height:80%}.nb-audio-player .wave i[data-h="9"]{height:90%}.nb-audio-player .wave i[data-h="10"]{height:100%}.nb-audio-player .time{font-variant-numeric:tabular-nums;min-width:42px;font-size:14px;font-weight:600}.nb-audio-player .speed{border-radius:var(--r-pill);background:color-mix(in srgb, var(--page-ink) 10%, transparent);height:30px;color:var(--page-ink);border:0;padding:0 10px;font-size:13px;font-weight:700}.slash-menu,.format-bar{z-index:260;animation:pop var(--fast) var(--ease);position:fixed}.slash-menu>div{border-radius:var(--r-md);background:var(--glass-strong);width:280px;max-height:340px;box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--glass-edge);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:var(--ink);padding:6px;overflow-y:auto}.slash-menu button{border-radius:var(--r-sm);text-align:start;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 10px;font-size:15px;display:flex}.slash-menu button.is-active{background:var(--hover)}.slash-menu .ic{background:var(--surface);width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--divider);border-radius:9px;flex:none;place-items:center;display:grid}.slash-menu .label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.slash-menu kbd{color:var(--ink-subtle);font-family:var(--font-code)}.menu-caption,.menu-empty{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-subtle);margin:6px 10px;font-size:12px;font-weight:700}.menu-empty{text-transform:none;letter-spacing:0;font-size:14px;font-weight:500}.format-bar>div{border-radius:var(--r-pill);background:var(--ink);color:var(--on-ink);box-shadow:var(--shadow-lg);align-items:center;gap:2px;padding:5px;display:flex;position:relative}.format-bar button{width:38px;height:38px;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.format-bar button:hover,.format-bar button.is-on{background:color-mix(in srgb, var(--on-ink) 16%, transparent)}.format-bar .sep{background:color-mix(in srgb, var(--on-ink) 25%, transparent);width:1px;height:22px;margin:0 4px}.format-bar button.text{border-radius:var(--r-pill);width:auto;padding:0 12px;font-size:13px;font-weight:700}.divider-bar>div{flex-wrap:wrap;max-width:calc(100vw - 24px)}.nb-editor .is-folded{display:none!important}.nb-editor .fold-toggle{vertical-align:middle;width:28px;height:28px;color:var(--page-muted,var(--page-ink));cursor:pointer;opacity:0;transition:opacity var(--fast) var(--ease), background-color var(--fast) var(--ease);background:0 0;border:0;border-radius:8px;place-items:center;margin-inline-start:6px;padding:0;display:inline-grid}.nb-editor .fold-toggle:before{content:"";border-inline-end:2px solid;width:7px;height:7px;transition:transform var(--fast) var(--ease);border-bottom:2px solid;transform:translateY(-2px)rotate(45deg)}.nb-editor .fold-toggle[aria-expanded=false]:before{transform:rotate(-45deg)}[dir=rtl] .nb-editor .fold-toggle[aria-expanded=false]:before{transform:rotate(45deg)scaleX(-1)}.nb-editor :is(h1,h2,h3):hover .fold-toggle,.nb-editor .fold-toggle:focus-visible,.nb-editor .fold-toggle[aria-expanded=false]{opacity:1}.nb-editor .fold-toggle:hover{background:color-mix(in srgb, var(--page-ink) 8%, transparent)}@media (hover:none){.nb-editor .fold-toggle{opacity:.55}}.nb-editor .is-fold-head{opacity:.9}.format-bar .mark-palette{top:calc(100% + 8px);border-radius:var(--r-pill);background:var(--surface);width:max-content;box-shadow:var(--shadow-lg);margin-inline:auto;padding:8px;position:absolute;inset-inline:0}.mark-palette{flex-wrap:wrap;gap:6px;display:flex}.swatch-sm{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--ink) 12%, transparent);border:0;place-items:center;font-weight:800;background:var(--mk-hl)!important;border-radius:50%!important;width:30px!important;height:30px!important;display:grid!important}.swatch-sm.text{background:var(--surface)!important}.swatch-sm.none{background:var(--surface)!important;color:var(--ink-muted)!important}.editor-dock{z-index:30;inset-inline:0;bottom:max(14px, env(safe-area-inset-bottom));pointer-events:none;justify-items:center;gap:10px;padding-inline:12px;display:grid;position:fixed}.is-wide .editor-dock{inset-inline-start:var(--left)}.editor-dock>*{pointer-events:auto}.editor-toolbar{background:var(--glass-strong);max-width:100%;box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--glass-edge);-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);color:var(--ink);border-radius:26px;align-items:center;gap:2px;padding:6px;display:flex;overflow-x:auto}.editor-toolbar .tb{width:48px;height:48px;color:inherit;background:0 0;border:0;border-radius:18px;flex:none;place-items:center;display:grid;position:relative}.editor-toolbar .tb:hover{background:var(--hover)}.editor-toolbar .tb.is-on{background:var(--ink);color:var(--on-ink)}.editor-toolbar .tb:disabled{opacity:.3}.editor-toolbar .tb .aa{font:700 17px/1 var(--font-body);letter-spacing:-.02em}.editor-toolbar .tb.mic{background:var(--ink);color:var(--on-ink);margin-inline-start:6px}.editor-toolbar .tb-sep{background:var(--divider);flex:none;width:1px;height:26px;margin:0 4px}@media (max-width:440px){.editor-dock{padding-inline:8px}.editor-toolbar .tb-roomy{display:none}.editor-toolbar{justify-content:space-between;gap:0;width:100%;padding:5px}.editor-toolbar .tb{flex:0 48px;min-width:42px}.editor-toolbar .tb-sep{display:none}.editor-toolbar .tb.mic{margin-inline-start:0}}.toolbar-panel{border-radius:var(--r-lg);background:var(--glass-strong);width:min(560px,100vw - 24px);max-height:min(56vh,460px);box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--glass-edge);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:var(--ink);animation:rise var(--med) var(--ease);padding:14px;overflow-y:auto}.aa-panel{gap:10px;display:grid}.aa-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.aa-row .sep{background:var(--divider);width:1px;height:26px;margin:0 4px}.aa-btn{background:var(--surface);min-width:46px;height:44px;box-shadow:inset 0 0 0 1px var(--divider);color:var(--ink);border:0;border-radius:14px;place-items:center;padding:0 12px;font-weight:700;display:inline-grid}.aa-btn.is-on{background:var(--ink);color:var(--on-ink);box-shadow:none}.aa-btn:has(.tone-dot){gap:8px;display:inline-flex}.tone-dot{background:var(--co-info-accent);border-radius:50%;flex:none;width:12px;height:12px}.tone-dot[data-tone=tip]{background:var(--co-tip-accent)}.tone-dot[data-tone=success]{background:var(--co-success-accent)}.tone-dot[data-tone=warning]{background:var(--co-warning-accent)}.tone-dot[data-tone=danger]{background:var(--co-danger-accent)}.tone-dot[data-tone=note]{background:var(--co-note-accent)}.aa-caption{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);margin:4px 2px 0;font-size:12px;font-weight:700}.insert-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.insert-grid button{background:var(--surface);min-height:48px;box-shadow:inset 0 0 0 1px var(--divider);color:var(--ink);text-align:start;border:0;border-radius:14px;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:600;display:flex}.insert-grid button:hover{box-shadow:inset 0 0 0 1.5px var(--outline)}.insert-grid .ic{background:var(--hover);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.find-bar{z-index:15;border-radius:var(--r-md);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-md);gap:6px;margin-bottom:12px;padding:10px;display:grid;position:sticky;top:72px}.find-row{align-items:center;gap:6px;display:flex}.find-row .input{flex:1;min-height:40px}.find-count{text-align:center;min-width:64px;color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:13px}@media print{.sidebar,.note-pane,.mobile-bar,.bottom-nav,.note-topbar,.note-meta,.editor-dock,.aurora,.storage-banner-wrap,.toasts,.nb-table-tools{display:none!important}.shell.is-wide{display:block}.note-page{color:#000;background:#fff!important}.note-sheet{max-width:none;padding:0}}.versions{grid-template-columns:250px minmax(0,1fr);gap:16px;min-height:min(56vh,520px);display:grid}.versions-list{align-content:start;gap:2px;max-height:60vh;padding-inline-end:4px;display:grid;overflow-y:auto}.versions-list .section-label{margin:12px 8px 6px}.versions-list section:first-child .section-label{margin-top:0}.version-row{width:100%;min-height:48px;color:var(--ink);text-align:start;background:0 0;border:0;border-radius:14px;gap:1px;padding:8px 12px;display:grid}.version-row:hover{background:var(--hover)}.version-row.is-on{background:var(--ink);color:var(--on-ink)}.version-row span{text-overflow:ellipsis;white-space:nowrap;opacity:.85;font-size:13.5px;overflow:hidden}.version-row small{opacity:.7;font-size:12px}.version-preview{max-height:60vh;box-shadow:inset 0 0 0 1px var(--divider);border-radius:20px;padding:18px 22px;overflow-y:auto}.version-title{color:var(--page-ink);font:800 calc(26px * var(--page-title-scale,1)) / 1.15 var(--page-title-font,var(--font-display));margin:0 0 8px}.versions-note{margin:0;align-self:center;margin-inline-end:auto}@media (max-width:720px){.versions{grid-template-columns:1fr}.versions-list{max-height:190px}}.smart-reminder{background:var(--glass-strong);width:min(560px,100vw - 24px);box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--glass-edge);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:var(--ink);animation:rise var(--med) var(--ease);border-radius:22px;align-items:center;gap:10px;padding-block:8px;padding-inline:14px 6px;display:flex}.smart-reminder>svg{color:var(--accent,var(--ink));flex:none}.smart-reminder .text{flex:1;min-width:0;display:grid}.smart-reminder strong{font-size:14.5px;line-height:1.3}.smart-reminder small{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-muted);font-size:12.5px;overflow:hidden}.note-title:lang(ur){font-family:"Memlow Nastaliq", var(--page-title-font,var(--font-display));line-height:2}.note-content:lang(ur) .nb-editor{font-family:"Memlow Nastaliq", var(--page-font,var(--font-body))}.note-page:has(.note-content:lang(ur)){--line-h:calc(36px * var(--page-scale,1) * var(--page-spacing,1) * var(--text-scale))}.note-content:lang(ur) .nb-editor :is(h1,h2,h3){font-family:"Memlow Nastaliq", var(--page-title-font,var(--font-display));line-height:2.2}.note-content:lang(ur) .nb-editor :is(li,blockquote,.nb-quote,.nb-callout){line-height:2.2}.note-content:lang(ur) .nb-editor .nb-quote{--rule-h:calc(17px * var(--page-scale,1) * var(--text-scale) * 2.2)}.page-head h1.with-dot{align-items:center;gap:12px;display:flex}.dot.lg{width:20px;height:20px}.tag-icon{vertical-align:-3px;margin-inline-end:2px;display:inline}.back-link{margin-inline-start:-10px;margin-bottom:6px}.composer{background:var(--surface);min-height:64px;box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--glass-edge);transition:box-shadow var(--med) var(--ease);border-radius:26px;align-items:center;gap:6px;margin-bottom:14px;padding-block:8px;padding-inline:22px 8px;display:flex}.composer:focus-within{box-shadow:var(--shadow-md), inset 0 0 0 2px var(--ink)}.composer textarea{resize:none;field-sizing:content;background:0 0;border:0;flex:1;min-width:0;max-height:160px;padding:8px 0;font-size:17px;line-height:1.4}.composer textarea:focus{outline:none}.composer textarea::placeholder{color:var(--ink-subtle)}.composer-tools{gap:2px;display:flex}.composer .mic,.composer-go{background:var(--ink);color:var(--on-ink);width:50px;height:50px}.composer .mic:hover,.composer-go:hover{background:var(--ink);opacity:.9}.reminder-banner{background:var(--c-bg);color:var(--ink);box-shadow:var(--shadow-sm);transition:transform var(--fast) var(--ease);border-radius:22px;align-items:center;gap:14px;margin-bottom:14px;padding:14px 20px;display:flex}.reminder-banner:hover{transform:translateY(-1px)}.reminder-banner .text{flex:1;min-width:0;display:grid}.reminder-banner strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.reminder-banner small,.reminder-banner .more{color:var(--c-label);font-size:14px;font-weight:700}.folder-chips{margin-bottom:4px}.empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.folder-add{margin-top:20px}.tasks-page .segmented{margin-bottom:14px}.week-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;max-width:640px;margin-bottom:16px;display:grid}.week-strip button{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink);border:0;border-radius:20px;justify-items:center;gap:2px;padding:10px 0 14px;display:grid;position:relative}.week-strip small{color:var(--ink-muted);font-size:13px;font-weight:600}.week-strip strong{font:800 20px/1 var(--font-display)}.week-strip i{background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;bottom:6px}.week-strip .is-today strong{text-underline-offset:4px;text-decoration:underline}.week-strip .is-on{background:var(--ink);color:var(--on-ink)}.week-strip .is-on small{color:color-mix(in srgb, var(--on-ink) 75%, transparent)}.task-list{gap:10px;max-width:760px;margin:0;padding:0;list-style:none;display:grid}.task{background:var(--c-bg);min-height:68px;box-shadow:var(--shadow-sm);border-radius:22px;align-items:center;gap:14px;padding-block:10px;padding-inline:16px 14px;display:flex;position:relative;overflow:hidden}.task[data-color=DEFAULT],.task.is-late{background:var(--surface)}.task.is-late:before{content:"";background:var(--danger);width:5px;position:absolute;inset-block:0;inset-inline-start:0}.task-tick{border:2px solid var(--ink);width:26px;height:26px;color:var(--on-ink);transition:transform var(--fast) var(--ease-spring);background:0 0;border-radius:8px;flex:none;place-items:center;display:grid}.task-tick:active{transform:scale(.88)}.task.is-done .task-tick{background:var(--ink)}.task-body{min-width:0;color:var(--ink);flex:1;gap:2px;display:grid}.task-body strong{font-size:16px;line-height:1.3}.task.is-done .task-body strong{color:var(--ink-muted);text-decoration:line-through}.task-body small{color:var(--ink-muted);font-size:13.5px}.task-body small.late{color:var(--danger-text);font-weight:700}.task-repeat{color:var(--ink-muted);flex:none}.time-pill{border-radius:var(--r-pill);background:var(--ink);color:var(--on-ink);flex:none;padding:7px 12px;font-size:14px;font-weight:700}.search-bar{z-index:20;background:var(--glass-strong);box-shadow:var(--shadow-md), inset 0 0 0 1px var(--glass-edge);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;align-items:center;gap:6px;margin-bottom:12px;padding:6px;display:flex;position:sticky;top:8px}.search-bar input{background:0 0;border:0;flex:1;min-width:0;min-height:48px;font-size:18px}.search-bar input:focus{outline:none}.search-ic{color:var(--ink-subtle);flex:none}.filters .chip{min-height:38px;padding:0 14px;font-size:14px}.small-swatches{margin:6px 0 14px}.swatch.sm{width:32px;height:32px}.swatch.sm[aria-pressed=true]{box-shadow:inset 0 0 0 2.5px var(--ink)}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.folder-card{border-radius:24px;background:var(--c-bg);color:var(--ink);box-shadow:var(--shadow-sm);transition:transform var(--med) var(--ease), box-shadow var(--med) var(--ease);border-start-start-radius:6px;gap:6px;padding:26px 20px 18px;display:grid;position:relative}.folder-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)rotate(-.4deg)}.folder-tab{top:-10px;background:var(--c-bg);filter:brightness(.95);border-radius:10px 10px 0 0;width:46%;height:14px;position:absolute;inset-inline-start:0}.folder-card svg{color:var(--c-label)}.folder-card strong{font-size:17px}.folder-card small{color:var(--c-label);font-weight:600}.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.tag-cloud .chip em{color:var(--ink-subtle);font-size:13px;font-style:normal}.link-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.link-card{background:var(--surface);min-height:56px;box-shadow:var(--shadow-sm);color:var(--ink);text-align:start;border:0;border-radius:18px;align-items:center;gap:12px;padding:0 18px;font-weight:600;display:flex}.link-card span{flex:1}.link-card:hover{box-shadow:var(--shadow-md)}.template-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:18px;display:grid}.template-wrap{position:relative}.tpl-delete{top:8px;background:var(--surface);box-shadow:var(--shadow-sm);position:absolute;inset-inline-end:8px}.template-card{text-align:start;width:100%;color:var(--ink);background:0 0;border:0;gap:6px;padding:0;display:grid}.tpl-preview{height:200px;box-shadow:var(--shadow-sm), inset 0 0 0 1px color-mix(in srgb, var(--ink) 6%, transparent);transition:transform var(--med) var(--ease), box-shadow var(--med) var(--ease);border-radius:22px;align-content:start;gap:5px;padding:20px 18px;display:grid;position:relative;overflow:hidden}.template-card:hover .tpl-preview{box-shadow:var(--shadow-md);transform:translateY(-3px)}.tpl-preview .page-art.corner{width:84px;height:48px}.tpl-line{color:var(--page-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;min-height:16px;font-size:12.5px;line-height:1.3;display:flex;position:relative;overflow:hidden}.tpl-line.t-h1,.tpl-line.t-h2{font:700 14px/1.3 var(--page-title-font,var(--font-body));color:var(--page-ink);margin-top:4px}.tpl-line .box{border:1.5px solid var(--page-ink);border-radius:3px;flex:none;width:11px;height:11px}.tpl-line .bullet{background:var(--page-accent);border-radius:50%;flex:none;width:5px;height:5px}.tpl-name{padding-inline:4px;font-size:16px;font-weight:700}.tpl-desc{color:var(--ink-muted);padding-inline:4px;font-size:13.5px;line-height:1.4}.settings-page{max-width:880px}.settings-nav{margin-bottom:16px}.settings-nav .chip{min-height:38px;font-size:14px}.account-avatar{object-fit:cover;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.account-avatar.lg{width:56px;height:56px}.account-avatar.is-initial{background:var(--nc-BUTTER-bg);color:var(--nc-BUTTER-label);font:800 15px/1 var(--font-display)}.account-avatar.lg.is-initial{font-size:24px}.account-box{gap:12px;padding-top:4px;display:grid}.account-who{align-items:center;gap:14px;min-width:0;display:flex}.account-who>span{gap:2px;min-width:0;display:grid}.account-who strong{overflow-wrap:anywhere;font-size:17px}.account-who .muted{overflow-wrap:anywhere;font-size:14px}.account-note{background:var(--nc-PEACH-bg);color:var(--nc-PEACH-label);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.account-note:hover{text-decoration:underline}.account-actions{flex-wrap:wrap;gap:8px;display:flex}.account-actions .btn{text-decoration:none}.account-wait{margin:6px 0 10px}.drive-account{background:var(--nc-SKY-bg);border-radius:16px;gap:12px;margin:4px 0 8px;padding:14px 16px;display:grid}.drive-account p{gap:4px;margin:0;display:grid}.drive-account .muted{font-size:14px}.settings-card{border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--glass-edge);margin-bottom:18px;padding:22px 24px 18px;scroll-margin-top:20px}.settings-card h2{align-items:center;gap:12px;margin-bottom:10px;font-size:22px;display:flex}.settings-icon{background:var(--nc-BUTTER-bg);width:40px;height:40px;color:var(--nc-BUTTER-label);border-radius:13px;place-items:center;display:grid}.sub-head{font-size:17px;font-family:var(--font-body);letter-spacing:0;margin:18px 0 8px;font-weight:700}.setting-row{border-top:1px solid var(--divider);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:8px 0;display:flex}.settings-card>.setting-row:first-of-type{border-top:0}.setting-label{gap:2px;font-weight:600;display:grid}.setting-label small{color:var(--ink-muted);font-size:14px;font-weight:400}.settings-card .switch-row{border-top:1px solid var(--divider)}.input.compact{width:auto;min-height:42px;padding:6px 12px}.range-row{align-items:center;gap:10px;min-width:220px;display:flex}.range-row input{accent-color:var(--ink);flex:1}.range-row .small{font-size:13px}.range-row .big{font-size:20px;font-weight:700}.pill{border-radius:var(--r-pill);background:var(--hover);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.pill.ok{color:var(--success)}.button-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ticks{color:var(--ink-muted);gap:6px;margin:0 0 14px;padding-inline-start:20px;display:grid}.danger-row .setting-label{color:var(--danger-text)}.small{font-size:14px}.error{color:var(--danger-text);margin:8px 0 0;font-size:14px;font-weight:600}.small-banner{margin:10px 0 0;padding:10px 14px}.keys kbd{background:var(--hover);border-radius:6px;padding:3px 8px;font-size:12px}.style-panel{min-height:0;color:var(--ink);flex-direction:column;display:flex}.style-head{justify-content:space-between;align-items:center;gap:8px;padding-inline:10px 2px;display:flex}.style-head h2{font:800 19px/1.2 var(--font-display);letter-spacing:-.02em;margin:0}.style-tabs{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px 2px 10px;display:grid}.style-tabs button{border-radius:var(--r-pill);background:var(--hover);min-width:0;min-height:40px;color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;border:0;padding:0 8px;font-size:14px;font-weight:700;overflow:hidden}.style-tabs button:hover{background:var(--hover);color:var(--ink)}.style-tabs button.is-on{background:var(--ink);color:var(--on-ink)}.style-body{overscroll-behavior:contain;flex:1;min-height:0;padding:4px 4px 20px;overflow-y:auto}.style-body>p.muted:first-child{margin:0 2px 12px}.style-body .section-label{margin:20px 2px 10px}.style-panel .segmented{width:100%;display:flex}.style-panel .segmented button{text-align:center;flex:1;justify-content:center;min-width:0;padding:4px 6px;font-size:13px;line-height:1.15}.style-pane{padding-top:12px}.style-pane .style-panel{flex:1}.style-btn.is-on{background:var(--page-ink);color:var(--page-bg)}.style-panel.is-dock{border-radius:var(--r-lg);background:var(--glass-strong);width:min(620px,100vw - 24px);height:min(48vh,420px);box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--glass-edge);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:rise var(--med) var(--ease);padding:10px 8px 0}.style-panel.is-dock .theme-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.style-panel.is-dock .theme-swatch{height:108px;padding-top:24px}.style-panel.is-dock :is(.paper-grid,.decor-grid){grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.style-panel.is-dock :is(.paper-tile,.decor-tile){height:92px}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;display:grid}.theme-swatch{text-align:start;height:132px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent);border:0;border-radius:18px;align-content:start;gap:6px;padding:30px 12px 10px;display:grid;position:relative;overflow:hidden}.theme-swatch .page-art.corner{width:70px;height:40px}.theme-swatch .page-art.band{height:10px}.theme-swatch.is-on{box-shadow:0 0 0 3px var(--ink)}.sw-title{font:700 20px/1 var(--page-title-font,var(--font-display));color:var(--page-ink)}.sw-line{background:color-mix(in srgb, var(--page-ink) 22%, transparent);border-radius:3px;height:5px}.sw-line.short{background:var(--page-accent);opacity:.7;width:60%}.sw-name{inset-inline:0;font:700 12px/1.2 var(--font-body);color:var(--page-ink);background:color-mix(in srgb, var(--page-bg) 80%, transparent);padding:6px 10px;position:absolute;bottom:0}.swatches.big .swatch{width:52px;height:52px}.paper-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.paper-tile,.decor-tile{text-align:start;height:110px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent);border:0;border-radius:16px;align-items:end;padding:8px 10px;display:grid;position:relative;overflow:hidden}.paper-tile span,.decor-tile span{color:var(--page-ink);background:color-mix(in srgb, var(--page-bg) 80%, transparent);border-radius:6px;justify-self:start;padding:2px 6px;font-size:13px;font-weight:700;position:relative}.paper-tile.is-on,.decor-tile.is-on{box-shadow:0 0 0 3px var(--ink)}.decor-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.decor-tile .page-art.corner{width:100%;height:64%}.font-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.font-row{background:var(--surface);width:100%;min-height:56px;box-shadow:inset 0 0 0 1px var(--divider);text-align:start;color:var(--ink);border:0;border-radius:14px;align-items:center;gap:12px;padding:0 12px;font-size:16px;display:flex}.font-row .sample{text-align:center;width:40px;font-size:22px}.font-row .sample.default{font-family:var(--font-display);font-weight:800}.font-row.is-on{box-shadow:inset 0 0 0 2.5px var(--ink)}.style-more .segmented{margin-bottom:6px}.style-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.preset-row{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-bottom:14px;display:grid}.preset{background:var(--surface-muted);text-align:start;color:var(--ink);border:0;border-radius:16px;gap:2px;padding:12px 14px;display:grid}.preset small{color:var(--ink-muted);font-weight:600}.preset.is-on{background:var(--ink);color:var(--on-ink)}.preset.is-on small{color:color-mix(in srgb, var(--on-ink) 75%, transparent)}.when-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.weekday-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.weekday-row button{border-radius:var(--r-pill);background:var(--surface-muted);border:0;min-width:52px;height:40px;font-weight:700}.weekday-row button.is-on{background:var(--ink);color:var(--on-ink)}.reminder-perm{margin-top:16px}.notice-list{gap:10px;max-width:760px;margin:0;padding:0;list-style:none;display:grid}.notice{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:12px;padding-block:12px;padding-inline:14px 10px;display:flex}.notice.is-new{box-shadow:var(--shadow-sm), inset 3px 0 0 var(--danger)}.notice-icon{background:var(--c-bg);width:44px;height:44px;color:var(--c-label);border-radius:50%;flex:none;place-items:center;display:grid}.notice-body{text-align:start;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;gap:2px;padding:0;display:grid}.notice-body strong{font-size:15.5px}.notice-body small{color:var(--ink-muted);font-size:13.5px}.notice-body .when{color:var(--ink-subtle)}.notice-actions{gap:6px;display:flex}.notice-popup{z-index:400;top:max(14px, env(safe-area-inset-top));background:var(--glass-strong);width:min(520px,100vw - 24px);box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--glass-edge);-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);animation:drop var(--med) var(--ease-spring);border-radius:26px;flex-wrap:wrap;align-items:center;gap:12px;margin-inline:auto;padding-block:14px;padding-inline:14px 10px;display:flex;position:fixed;inset-inline:0}.notice-popup.is-leaving{animation:lift .22s var(--ease) forwards}.popup-body{text-align:start;min-width:160px;color:var(--ink);background:0 0;border:0;flex:1;gap:1px;padding:0;display:grid}.popup-body small{color:var(--ink-muted);font-size:13px;font-weight:600}.popup-body strong{font-size:16px}.popup-actions{gap:6px;display:flex}@keyframes drop{0%{opacity:0;transform:translate(-50%,-24px)scale(.96)}to{opacity:1;transform:translate(-50%)}}@keyframes lift{to{opacity:0;transform:translate(-50%,-20px)}}.welcome{z-index:600;background:color-mix(in srgb, var(--paper) 60%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);animation:fade var(--med) var(--ease);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.welcome-card{background:var(--surface);width:min(560px,100%);box-shadow:var(--shadow-lg);text-align:center;animation:rise .4s var(--ease);border-radius:36px;display:grid;position:relative;overflow:hidden}.welcome-main{padding:30px clamp(22px,5vw,44px) 26px;position:relative}.welcome-lang{top:14px;color:var(--ink-muted);align-items:center;gap:6px;display:inline-flex;position:absolute;inset-inline-end:14px}.welcome-lang-select{border-radius:var(--r-pill);background:var(--hover);border:0;max-width:190px;min-height:36px;padding-inline:10px 6px;font-size:14px;font-weight:600}.welcome-logo{width:80px;height:80px;box-shadow:var(--shadow-md);border-radius:22px;margin:22px auto 16px;transform:rotate(-4deg)}.welcome-returning{color:var(--ink-muted);flex-wrap:wrap;justify-content:center;gap:4px 12px;margin:14px 0 0;font-size:14px;display:flex}.welcome-returning button{color:var(--ink);background:0 0;border:0;min-height:32px;padding:0;font-weight:700}.welcome-visual{display:none}@media (min-width:980px){.welcome-card{text-align:start;grid-template-columns:1fr 380px;width:min(980px,100%)}.welcome-logo{margin-inline:0}.welcome-returning{justify-content:flex-start}.welcome-links{justify-content:flex-start;margin-inline-start:-10px}.welcome-visual{background:radial-gradient(120% 80% at 80% 10%, color-mix(in srgb, var(--nc-LILAC-bg) 85%, transparent), transparent 60%), radial-gradient(90% 70% at 10% 90%, color-mix(in srgb, var(--nc-SKY-bg) 85%, transparent), transparent 60%), var(--paper);min-height:100%;display:block;position:relative}.wv-card{background:var(--c-bg);width:230px;color:var(--c-label);box-shadow:var(--shadow-md);border-radius:22px;gap:8px;padding:18px 18px 20px;animation:7s ease-in-out infinite wv-float;display:grid;position:absolute}.wv-card strong{font:800 18px/1.2 var(--font-display);color:var(--ink)}.wv-card:first-child{top:56px;inset-inline-start:44px;transform:rotate(-3deg)}.wv-card:nth-child(2){top:250px;animation-delay:-2.4s;inset-inline-end:34px;transform:rotate(2.5deg)}.wv-card:nth-child(3){bottom:48px;width:200px;animation-delay:-4.6s;inset-inline-start:60px;transform:rotate(-1.5deg)}.wv-item{color:var(--ink);align-items:center;gap:10px;font-size:14px;display:flex}.wv-item i{border:2px solid var(--ink);width:18px;height:18px;color:var(--c-bg);border-radius:5px;flex:none;place-items:center;display:grid}.wv-item.is-done i{background:var(--ink)}.wv-item.is-done{color:var(--c-muted);text-decoration:line-through}.wv-line{background:color-mix(in srgb, var(--ink) 14%, transparent);border-radius:5px;height:9px}.wv-line.short{width:60%}.wv-chip{border-radius:var(--r-pill);background:color-mix(in srgb, var(--ink) 10%, transparent);color:var(--ink);justify-self:start;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}}@keyframes wv-float{50%{translate:0 -8px}}.welcome-card h1{margin-bottom:10px;font-size:clamp(32px,6vw,42px)}.welcome-card .lead{color:var(--ink-muted);margin-bottom:22px;font-size:17px}.welcome-points{text-align:start;gap:12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.welcome-points li{align-items:flex-start;gap:14px;display:flex}.wp-icon{background:var(--c-bg);width:44px;height:44px;color:var(--c-label);border-radius:14px;flex:none;place-items:center;display:grid}.welcome-points strong{font-size:16px;display:block}.welcome-points small{color:var(--ink-muted);font-size:14px}.welcome-go{width:100%;min-height:56px;font-size:17px}.welcome-links{flex-wrap:wrap;justify-content:center;gap:2px 4px;margin-top:14px;display:flex}.welcome-links a{border-radius:var(--r-pill);min-height:36px;color:var(--ink-muted);align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.welcome-links a:hover{color:var(--ink);background:var(--hover)}dialog.lockgate{color:#f3f1ec;--ink:#f3f1ec;--on-ink:#1e1b26;--ink-muted:#b9b3c2;--surface:#2a2631;background:#1e1b26;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:auto}dialog.lockgate[open]{animation:fade var(--med) var(--ease);place-items:center;display:grid}dialog.lockgate::backdrop{background:#1e1b26}.pinpad{text-align:center;justify-items:center;gap:10px;width:min(360px,100%);margin:0 auto;padding:24px 16px;display:grid}.locked-page .pinpad{--ink:#f3f1ec;--on-ink:#1e1b26;--surface:#2a2631;color:#f3f1ec;margin-top:6vh}.pin-icon{color:#1e1b26;background:#fbe7a1;border-radius:20px;place-items:center;width:64px;height:64px;margin-bottom:6px;display:grid}.pinpad h2{font-size:26px}.pin-dots{gap:14px;min-height:18px;margin:10px 0 2px;display:flex}.pin-dots i{border:2px solid color-mix(in srgb, currentColor 55%, transparent);width:14px;height:14px;transition:background-color var(--fast) var(--ease), transform var(--fast) var(--ease-spring);border-radius:50%}.pin-dots i.on{background:#fbe7a1;border-color:#fbe7a1;transform:scale(1.1)}.pin-dots.shake{animation:shake .36s var(--ease)}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.pin-error{color:#ff8a65;min-height:20px;margin:0;font-size:14px;font-weight:600}.pin-keys{grid-template-columns:repeat(3,76px);gap:14px;margin-top:4px;display:grid}.pin-keys button{background:color-mix(in srgb, currentColor 10%, transparent);width:76px;height:76px;color:inherit;font:500 28px/1 var(--font-body);transition:background-color var(--fast) var(--ease), transform var(--fast) var(--ease);border:0;border-radius:50%;place-items:center;display:grid}.pin-keys button:active{background:color-mix(in srgb, currentColor 18%, transparent);transform:scale(.94)}.pin-keys button.del,.pin-keys button.ok{background:0 0;font-size:16px;font-weight:700}.pin-keys button:disabled{opacity:.35}.forgot{color:inherit;text-underline-offset:3px;text-decoration:underline}.sheet .pinpad{color:var(--ink)}.sheet .pin-dots i.on{background:var(--ink);border-color:var(--ink)}.sheet .pin-error{color:var(--danger-text)}dialog.palette{width:min(640px,100vw - 24px);color:var(--ink);background:0 0;border:0;margin:12vh auto auto;padding:0;overflow:visible}dialog.palette::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.palette-inner{border-radius:var(--r-lg);background:var(--glass-strong);box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--glass-edge);-webkit-backdrop-filter:blur(28px)saturate(1.5);backdrop-filter:blur(28px)saturate(1.5);animation:rise var(--med) var(--ease);overflow:hidden}.palette-search{border-bottom:1px solid var(--divider);align-items:center;gap:12px;padding:14px 18px;display:flex}.palette-search input{background:0 0;border:0;flex:1;min-width:0;min-height:36px;font-size:18px}.palette-search input:focus{outline:none}.palette-search kbd{background:var(--hover);color:var(--ink-muted);border-radius:6px;padding:3px 8px}.palette-list{max-height:min(56vh,460px);padding:8px;overflow-y:auto}.palette-list button{border-radius:var(--r-sm);text-align:start;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 12px;font-size:15px;display:flex}.palette-list button.is-active{background:var(--hover)}.palette-list .ic{width:30px;color:var(--ink-muted);place-items:center;display:grid}.palette-list .label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.palette-list small{color:var(--ink-subtle)}.voice{text-align:center;justify-items:center;gap:14px;padding:18px 0 6px;display:grid}.voice-orb{background:var(--nc-LILAC-bg);width:120px;height:120px;color:var(--nc-LILAC-label);box-shadow:0 0 0 calc(var(--level,0) * 40px) color-mix(in srgb, var(--nc-LILAC-bg) 60%, transparent);border-radius:50%;place-items:center;transition:box-shadow 80ms linear;display:grid}.voice-orb.is-live{background:var(--ink);color:var(--on-ink)}.voice-orb.pulse{animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{box-shadow:0 0 0 18px color-mix(in srgb, var(--ink) 12%, transparent)}}.voice-time{font:800 28px/1 var(--font-display);font-variant-numeric:tabular-nums;margin:0}.voice-text{border-radius:var(--r-md);background:var(--surface-muted);text-align:start;width:100%;min-height:90px;padding:14px;font-size:17px;line-height:1.5}.voice-text .interim{color:var(--ink-muted)}.voice-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.voice-note{color:var(--ink-muted);margin:0;font-size:13px}.info-list{margin:0;display:grid}.info-list div{border-bottom:1px solid var(--divider);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.info-list dt{color:var(--ink-muted)}.info-list dd{text-align:end;margin:0;font-weight:700}.link-list{gap:6px;margin:0;padding-inline-start:20px;display:grid}.link-list a{text-underline-offset:3px;text-decoration:underline}.option-list{gap:8px;display:grid}.option{background:var(--surface-muted);text-align:start;color:var(--ink);border:0;border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex}.option:hover{box-shadow:inset 0 0 0 1.5px var(--outline)}.option-icon{background:var(--surface);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.option strong{display:block}.option small{color:var(--ink-muted)}.storage-banner-wrap{max-width:var(--page-max);padding:14px var(--gutter) 0;margin:0 auto}.storage-banner{margin:0}@media (max-width:600px){.storage-banner-wrap{padding-top:8px}.storage-banner{align-items:center;gap:10px;padding-block:8px;padding-inline:12px 6px}.storage-banner>svg{flex:none;width:18px;height:18px}.storage-banner .text{flex:1;min-width:0}.storage-banner .text strong{font-size:13.5px;line-height:1.3}.storage-banner .text small{display:none}.storage-banner .actions{flex:none;align-items:center;gap:2px;display:flex}}.lost{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:60vh;display:grid}.lost .num{font:800 clamp(96px, 18vw, 160px)/1 var(--font-display);letter-spacing:-.06em}.lost .num span{background:var(--nc-BUTTER-bg);border-radius:28px;padding:0 .12em;display:inline-block;transform:rotate(-4deg)}.lost h1{font-size:28px}@media (max-width:640px){.when-row{grid-template-columns:1fr}.settings-card{border-radius:24px;padding:18px 16px 14px}.pin-keys{grid-template-columns:repeat(3,68px);gap:12px}.pin-keys button{width:68px;height:68px}.task{padding-inline-end:10px}}.drop-zone{z-index:650;pointer-events:none;border:3px dashed color-mix(in srgb, var(--ink) 40%, transparent);background:color-mix(in srgb, var(--paper) 70%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade var(--fast) var(--ease);border-radius:32px;place-items:center;display:grid;position:fixed;inset:12px}.drop-card{background:var(--surface);max-width:360px;box-shadow:var(--shadow-lg);text-align:center;border-radius:28px;justify-items:center;gap:8px;padding:28px 32px;display:grid}.drop-icons{color:var(--ink-muted);gap:10px;display:flex}.drop-card strong{font:800 22px/1.2 var(--font-display)}.drop-card small{color:var(--ink-muted);font-size:14px}.backup-list-head{justify-content:space-between;align-items:center;gap:8px;margin:18px 0 6px;font-size:15px;font-weight:700;display:flex}.backup-list{margin:0 0 8px;padding:0;list-style:none;display:grid}.backup-list li{border-top:1px solid var(--divider);align-items:center;gap:12px;min-height:56px;padding:8px 0;display:flex}.backup-list li:first-child{border-top:0}.backup-icon{border-radius:var(--r-sm);background:var(--surface-muted);width:36px;height:36px;color:var(--ink-muted);flex:none;place-items:center;display:grid}.backup-text{flex:1;gap:2px;min-width:0;display:grid}.backup-text strong{overflow-wrap:anywhere;font-weight:600}.backup-text small{color:var(--ink-muted);font-size:13.5px}.backup-counts{gap:4px;margin:0 0 12px;padding-inline-start:20px;display:grid}.restore-modes dd{color:var(--ink-muted);max-width:32ch;font-weight:400}.backup-choice{margin:4px 0 16px}.backup-choice .option{cursor:pointer;width:100%}.backup-choice .option[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--ink)}.backup-choice .option:focus-visible{box-shadow:var(--ring);outline:none}.drive-join{background:var(--nc-MINT-bg,var(--nc-SKY-bg));border-radius:16px;gap:4px;margin:4px 0 14px;padding:14px 16px;display:grid}.drive-join p{gap:4px;margin:0;display:grid}.drive-join .muted{overflow-wrap:anywhere;font-size:14px}.drive-remember{margin:10px 0 4px}.protect-art{background:var(--nc-SKY-bg);width:64px;height:64px;color:var(--nc-SKY-label);border-radius:20px;place-items:center;margin:0 auto 12px;display:grid}.pairing-code{text-align:center;letter-spacing:.08em;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;margin:14px 0;font-size:34px;font-weight:700}.key-device{overflow-wrap:anywhere;align-items:center;gap:10px;margin:0 0 8px;display:flex}.key-device svg{color:var(--ink-muted);flex:none}.option-list .option{cursor:pointer;width:100%}.option-list .option:focus-visible{box-shadow:var(--ring);outline:none}
