@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--color-bg:light-dark(#eef0f6,#08090c);--color-oled-bg:#000;--color-oled-card:#08080a;--ambient-1:light-dark(#ffe9a8,#3a2f0c);--ambient-2:light-dark(#cfe0ff,#0d1f3d);--ambient-3:light-dark(#f5d6ec,#2a1024);--color-text:light-dark(#16171b,#f2f3f7);--color-text-muted:light-dark(#484c59,#a4a8b4);--color-text-faint:light-dark(#5d616d,#8e929b);--alpha-faint:5%;--alpha-soft:8%;--alpha-medium:12%;--alpha-strong:18%;--color-line:color-mix(in srgb, var(--color-text) var(--alpha-soft), transparent);--color-line-strong:color-mix(in srgb, var(--color-text) var(--alpha-strong), transparent);--color-separator:var(--color-line);--color-focus:light-dark(#16171b,#f2f3f7);--color-card:light-dark(#fff,#1a1b20);--color-card-solid:light-dark(#fff,#1a1b20);--color-fill:light-dark(color-mix(in srgb, var(--color-text) var(--alpha-faint), transparent),color-mix(in srgb, var(--color-text) var(--alpha-soft), transparent));--color-fill-strong:light-dark(color-mix(in srgb, var(--color-text) var(--alpha-soft), transparent),color-mix(in srgb, var(--color-text) var(--alpha-medium), transparent));--color-editor:light-dark(#f7f8fb,#0e0f13);--glass:light-dark(#ffffff8c,#26272e80);--glass-strong:light-dark(#ffffffc4,#1e1f25c9);--glass-edge:light-dark(#ffffffb3,#ffffff26);--glass-blur:blur(24px) saturate(180%);--glass-shine:linear-gradient(180deg, light-dark(#ffffffb3,#ffffff2e) 0%, #fff0 42%, #fff0 72%, light-dark(#ffffff40,#ffffff0f) 100%);--glass-shadow:inset 0 1px 0 light-dark(#ffffffe6,#fff3), inset 0 -1px 0 light-dark(#ffffff59,#ffffff0d), 0 1px 2px light-dark(#1218300f,#0000004d), 0 10px 30px light-dark(#1218301f,#00000073);--color-accent:var(--accent-amber);--color-accent-deep:light-dark(#8c6600,#e0ac1c);--color-on-accent:#1a1608;--color-accent-glow:0 8px 24px light-dark(#f4c54270,#f4c54240);--color-select:light-dark(#0062cc,#0a84ff);--color-select-tint:light-dark(#0062cc1a,#0a84ff2e);--color-danger:light-dark(#d70015,#ff6961);--color-success:light-dark(#1e7a35,#40a970);--color-highlight:light-dark(#fbe7a1,#5a4610);--tone-red:light-dark(#ff3b30,#ff453a);--tone-orange:light-dark(#ff9500,#ff9f0a);--tone-green:light-dark(#34c759,#30d158);--tone-teal:light-dark(#30b0c7,#40c8e0);--tone-blue:light-dark(#007aff,#0a84ff);--tone-indigo:light-dark(#5856d6,#5e5ce6);--tone-purple:light-dark(#af52de,#bf5af2);--tone-pink:light-dark(#ff2d55,#ff375f);--tone-gray:light-dark(#8e8e93,#98989d);--color-scrim:light-dark(#10121a2e,#0000006b);--scrim-frost:light-dark(#eef0f633,#08090c4d);--color-on-fill:light-dark(#fff,#0b0c0f);--color-on-folder:#0b0c0f;--color-on-media:#fff;--color-on-media-soft:#fffd;--opacity-disabled:.4;--color-danger-tint:light-dark(#d7001514,#ff696124);--recording-ring:light-dark(#d7001520,#ff696126);--print-ink:#000;--glass-sheet:light-dark(#f7f8fbf2,#17181df2);--glass-dock:light-dark(#ffffffd6,#25262cd9);--surface-thumb:light-dark(#fff,#3a3b43);--surface-knob:#fff;--media-veil:#0007;--media-shade:linear-gradient(180deg, #0005, #000b);--shadow-thumb:0 1px 3px #0002, inset 0 1px 0 #fff5;--shadow-knob:0 2px 6px #0003;--shadow-seek:0 1px 4px #0005;--shadow-icon:0 4px 14px #0002;--fab-shadow:inset 0 1px 0 #fff9, inset 0 -2px 6px #c8950a55, var(--color-accent-glow), 0 2px 6px #0002;--accent-amber:#f4c542;--accent-apricot:#f59e5b;--accent-lilac:#b9a2f5;--folder-1:#4f86e8;--folder-1-tint:light-dark(#eaf1fdd9,#17243ad9);--folder-1-text:light-dark(#1d64e1,#6696eb);--folder-2:#e9824f;--folder-2-tint:light-dark(#fdeee6d9,#33211ad9);--folder-2-text:light-dark(#b64c17,#e9824f);--folder-3:#3fa56e;--folder-3-tint:light-dark(#e6f4ecd9,#14291dd9);--folder-3-text:light-dark(#2e7950,#40a970);--folder-4:#9171db;--folder-4-tint:light-dark(#f1ecfbd9,#241d38d9);--folder-4-text:light-dark(#7850d3,#a185e0);--folder-5:#db5f96;--folder-5-tint:light-dark(#fbeaf2d9,#331a26d9);--folder-5-text:light-dark(#c62d71,#df70a1);--folder-6:#2fa4ad;--folder-6-tint:light-dark(#e2f4f5d9,#112b2dd9);--folder-6-text:light-dark(#22767d,#2fa4ad);--folder-7:#a2845e;--folder-7-tint:light-dark(#f3eee7d9,#2b241bd9);--folder-7-text:light-dark(#7f6749,#ab906e);--folder-8:#7c7c84;--folder-8-tint:light-dark(#eeeef0d9,#232326d9);--folder-8-text:light-dark(#636369,#94949a);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--edge:12px;--gutter:16px;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--edge-l:calc(var(--edge) + var(--safe-l));--edge-r:calc(var(--edge) + var(--safe-r));--tap:44px;--dock-btn:44px;--control-h:52px;--control-inner:44px;--control-pad:var(--space-1);--nav-h:60px;--nav-inner:44px;--nav-pad:var(--space-2);--fab:var(--control-h);--layout-max:1180px;--layer-w:380px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:max(env(safe-area-inset-bottom,0px), 8px);--kb:0px;--dock-bottom:calc(var(--safe-bottom) + var(--space-2) + var(--kb));--dock-space:calc(var(--dock-bottom) + var(--nav-h) + var(--space-6));--layer-bottom:calc(var(--dock-bottom) + var(--nav-h) + var(--space-3));--dock-max:calc(var(--layout-max) - 2 * var(--gutter) + 2 * var(--edge));--dock-inset-l:max(var(--edge-l), (100vw - var(--dock-max)) / 2);--dock-inset-r:max(var(--edge-r), (100vw - var(--dock-max)) / 2);--split-list:clamp(22rem, 34vw, 30rem);--drawer-w:min(26rem, 45vw);--radius-inner:8px;--radius-outer:12px;--nav-height:58px;--nav-padding:4px;--radius-ratio:3;--radius-control-inner:8px;--radius-control-outer:12px;--radius-control:8px;--radius-island:12px;--radius-nav-inner:8px;--radius-nav-outer:12px;--radius-row:8px;--radius-panel:12px;--radius-card:12px;--radius-sheet:20px;--radius-modal:20px;--font:"Figtree Variable", Figtree, system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs:12px;--text-sm:13.5px;--text-md:15px;--text-base:16px;--text-lg:17px;--text-xl:21px;--text-2xl:26px;--text-title:clamp(30px, 8vw, 38px);--weight-title:800;--weight-heading:750;--weight-label:650;--leading:1.45;--z-under-2:-2;--z-under:-1;--z-over:1;--z-over-2:2;--z-lifted:5;--z-dock:20;--z-rec:calc(var(--z-dock) + 1);--z-editor:30;--z-scrim:40;--z-sheet:calc(var(--z-scrim) + 1);--z-layer-scrim:calc(var(--z-sheet) + 1);--z-over-scrim:calc(var(--z-layer-scrim) + 1);--z-layer:calc(var(--z-over-scrim) + 1);--z-toast:60;--z-tour:70;--ease:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.2, .8, .2, 1);--fast:.14s;--base:.24s;--slow:.38s}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=dark][data-oled=true]{--color-bg:var(--color-oled-bg);--color-card:var(--color-oled-card);--color-card-solid:var(--color-oled-card)}@media (prefers-reduced-motion:reduce){:root{--fast:1ms;--base:1ms;--slow:1ms}}@media (height<=30em){:root{--text-title:26px}}@media (prefers-contrast:more){:root{--color-text-muted:light-dark(#2f323c,#d0d3dc);--color-text-faint:light-dark(#3e414c,#b9bcc6);--color-accent-deep:light-dark(#5f4500,#e0ac1c);--color-line:light-dark(#16171b4d,#ffffff4d);--color-line-strong:light-dark(#16171b80,#ffffff80);--glass:var(--glass-strong)}}[data-tone]{--tone-ink:light-dark(color-mix(in oklab, var(--tone) 74%, #000),color-mix(in oklab, var(--tone) 85%, #fff))}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);overscroll-behavior-y:none;-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{min-height:100dvh;font:400 var(--text-md)/var(--leading) var(--font);color:var(--color-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:var(--opacity-disabled)}:focus-visible{outline:2.5px solid var(--color-focus);outline-offset:2px}svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}h1,h2,h3,h4,p{margin:0}hr{background:var(--color-line);height:1px;margin:var(--space-2) var(--space-3);border:0}mark{background:var(--color-highlight);color:inherit;border-radius:3px;padding:0 1px}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ambient{z-index:var(--z-under);pointer-events:none;background:radial-gradient(40vmax 34vmax at 18% 22%, var(--ambient-1), transparent 70%), radial-gradient(44vmax 38vmax at 86% 34%, var(--ambient-2), transparent 70%), radial-gradient(38vmax 34vmax at 40% 92%, var(--ambient-3), transparent 70%), var(--color-bg);animation:40s ease-in-out infinite alternate drift;position:fixed;inset:-20vmax}@keyframes drift{to{transform:translate(2vmax,-3vmax)rotate(6deg)}}.glass{isolation:isolate;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:.5px solid var(--glass-edge);box-shadow:var(--glass-shadow);position:relative}.glass:before{content:"";z-index:var(--z-under);border-radius:inherit;background:var(--glass-shine);pointer-events:none;position:absolute;inset:0}.layer.glass,.toast.glass{background:var(--glass-strong)}.sheet.glass{background:var(--glass-sheet)}.icon-btn{--h:var(--tap);width:var(--h);height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));place-items:center;display:grid}.icon-btn[aria-pressed=true]{background:var(--color-fill-strong)}.icon-btn.has-dot{position:relative}.icon-btn.has-dot:after{content:"";border-radius:calc(7px / var(--radius-ratio));background:var(--color-select);width:7px;height:7px;box-shadow:0 0 0 2px var(--glass-strong);position:absolute;top:9px;right:9px}.text-btn{--h:var(--tap);min-height:var(--h);padding:0 var(--space-3);border-radius:calc(var(--h) / var(--radius-ratio));color:var(--color-select);font-weight:600}.text-btn.armed,.danger-text{color:var(--color-danger)}.btn{--h:50px;min-height:var(--h);padding:0 var(--space-5);border-radius:calc(var(--h) / var(--radius-ratio));background:var(--color-fill-strong);flex:1;font-weight:650}.btn.primary{background:var(--color-text);color:var(--color-bg)}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{--h:38px;min-height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));background:var(--color-fill);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:6px;padding:0 14px;font-weight:550;display:inline-flex;position:relative}.chip:after{content:"";position:absolute;inset:-3px 0}.chip svg{width:17px;height:17px}.chip span{text-overflow:ellipsis;max-width:24ch;overflow:hidden}.chip[aria-pressed=true]{background:var(--color-select-tint);color:var(--color-select);box-shadow:inset 0 0 0 1.5px var(--color-select)}.chip.is-quiet{color:var(--color-text-muted)}.chip.is-backlink{font-style:italic}.pill{--h:34px;min-height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));background:var(--color-card);border:.5px solid var(--color-line);font-size:var(--text-sm);color:var(--color-text-muted);text-align:start;padding:6px 14px;position:relative}.pill:after{content:"";position:absolute;inset:-5px -4px}.pill.danger{color:var(--color-danger)}.pill:has(svg){align-items:center;gap:6px;display:inline-flex}.pill svg{width:14px;height:14px}.page{max-width:var(--layout-max);padding:calc(var(--safe-top) + var(--space-4)) calc(var(--gutter) + var(--safe-r)) var(--dock-space) calc(var(--gutter) + var(--safe-l));margin:0 auto}.app-header{position:relative}.header-bar{align-items:center;gap:var(--space-2);min-height:56px;display:flex}.header-tools{flex:none}.header-tools .icon-btn{--h:var(--control-inner);border-radius:var(--radius-control-inner)}.header-tools.island{min-height:var(--control-h);padding:var(--control-pad);border-radius:var(--radius-control-outer)}#page-title{min-width:0;font-size:clamp(var(--text-lg), 5.5vw, var(--text-title));font-weight:var(--weight-title);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;cursor:default;flex:1;line-height:1.15;overflow:hidden}#page-title[data-color]{color:var(--folder-text)}.title-count{color:var(--color-text-faint);letter-spacing:0;vertical-align:.35em;margin-inline-start:.35em;font-size:.5em;font-weight:600}.avatar-chip{width:var(--control-inner);height:var(--control-inner);background:var(--color-accent);color:var(--color-on-accent);font-weight:750;font-size:var(--text-sm);cursor:pointer;box-shadow:var(--shadow-thumb);transition:transform var(--fast);border-radius:50%;flex:none;place-items:center;display:inline-grid}.avatar-chip:hover{transform:scale(1.06)}.avatar-initials{letter-spacing:-.02em;line-height:1}.back-chip{border-radius:var(--radius-inner,8px);min-width:44px;height:44px;min-height:44px;font-weight:650;font-size:var(--text-md);color:var(--color-select);cursor:pointer;touch-action:manipulation;transition:opacity var(--fast), background-color var(--fast);background:0 0;border:none;align-items:center;gap:4px;padding:0 12px 0 4px;display:inline-flex}.back-chip svg{width:22px;height:22px;color:var(--color-select);flex:none}.back-chip:hover{background:var(--color-fill)}.back-chip:active{opacity:.7}.pull-hint{z-index:var(--z-over);--h:34px;border-radius:calc(var(--h) / var(--radius-ratio));background:var(--glass-strong);box-shadow:var(--glass-shadow);font-size:var(--text-sm);transform:translate(-50%, calc(-120% + var(--pull,0) * 120%)) scale(calc(.8 + var(--pull,0) * .2));opacity:var(--pull,0);pointer-events:none;align-items:center;gap:6px;padding:7px 14px;font-weight:600;display:flex;position:absolute;top:-6px;left:50%}.pull-hint svg{width:16px;height:16px}html.is-pulling .page{transform:translateY(calc(var(--pull) * 40px))}html.pull-armed .pull-hint{background:var(--color-text);color:var(--color-bg)}html:not(.is-pulling) .page{transition:transform var(--base) var(--ease)}.info-bar{gap:10px var(--space-2);margin:var(--space-1) 0 var(--space-4);flex-wrap:wrap;display:flex}.note-list{flex-direction:column;gap:8px;display:flex}.note-list.cards{grid-template-columns:repeat(auto-fill,minmax(min(17.5rem,100%),1fr));grid-auto-rows:1px;align-items:start;gap:0 10px;display:grid}.note-list.cards>*{margin-bottom:10px}.note-list.cards>:is(.list-heading,.empty,.first-use,.list-more){grid-column:1/-1}.list-heading{padding:var(--space-3) var(--space-1) var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);align-items:center;gap:6px;font-weight:700;display:flex}.list-heading.is-section{font-size:var(--text-lg);color:var(--color-text)}.list-heading svg{width:16px;height:16px}.heading-count{color:var(--color-text-faint);font-weight:500}.list-heading.is-toggle{--h:var(--tap);width:100%;min-height:var(--h);border-radius:var(--radius-row);text-align:start;padding-block:0}.list-heading.is-toggle .chevron{transition:rotate var(--base) var(--ease);margin-inline-start:auto;rotate:-90deg}.list-heading.is-toggle[aria-expanded=false] .chevron{rotate:180deg}h2.list-heading:has(>.is-toggle){padding:var(--space-2) 0 0}.pin-mark{color:var(--color-accent-deep)}.list-more{margin:var(--space-2) auto;justify-self:center}.empty{padding:var(--space-8) var(--space-6) 0;text-align:center;color:var(--color-text-muted)}.first-use{justify-items:start;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-5);border-radius:var(--radius-card);background:var(--color-card);border:.5px solid var(--color-line);display:grid}.first-use h2{font-size:var(--text-xl);font-weight:var(--weight-title);letter-spacing:-.02em}.first-use p{color:var(--color-text-muted)}.first-actions{gap:var(--space-2);grid-template-columns:repeat(2,1fr);width:100%;display:grid}@media (width>=40em) and (height>=30em){.first-actions{grid-template-columns:repeat(4,1fr)}}.first-action{--h:56px;min-height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));background:var(--color-fill);font-weight:var(--weight-label);text-align:start;align-items:center;gap:10px;padding:0 14px;display:flex}.first-action svg{color:var(--tone-ink,var(--color-text-muted))}.first-action.is-main{background:var(--color-accent);color:var(--color-on-accent)}.first-action.is-main svg{color:inherit}.first-use .text-btn{margin-inline-start:calc(-1 * var(--space-3))}.card{--folder-tint:var(--color-card);border-radius:var(--radius-card);background:var(--color-card);border:.5px solid var(--color-line);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;animation:card-in var(--base) var(--ease-out) both;flex-direction:column;gap:6px;padding:14px 16px 12px;display:flex;position:relative;overflow:hidden}@keyframes card-in{0%{opacity:0;transform:translateY(6px)scale(.985)}}body[data-tint=on] .card[data-color]{background:var(--folder-tint)}body:not([data-tint=on]) .card[data-color]:before{content:"";background:var(--folder-dot);border-radius:0 2px 2px 0;width:3px;position:absolute;inset-block:14px;inset-inline-start:0}.card.is-open{box-shadow:0 0 0 2px var(--color-select)}.card.selected{box-shadow:inset 0 0 0 2px var(--color-select);background:var(--color-select-tint)}.card:has(.card-open:focus-visible){outline:2.5px solid var(--color-focus);outline-offset:2px}.card-open:focus-visible{outline:none}.card.is-leaving{transition:opacity .18s, transform .18s var(--ease);opacity:0;transform:scale(.94)}.card.swiping{z-index:var(--z-over-2);transition:none}.card.swipe-release{transition:transform .18s var(--ease)}.card.dragging{z-index:var(--z-lifted);box-shadow:var(--glass-shadow);transition:none}.card.drop-target{box-shadow:0 0 0 2px var(--color-accent)}.card-check{z-index:var(--z-over);--h:24px;width:var(--h);height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));border:1.5px solid var(--color-text-faint);background:var(--color-card-solid);place-items:center;display:none;position:absolute;top:10px;right:10px}.card-check svg{stroke-width:2.5px;opacity:0;width:15px;height:15px}body.is-selecting .card-check{display:grid}.card.selected .card-check{background:var(--color-select);border-color:var(--color-select);color:var(--color-on-fill)}.card.selected .card-check svg{opacity:1}.card-grip{color:var(--color-text-faint);cursor:grab;touch-action:none;padding:8px 2px;display:none;position:absolute;top:50%;left:4px;translate:0 -50%}body.is-selecting .card.has-grip .card-grip{display:block}body.is-selecting .card.has-grip{padding-inline-start:26px}.card-head{align-items:flex-start;gap:4px;display:flex}.card-title{min-width:0;font-size:var(--text-lg);letter-spacing:-.012em;flex:1;font-weight:700;line-height:1.28}.card-open{text-align:start;overflow-wrap:anywhere;width:100%;display:block}.card-open:after{content:"";position:absolute;inset:0}.card-more{z-index:var(--z-over);--h:32px;width:var(--h);height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));color:var(--color-text-faint);place-items:center;margin:-6px -6px 0 0;display:grid;position:relative}.card-more svg{width:18px;height:18px}body.is-selecting .card-more{display:none}body.is-selecting .card-head{padding-inline-end:26px}.card-meta{font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.card-meta svg{stroke-width:2px;width:13px;height:13px}.card-meta .pin-mark{stroke-width:2.25px}.folder-tag{color:var(--folder-text,inherit);align-items:center;gap:5px;font-weight:600;display:inline-flex}.folder-tag:before{content:"";border-radius:calc(7px / var(--radius-ratio));background:var(--folder-dot);width:7px;height:7px}.card-body{--lines:10;font-size:var(--text-md);color:var(--color-text-muted);white-space:pre-wrap;overflow-wrap:anywhere;max-height:calc(var(--lines) * 1.45em);line-height:1.45;overflow:hidden}.card-body.is-clamped{mask-image:linear-gradient(#000 calc(100% - 2.6em),#0000)}.card-body.is-snippet,.note-list:not(.cards,.is-compact) .card-body{--lines:4}.card-body.is-brief{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;max-height:none;display:-webkit-box}.card-body .check,.card-body .check-hit{z-index:var(--z-over);position:relative}.snippet-source{color:var(--color-text);font-weight:650}.card-footer{font-size:var(--text-xs);color:var(--color-text-faint);flex-wrap:wrap;gap:10px;margin-top:2px;display:flex}.count{font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.count svg{width:14px;height:14px}.count.is-done{color:var(--color-success)}.note-list.is-compact .card{grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:2px 8px;padding:10px 10px 10px 16px;display:grid}.note-list.is-compact .card-head{display:contents}.note-list.is-compact .card-title{font-size:var(--text-md);grid-area:1/1;overflow:hidden}.note-list.is-compact .card-open{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.note-list.is-compact .card-meta{white-space:nowrap;flex-wrap:nowrap;grid-area:1/2}.note-list.is-compact .card-more{grid-area:1/3/span 2;align-self:center;margin:0}.note-list.is-compact .card-body{font-size:var(--text-sm);grid-area:2/1/auto/3}.note-list.is-compact :is(.card-media,.card-footer,.card-progress){display:none}.note-list.is-compact .card[data-color]:before{inset-block:10px}body.is-selecting .note-list.is-compact .card-meta{margin-inline-end:30px}.card-actions{display:none}@media (hover:hover) and (pointer:fine){.card-actions{z-index:var(--z-over-2);top:8px;border-radius:calc(32px / var(--radius-ratio) + 2px);background:var(--color-card-solid);border:.5px solid var(--color-line);opacity:0;pointer-events:none;transition:opacity var(--fast) var(--ease), translate var(--fast) var(--ease);gap:2px;padding:2px;display:flex;position:absolute;inset-inline-end:42px;translate:0 -2px}.card:is(:hover,:focus-within) .card-actions{opacity:1;pointer-events:auto;translate:none}.card-actions button{--h:32px;width:var(--h);height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));color:var(--color-text-muted);place-items:center;display:grid}.card-actions button:hover{background:var(--color-fill);color:var(--color-text)}.card-actions button.danger:hover{color:var(--color-danger)}.card-actions svg{width:17px;height:17px}.note-list.is-compact .card-actions{top:calc(50% - 19px)}body.is-selecting .card-actions{display:none}}.card-media{border-radius:calc(var(--radius-card) - var(--space-2));margin:-8px -8px 2px;overflow:hidden}.card-photo{aspect-ratio:4/3;background:var(--color-fill);position:relative}.card-photo img{object-fit:cover;width:100%;height:100%;display:block}.card-photo svg{color:var(--color-text-faint);margin:auto;display:none;position:absolute;inset:0}.card-photo.is-broken img{display:none}.card-photo.is-broken svg{display:block}.card-wave{z-index:var(--z-over);background:var(--color-fill);align-items:center;gap:8px;padding:8px;display:flex;position:relative}.wave-play{--h:36px;width:var(--h);height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));background:var(--color-text);color:var(--color-bg);flex:none;place-items:center;display:grid}.wave-play svg{width:16px;height:16px}.wave{flex:1;align-items:center;gap:2px;height:30px;display:flex}.wave i{height:max(3px, var(--h));background:var(--color-text-faint);opacity:.55;border-radius:2px;flex:1}.wave i.played{background:var(--color-text);opacity:1}.wave-time{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.card-pdf{background:var(--color-fill);grid-template-columns:auto 1fr;align-items:center;gap:0 10px;padding:10px 12px;display:grid}.card-pdf svg{color:var(--color-text-muted);grid-row:span 2}.pdf-name{font-weight:600;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pdf-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.swipe-action{font-size:var(--text-sm);color:var(--color-on-fill);pointer-events:none;align-items:center;gap:6px;padding:0 16px;font-weight:700;display:flex;position:absolute;top:0;bottom:0}.swipe-action.from-left{flex-direction:row-reverse;right:100%}.swipe-action.from-right{left:100%}.swipe-action.accent{color:var(--color-accent-deep)}.swipe-action.danger{color:var(--color-danger)}.swipe-icon{--h:34px;width:var(--h);height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));transition:transform var(--fast) var(--ease);background:currentColor;place-items:center;display:grid}.swipe-icon svg{stroke:var(--color-on-fill);width:18px;height:18px}.swipe-action.armed .swipe-icon{transform:scale(1.18)}[data-color="1"]{--folder-dot:var(--folder-1);--folder-tint:var(--folder-1-tint);--folder-text:var(--folder-1-text)}[data-color="2"]{--folder-dot:var(--folder-2);--folder-tint:var(--folder-2-tint);--folder-text:var(--folder-2-text)}[data-color="3"]{--folder-dot:var(--folder-3);--folder-tint:var(--folder-3-tint);--folder-text:var(--folder-3-text)}[data-color="4"]{--folder-dot:var(--folder-4);--folder-tint:var(--folder-4-tint);--folder-text:var(--folder-4-text)}[data-color="5"]{--folder-dot:var(--folder-5);--folder-tint:var(--folder-5-tint);--folder-text:var(--folder-5-text)}[data-color="6"]{--folder-dot:var(--folder-6);--folder-tint:var(--folder-6-tint);--folder-text:var(--folder-6-text)}[data-color="7"]{--folder-dot:var(--folder-7);--folder-tint:var(--folder-7-tint);--folder-text:var(--folder-7-text)}[data-color="8"]{--folder-dot:var(--folder-8);--folder-tint:var(--folder-8-tint);--folder-text:var(--folder-8-text)}.card[data-color] .folder-tag{color:var(--folder-text)}.check{align-items:flex-start;gap:8px;display:flex}.check-hit{cursor:pointer;flex:none;align-self:stretch;place-items:center;width:22px;min-height:1.45em;display:grid;position:relative}.check-hit:before{content:"";inset-block:0;width:var(--tap);position:absolute;left:50%;translate:-50%}#note-view .check{padding-block:max(0px, (var(--tap) - 1.55em) / 2)}.card-body .check{padding-block:max(0px,12px - .725em)}.check-hit input{appearance:none;border-radius:calc(18px / var(--radius-ratio));border:1.5px solid var(--color-text-faint);background:var(--color-card-solid);cursor:pointer;width:18px;height:18px;transition:background-color var(--fast), border-color var(--fast);place-items:center;margin:0;display:grid}.check-hit input:checked{background:var(--color-success);border-color:var(--color-success)}.check-hit input:checked:after{content:"";border:2px solid var(--color-on-fill);border-top:0;border-right:0;width:9px;height:5px;translate:0 -1px;rotate:-45deg}.check[data-checked="1"]>span{color:var(--color-text-faint);text-decoration:line-through;-webkit-text-decoration-color:var(--color-text-faint);text-decoration-color:var(--color-text-faint)}.md-li{padding-inline-start:1.3em;position:relative}.md-bullet:before{content:"•";color:var(--color-text-faint);position:absolute;inset-inline-start:.35em}.md-number:before{content:attr(data-n) ".";color:var(--color-text-muted);font-variant-numeric:tabular-nums;position:absolute;inset-inline-start:0}.md-h{font-family:var(--font);color:var(--color-text);letter-spacing:-.015em;font-weight:750;display:inline-block}.md-h1{font-size:1.4em;line-height:1.25}.card-body .md-h{font-size:1.1em}.md-h2{font-size:1.2em}.md-h3{font-size:1.05em}.md-b{color:var(--color-text);font-weight:700}.md-i{font-style:italic}.md-hl{background:var(--color-highlight);border-radius:3px;padding:0 2px}.wiki-link,.md-tag{color:var(--color-select);cursor:pointer;font-weight:600}.thumb-row{justify-content:space-between;align-items:flex-end;gap:var(--space-2);display:flex}.thumb-group{align-items:center;gap:var(--space-2);display:flex}body[data-hand=left] :is(.thumb-row,.thumb-group){flex-direction:row-reverse}.dock,.bottom-nav-container{z-index:var(--z-dock,100);width:max-content;max-width:calc(100vw - 2 * var(--edge,12px));pointer-events:none;animation:rise var(--base) var(--ease) both;align-items:center;gap:10px;margin:0;display:flex;position:fixed;bottom:24px}body[data-hand=left] .bottom-nav-container{left:max(var(--edge,20px), var(--safe-left,0px));right:auto;transform:none}body[data-hand=right] .bottom-nav-container,body:not([data-hand=left]) .bottom-nav-container{right:max(var(--edge,20px), var(--safe-right,0px));left:auto;transform:none}@media (width<=440px){body[data-hand] .bottom-nav-container{left:50%!important;right:auto!important;transform:translate(-50%)!important}}.dock>*,.dock .thumb-row>*,.bottom-nav-container>*{pointer-events:auto}.dock .thumb-row{pointer-events:none}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.98)}}body.is-editing .dock{visibility:hidden}.dock,.editor-dock{transition:opacity var(--base) var(--ease), translate var(--base) var(--ease), visibility 0s}body.layer-open .dock{z-index:var(--z-over-scrim)}body.sheet-open .dock{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--fast) var(--ease), translate var(--base) var(--ease), visibility 0s linear var(--base);translate:0 16px}html.kb-open body.is-editing .main-dock{opacity:0;visibility:hidden;pointer-events:none}body.layer-open:not(:has(.layer[data-anchored],.layer[data-inspector])) .editor-dock{opacity:0;pointer-events:none;translate:0 12px}.island{padding:var(--space-1);border-radius:var(--radius-island);align-items:center;gap:2px;display:flex}.dock .island.glass,.editor-dock .island.glass,.header-tools.glass{background:var(--glass-dock)}.main-dock{--dock-bar-h:58px;height:var(--dock-bar-h);min-height:var(--dock-bar-h);align-items:center;gap:10px;display:flex}.nav-pill-main,.main-dock #nav-island{height:var(--dock-bar-h);min-height:var(--dock-bar-h);padding:var(--nav-padding,4px);border-radius:var(--radius-outer,12px);box-sizing:border-box;background:var(--glass-dock);flex:none;justify-content:center;align-items:center;display:flex}.nav-pill-main button,.main-dock .tab-btn{min-width:52px;height:calc(var(--dock-bar-h) - 2 * var(--nav-padding,4px));border-radius:var(--radius-inner,8px);flex:auto;padding:0 10px}.main-dock .tab-btn span{text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.nav-pill-tools,#nav-tools-island{height:var(--dock-bar-h);min-height:var(--dock-bar-h);padding:var(--nav-padding,4px);border-radius:var(--radius-outer,12px);box-sizing:border-box;background:var(--glass-dock);flex:none;align-items:center;gap:4px;display:flex}.tool-btn.icon-btn{width:calc(var(--dock-bar-h) - 2 * var(--nav-padding,4px));height:calc(var(--dock-bar-h) - 2 * var(--nav-padding,4px));border-radius:var(--radius-inner,8px);color:var(--color-text-muted);transition:background-color var(--fast), color var(--fast);place-items:center;display:grid}.tool-btn.icon-btn svg{width:22px;height:22px}.tool-btn.icon-btn:hover{background-color:var(--color-fill);color:var(--color-text)}.tool-btn.icon-btn.is-active{background:var(--surface-thumb);color:var(--color-text);box-shadow:var(--shadow-thumb)}@media (width<=26em){.main-dock{gap:8px}.main-dock #nav-island{padding-inline:4px}.main-dock #nav-island .seg-thumb{--pad:4px}.main-dock .tab-btn{min-width:58px;padding:0 8px}.main-dock .tab-btn span{letter-spacing:-.03em;font-size:10.5px}}@media (width>=40em) and (height>=30em){.main-dock{justify-content:center}.main-dock #nav-island{flex:none}.main-dock .tab-btn{min-width:80px}.search-dock{align-items:center}.search-dock>*{width:min(34rem,100%)}}.island .icon-btn{--h:var(--control-inner);border-radius:var(--radius-control-inner)}.dock .island:not(#nav-island):not(#nav-tools-island),.editor-dock .thumb-row>.island{min-height:var(--control-h);padding:var(--control-pad);border-radius:var(--radius-control-outer)}.tab-btn{--h:var(--nav-inner);min-width:68px;height:var(--h);border-radius:var(--radius-inner,8px);font-size:var(--text-xs);font-weight:var(--weight-label);letter-spacing:-.015em;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 8px;display:flex}.tab-btn svg{width:22px;height:22px}.fab-add,.fab{width:var(--dock-bar-h,58px);height:var(--dock-bar-h,58px);border-radius:var(--radius-outer,12px);background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--fab-shadow);cursor:pointer;transition:transform var(--fast) var(--ease), rotate var(--base) var(--ease);flex:none;place-items:center;display:grid}.fab:hover{transform:scale(1.04)}.fab:active{transform:scale(.94)}.fab svg{stroke-width:2.25px;width:28px;height:28px}.fab[aria-expanded=true] svg{rotate:45deg}#fab{touch-action:none}.layer[data-mode=create] .tile.is-armed{box-shadow:inset 0 0 0 2px var(--tone-ink);transform:scale(.96)}.layer[data-mode=create] .row.is-armed{background-color:var(--color-fill-strong)}.fab svg{transition:rotate var(--base) var(--ease)}.fab.is-quiet{border-radius:var(--radius-outer,12px);background:var(--glass-strong);color:var(--color-text);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:.5px solid var(--glass-edge)}.fab.is-quiet svg{stroke-width:2px;width:22px;height:22px}.icon-btn.is-recording{background:var(--color-danger);color:var(--color-on-fill);animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 8px var(--recording-ring)}}.search-dock{gap:var(--space-2);flex-direction:column;display:flex}.search-chips{scrollbar-width:none;gap:6px;margin:-4px -2px;padding:4px 2px;display:flex;overflow-x:auto}.search-chips .chip{flex:none}.search-chips .chip.glass{background:var(--glass)}.search-field{--h:var(--fab);min-width:0;height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));cursor:text;animation:grow var(--base) var(--ease) both;transform-origin:100%;flex:1;gap:8px;padding:0 6px 0 16px}.search-field:focus-within{outline:2.5px solid var(--color-focus);outline-offset:2px}body[data-hand=left] .search-field{transform-origin:0}@keyframes grow{0%{opacity:0;transform:scaleX(.3)}}.search-field svg{color:var(--color-text-muted)}.search-field input{min-width:0;height:100%;font-size:var(--text-base);background:0 0;border:0;outline:none;flex:1}.search-field input::-webkit-search-cancel-button{display:none}kbd,.kbd{border-radius:calc(22px / var(--radius-ratio));border:1px solid var(--color-line-strong);min-width:22px;height:22px;font:600 var(--text-xs)/1 var(--font);color:var(--color-text-muted);white-space:nowrap;border-bottom-width:2px;place-items:center;padding:0 6px;display:inline-grid}.search-field .kbd{flex:none;margin-inline-end:8px}.search-clear{--h:36px;width:var(--h);height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));background:var(--color-fill);place-items:center;display:grid}.search-clear svg{width:16px;height:16px}body.is-searching .page{padding-bottom:calc(var(--dock-space) + 60px)}.sel-bar{flex:none;gap:0}.sel-bar .action-btn{width:var(--dock-btn);flex:none;justify-content:center}.sel-bar .action-btn>span{display:none}@media (width>=40em) and (height>=30em){.sel-bar .action-btn{width:72px}.sel-bar .action-btn>span{display:block}}.dock.is-compact{justify-content:flex-end;gap:var(--space-2)}.action-btn{--h:var(--dock-btn);min-width:0;height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));font-size:var(--text-xs);letter-spacing:-.01em;flex-direction:column;flex:1;align-items:center;gap:1px;padding:0;font-weight:650;display:flex}.action-btn span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.action-btn.danger{color:var(--color-danger)}.action-btn.armed{background:var(--color-danger);color:var(--color-on-fill)}.action-btn[aria-pressed=true]{color:var(--color-select)}.sel-count{width:auto;min-width:var(--fab);border-radius:calc(var(--h) / var(--radius-ratio));font-weight:750;font-size:var(--text-lg);grid-auto-flow:column;gap:0;padding:0 10px}.rec-bar{z-index:var(--z-rec);left:50%;bottom:calc(var(--dock-bottom) + var(--fab) + var(--space-3));gap:var(--space-2);font-size:var(--text-sm);animation:rise var(--base) var(--ease) both;padding:4px 4px 4px 16px;position:fixed;translate:-50%}.rec-bar b{font-variant-numeric:tabular-nums}.rec-dot{border-radius:calc(10px / var(--radius-ratio));background:var(--color-danger);width:10px;height:10px;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.25}}.rec-bar .stop{background:var(--color-accent);color:var(--color-on-accent)}.scrim{z-index:var(--z-scrim);background:var(--scrim-frost);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);animation:fade var(--base) both;position:fixed;inset:0}.scrim[data-closing]{animation:fade var(--base) reverse both}.scrim[data-light]{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}@keyframes fade{0%{opacity:0}}.layer,.sheet{z-index:var(--z-sheet);left:var(--edge-l);right:var(--edge-r);bottom:var(--layer-bottom);max-height:calc(100dvh - var(--safe-top) - var(--layer-bottom) - var(--space-6));overscroll-behavior:contain;border-radius:var(--radius-panel);animation:sheet-in var(--slow) var(--ease) both;transform-origin:100% 100%;outline:none;position:fixed;overflow:auto}body[data-hand=left] :is(.layer,.sheet){transform-origin:0 100%}.layer[data-closing],.sheet[data-closing]{animation:sheet-out var(--base) var(--ease) both;pointer-events:none;transform-origin:50%!important}.sheet{max-height:calc(100dvh - var(--safe-top) - var(--space-6));border-radius:var(--radius-panel) var(--radius-panel) 0 0;padding:0 var(--safe-r) var(--safe-bottom) var(--safe-l);border-bottom:0;bottom:0;left:0;right:0;transform-origin:bottom!important}.sheet.dragging{transition:none}.sheet.drag-release{transition:translate var(--base) var(--ease)}.sheet-grabber{background:var(--color-fill-strong);border-radius:3px;width:40px;height:5px;margin:8px auto -4px;display:block}.sheet[data-drag] .sheet-head{touch-action:none;cursor:grab}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)scale(.94)}}@keyframes sheet-out{55%{opacity:.9}to{opacity:0;transform:translate(var(--to-x,0px), var(--to-y,18px)) scale(var(--to-s,.96))}}.layer{padding:var(--space-2);z-index:var(--z-layer)}.scrim:has(+.layer){z-index:var(--z-layer-scrim)}.layer-title{padding:var(--space-3) var(--space-3) var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-heading);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-hint{padding:0 var(--space-3) var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.layer-foot{padding:var(--space-1) var(--space-1) 0;justify-content:space-between;align-items:center;display:flex}.layer-foot.end{justify-content:flex-end}.layer :is(h3,h4),.sheet :is(h3,h4){padding:var(--space-3) var(--space-3) var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:700}.row{align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-row);text-align:start;font-size:var(--text-md);display:flex}.row>svg{color:var(--color-text-muted)}.row[data-color]>svg,.row[data-color] .row-color svg{color:var(--folder-dot)}.row[aria-pressed=true]{background:var(--color-fill-strong);font-weight:650}.row.danger,.row.danger>svg{color:var(--color-danger)}.row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.row small{color:var(--color-text-faint);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;max-width:45%;overflow:hidden}.row-static{cursor:default;padding-inline-start:var(--space-1)}.row-actions{display:flex}.row-h2{padding-inline-start:28px}.row-h3{font-size:var(--text-sm);padding-inline-start:44px}.option{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-row);text-align:start;display:flex}.option small{color:var(--color-text-faint);font-size:var(--text-sm)}.option:is([aria-pressed=true],[role=radio][aria-checked=true]){font-weight:650}:is(.option,.row)[aria-pressed=true]:after,.option[role=radio][aria-checked=true]:after{content:"";border:solid var(--color-select);width:8px;height:14px;animation:pop var(--base) var(--ease) both;border-width:0 2.5px 2.5px 0;flex:none;translate:-4px -2px;rotate:45deg}@keyframes pop{0%{opacity:0;transform:scale(.3)}60%{transform:scale(1.15)}}.option[aria-pressed=true] small{margin-inline-start:auto}.segmented{margin:0 var(--space-2) var(--space-3);border-radius:var(--radius-outer,12px);background:var(--color-fill);box-sizing:border-box;grid-auto-columns:1fr;grid-auto-flow:column;align-items:stretch;height:52px;min-height:52px;max-height:52px;padding:4px;display:grid;position:relative}.seg-thumb{height:44px;width:calc((100% - 8px) / var(--n));border-radius:var(--radius-inner,8px);background:var(--surface-thumb);box-shadow:var(--shadow-thumb);transform:translateX(calc(var(--i) * 100%));transition:transform var(--slow) var(--ease), opacity var(--base) var(--ease);pointer-events:none;box-sizing:border-box;position:absolute;top:4px;bottom:4px;left:4px}.seg-thumb[data-off]{opacity:0}#nav-island .seg-thumb{--pad:var(--nav-pad);--gap:2px;--th:var(--nav-inner);top:var(--pad);bottom:var(--pad);height:var(--nav-inner);border-radius:var(--radius-nav-inner);width:calc((100% - 2 * var(--pad) - (var(--n) - 1) * var(--gap)) / var(--n));transform:translateX(calc(var(--i) * (100% + var(--gap))));margin-block:auto}#nav-island .tab-btn{z-index:var(--z-over);position:relative}.segmented button{z-index:var(--z-over);border-radius:var(--radius-inner,8px);cursor:pointer;box-sizing:border-box;height:44px;min-height:44px;max-height:44px;font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--fast);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-weight:600;display:flex;position:relative}.segmented button:focus,.segmented button:focus-visible,.segmented:focus-within{box-shadow:none!important;outline:none!important}.segmented button svg{width:18px;height:18px}.segmented button[aria-checked=true]{color:var(--color-text)}.option>span:has(>.option-note){text-align:start;display:grid}.option-note{font-size:var(--text-xs);color:var(--color-text-faint)}.switch{border-radius:var(--radius-inner,8px);box-sizing:border-box;background:var(--color-fill-strong);width:52px;height:32px;transition:background-color var(--base) var(--ease);flex:none;align-items:center;padding:4px;display:flex;position:relative}.switch i{background:var(--surface-knob);width:24px;height:24px;color:var(--color-text-muted);box-shadow:0 1px 3px color-mix(in srgb, var(--color-scrim) 25%, transparent), 0 2px 6px color-mix(in srgb, var(--color-scrim) 10%, transparent);transition:transform var(--slow) var(--ease), color var(--base);border-radius:4px;place-items:center;display:grid;position:absolute;top:4px;left:4px}.switch svg{stroke-width:2.5px;width:14px;height:14px}[aria-checked=true]>.switch{background:var(--color-success)}[aria-checked=true]>.switch i{color:var(--color-success);transform:translate(20px)}.inline-form{gap:var(--space-2);padding:var(--space-2);display:flex}.pin-device{justify-content:center;align-items:center;gap:var(--space-2);width:calc(100% - 2 * var(--space-2));margin:0 var(--space-2) var(--space-1);display:flex}.inline-form input{--h:46px;min-width:0;height:var(--h);padding:0 var(--space-4);border-radius:calc(var(--h) / var(--radius-ratio));border:1px solid var(--color-line);background:var(--color-card-solid);font-size:var(--text-base);outline:none;flex:1}.inline-form input:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-fill-strong)}.inline-form button{--h:46px;width:var(--h);height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));background:var(--color-text);color:var(--color-bg);flex:none;place-items:center;display:grid}.pin-input{letter-spacing:.5em;text-align:center;font-size:var(--text-xl)!important}.swatches{gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-3) 52px;flex-wrap:wrap;display:flex}.swatch{--h:36px;width:var(--h);height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));background:var(--folder-dot);color:var(--color-on-folder);place-items:center;display:grid}.swatch svg{stroke-width:2.5px;opacity:0;width:16px;height:16px}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-card-solid), 0 0 0 4px var(--folder-dot)}.swatch[aria-pressed=true] svg{opacity:1}.steps{margin:0 var(--space-3) var(--space-3);gap:6px;padding-inline-start:1.2em;display:grid}.tiles{gap:var(--space-2);padding:0 var(--space-1) var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.tile{--h:76px;min-height:var(--h);border-radius:var(--radius-card,12px);text-align:start;background:color-mix(in srgb, var(--tone) 12%, var(--color-card));border:.5px solid var(--color-line);cursor:pointer;transition:transform var(--fast), background-color var(--fast);flex-direction:column;justify-content:space-between;align-items:flex-start;padding:10px 12px;display:flex}.tile:hover{background:color-mix(in srgb, var(--tone) 20%, var(--color-card))}.tile:active{transform:scale(.96)}.tile svg{width:22px;height:22px;color:var(--tone-ink)}.tile b{font-size:var(--text-sm);font-weight:700}.chip[data-tone] svg{color:var(--tone-ink)}.chip[data-tone][aria-pressed=true]{background:color-mix(in srgb, var(--tone) 16%, var(--color-card-solid));color:var(--tone-ink);box-shadow:inset 0 0 0 1.5px var(--tone-ink)}.chip[data-tone][aria-pressed=true] svg{color:inherit}.starters{gap:var(--space-2);padding-bottom:var(--space-4);animation:card-in var(--base) var(--ease-out) both;grid-template-columns:repeat(2,1fr);display:grid}@media (width>=40em) and (height>=30em){.starters{grid-template-columns:repeat(3,1fr)}}.starter{--h:48px;min-height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));border:1px solid var(--color-line);color:var(--color-text);font-size:var(--text-sm);text-align:start;align-items:center;gap:10px;padding:0 12px;font-weight:600;display:flex}.starter svg{width:18px;height:18px;color:var(--color-text-muted)}.editor.is-blank .editor-text{height:calc(1.55em + var(--space-4));flex:none;padding-bottom:0;overflow:hidden}.editor-blank-fill{cursor:text;flex:1}.sheet{flex-direction:column;display:flex;overflow:hidden}.sheet-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-1) var(--space-5);display:flex}.sheet-head h2{font-size:var(--text-xl);font-weight:var(--weight-title);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sheet-body{overscroll-behavior:contain;min-height:0;padding:0 var(--space-2) var(--space-4);flex:1;overflow:auto}.sheet-foot{gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);border-top:.5px solid var(--color-line);display:flex}.sheet-empty{padding:var(--space-8) var(--space-3);text-align:center}.sheet-empty>p:first-child{font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:700}.sheet-section{padding-top:var(--space-4)}.sheet-section>h3{padding:0 var(--space-3) var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:700}.sheet-body>.chips,.sheet-section>.chips{padding:var(--space-2) var(--space-3)}.cols{gap:var(--space-2);display:grid}.study-progress{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;display:flex}.progress-track{background:var(--color-fill-strong);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{width:var(--progress);background:var(--color-text-muted);border-radius:inherit;height:100%;transition:width var(--base) var(--ease);display:block}.flashcard{justify-content:center;gap:var(--space-4);width:calc(100% - 2 * var(--space-2));min-height:280px;margin:var(--space-2);padding:var(--space-6);border-radius:var(--radius-panel);text-align:center;flex-direction:column;display:flex}.flashcard-q{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:750}.flashcard-a{font-size:var(--text-lg);color:var(--color-text);font-weight:var(--weight-heading);animation:fade var(--base) both}.flashcard-hint,.flashcard-source{font-size:var(--text-sm);color:var(--color-text-faint)}.study-delete{color:var(--color-text-muted);margin:0 auto;display:block}.study-missed{padding:0 var(--space-3);gap:var(--space-2);margin:0;list-style:none;display:grid}.study-missed li{padding:var(--space-3);border-radius:var(--radius-row);background:var(--color-fill);display:grid}.study-missed span{color:var(--color-text-muted)}.map-canvas{max-height:62dvh;margin:0 var(--space-2);border-radius:var(--radius-row);background:var(--color-fill);overflow:auto}.link-map{stroke:none;display:block}.map-edges line{stroke:var(--color-text-faint);stroke-width:1.5px;opacity:.5}.map-node{cursor:pointer}.map-node rect{fill:var(--color-card-solid);stroke:var(--color-line)}.map-node.is-center rect{fill:var(--color-select-tint);stroke:var(--color-select);stroke-width:1.5px}.map-node.is-ghost rect{fill:none;stroke:var(--color-text-faint);stroke-dasharray:4 3}.map-node rect.map-dot{fill:var(--folder-dot);stroke:none}.map-node text{fill:var(--color-text);font:600 var(--text-sm) var(--font)}.map-node:focus-visible rect{stroke:var(--color-focus);stroke-width:2.5px}.stats{padding:var(--space-2) var(--space-3);flex-wrap:wrap;gap:6px;display:flex}.stat{--h:28px;border-radius:calc(var(--h) / var(--radius-ratio));background:var(--color-fill);font-size:var(--text-sm);padding:4px 10px;font-weight:600}.photos{padding:0 var(--space-3);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.photo{aspect-ratio:1;border-radius:calc(84px / var(--radius-ratio));background:var(--color-fill);overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block}.about-app{align-items:center;gap:var(--space-4);padding:var(--space-3);display:flex}.about-icon{width:64px;height:64px;box-shadow:var(--shadow-icon);border-radius:16px}.about-name{font-size:var(--text-xl);font-weight:800}.about-version,.about-text{font-size:var(--text-sm);color:var(--color-text-muted)}.about-text{padding:0 var(--space-3) var(--space-1)}.about-text b{color:var(--color-text)}.timeline{padding:0 var(--space-3);margin:0;list-style:none}.release{padding-inline-start:20px;padding-bottom:var(--space-3);position:relative}.release:before{content:"";inset-inline-start:5px;background:var(--color-line);width:2px;position:absolute;top:18px;bottom:-4px}.release:last-child:before{display:none}.release summary{cursor:pointer;padding:6px 0;list-style:none}.release summary::-webkit-details-marker{display:none}.release-title{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-weight:750;display:flex}.release-node{inset-inline-start:0;border-radius:calc(12px / var(--radius-ratio));background:var(--color-card-solid);border:2px solid var(--color-text-faint);width:12px;height:12px;position:absolute;top:12px}.release.is-installed .release-node{border-color:var(--color-text);background:var(--color-text)}.badge{--h:18px;border-radius:calc(var(--h) / var(--radius-ratio));background:var(--color-text);color:var(--color-bg);font-size:var(--text-xs);padding:1px 8px;font-weight:750}.release-meta{font-size:var(--text-xs);color:var(--color-text-muted);display:block}.change-group{margin-top:var(--space-4);margin-bottom:var(--space-3)}.change-group h4{align-items:center;gap:8px;display:flex;padding:var(--space-2) 0 8px!important;text-transform:none!important;letter-spacing:0!important;font-size:var(--text-md)!important;color:var(--kind-ink)!important}.change-count{color:var(--color-text-faint);font-weight:500}.change-group ul{font-size:var(--text-base);color:var(--color-text-muted);gap:8px;margin:0;padding-inline-start:1.25em;line-height:1.45;display:grid}.news{padding:var(--space-3);text-align:center}.news-versions{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.news-versions svg{width:18px;height:18px;color:var(--color-text-faint)}.version-pill{--h:30px;border-radius:calc(var(--h) / var(--radius-ratio));background:var(--color-fill);font-variant-numeric:tabular-nums;padding:4px 12px;font-weight:700}.version-pill.is-new{background:var(--color-text);color:var(--color-bg)}.news+.timeline-bare{padding:0 var(--space-3)}.guide-text{padding:0 var(--space-3) var(--space-4);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-md);line-height:1.5}.import-conflicts{margin:0 var(--space-3) var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);gap:4px;padding-inline-start:1.1em;display:grid}.import-conflicts b{color:var(--color-text)}.layer-foot .btn{--h:44px;min-height:var(--h);flex:none}.version-preview,.tidy-pair{gap:var(--space-2);margin:0 var(--space-2) var(--space-2);padding:var(--space-3);border-radius:var(--radius-row);background:var(--color-fill);display:grid}.version-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:12em;font-size:var(--text-sm);color:var(--color-text-muted);overflow:hidden}.version-preview .layer-hint,.tidy-pair .layer-hint{padding:0}.tidy-pair .row{padding-inline:0}.tidy-actions{gap:var(--space-2);display:flex}.tidy-lines{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.tidy-lines li{justify-content:space-between;align-items:baseline;gap:var(--space-2);font-size:var(--text-sm);display:flex}.tidy-lines span{overflow-wrap:anywhere;min-width:0}.tidy-lines small{font-size:var(--text-xs);color:var(--color-text-muted);flex:none}.tidy-actions .btn{--h:48px}.recover{place-content:center;justify-items:center;gap:var(--space-3);min-height:100dvh;padding:var(--space-6);text-align:center;display:grid}.recover h1{font-size:var(--text-xl);font-weight:var(--weight-title)}.recover p{max-width:28rem;color:var(--color-text-muted)}.recover .btn{flex:none}.guide-text .md-h1{font-size:var(--text-lg);margin-top:var(--space-2)}.news-title{margin-top:var(--space-3);font-size:var(--text-xl);font-weight:800}.news-counts{margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.change-pill{--h:26px;min-height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));background:color-mix(in srgb, var(--kind) 16%, transparent);color:var(--kind-ink);font-size:var(--text-xs);align-items:center;gap:4px;padding:0 10px;font-weight:700;display:inline-flex}.change-pill svg{width:14px;height:14px}.editor{z-index:var(--z-editor);background:var(--color-editor);visibility:hidden;transition:transform var(--slow) var(--ease), visibility 0s linear var(--slow);flex-direction:column;display:flex;position:fixed;inset:0;transform:translateY(102%)}.editor.open{visibility:visible;transition:transform var(--slow) var(--ease), visibility 0s, padding var(--base) var(--ease);transform:none}.editor.dragging{transition:none}.editor-head{min-height:calc(var(--safe-top) + 26px);padding-top:var(--safe-top);cursor:grab;touch-action:none;justify-content:center;align-items:center;display:flex;position:relative}.editor-grabber{background:var(--color-fill-strong);border-radius:3px;width:40px;height:5px}.editor-head .split-only{inset-inline-end:var(--space-2);top:calc(var(--safe-top) + 4px);gap:var(--space-1);grid-auto-flow:column;position:absolute}.editor-head .save-status{inset-inline-start:calc(var(--gutter) + var(--safe-l));top:calc(var(--safe-top) + 6px);position:absolute}.split-only{display:none!important}.editor-body{width:100%;max-width:760px;min-height:0;padding:0 calc(var(--gutter) + var(--safe-r)) 0 calc(var(--gutter) + var(--safe-l));flex-direction:column;flex:1;margin:0 auto;display:flex}.folder-chip{margin-top:var(--space-2);--h:32px;min-height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));margin-bottom:calc((var(--tap) - var(--h)) / 2);background:var(--color-fill);font-size:var(--text-xs);color:var(--color-text-muted);align-self:flex-start;align-items:center;gap:5px;padding:0 12px;font-weight:600;display:inline-flex}.folder-chip svg{width:15px;height:15px}.editor-title{width:100%;padding:var(--space-2) 0 2px;font-size:var(--text-title);font-weight:var(--weight-title);letter-spacing:-.025em;background:0 0;border:0;outline:none;line-height:1.12}.editor-title:focus-visible{outline:2.5px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-control)}.editor-title::placeholder{color:var(--color-text-faint)}.editor-meta{padding-bottom:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:0 6px;display:flex}.editor-meta:empty{padding-bottom:var(--space-2)}.save-status{font-size:var(--text-xs);color:var(--color-text-muted);transition:opacity var(--slow) var(--ease) 1.4s;align-items:center;gap:5px;display:inline-flex}.save-status[data-status=saved]{opacity:0}.save-status:not([data-status=saved]){transition:none}.save-status i{background:var(--color-success);border-radius:2px;width:6px;height:6px}.save-status[data-status=modified] i,.save-status[data-status=saving] i{background:var(--color-text-faint)}.save-status[data-status=error]{color:var(--color-danger)}.save-status[data-status=error] i{background:var(--color-danger)}.notice{margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-row);background:var(--color-fill);font-size:var(--text-sm)}.backup-code{margin:var(--space-2) var(--space-3);padding:var(--space-3);border-radius:var(--radius-row);background:var(--color-fill);font-size:var(--text-lg);font-variant-numeric:tabular-nums;letter-spacing:.06em;text-align:center;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;font-weight:650;line-height:1.3}.code-input{text-transform:uppercase;letter-spacing:.06em}.notice.alert{background:var(--color-danger-tint);color:var(--color-danger)}.editor-text{width:100%;min-height:0;padding:0 0 calc(var(--fab) + var(--safe-bottom) + 72px);resize:none;font:400 var(--text-lg)/1.55 var(--font);background:0 0;border:0;outline:none;flex:1;overflow-y:auto}.editor-text:focus-visible{outline:2.5px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-row)}.editor-text::placeholder{color:var(--color-text-faint)}.editor-view{white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}.editor-view>div{min-height:1.55em}.editor-view>div:not(:first-child):has(>.md-h){padding-top:.6em}body.is-editing .editor-text{scroll-padding-bottom:120px}.note-found{margin-top:var(--space-8);padding-top:var(--space-4);border-top:.5px solid var(--color-line);white-space:normal;cursor:default}.note-found :is(h2,h3){font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:700}.atts{gap:var(--space-2);margin-bottom:var(--space-3);display:grid}.atts.is-multi{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.atts.is-multi>.att-audio,.atts.is-multi>.att-pdf{grid-column:1/-1;min-width:0}.att{border-radius:var(--radius-row);background:var(--color-fill);position:relative;overflow:hidden}.att-image img{object-fit:contain;background:var(--color-fill);width:100%;max-height:46dvh;display:block}.att-pdf{align-items:center;gap:var(--space-3);padding:var(--space-3) 52px var(--space-3) var(--space-4);display:flex}.att-pdf>svg{color:var(--color-text-muted)}.att-pdf-text{flex:1;min-width:0;display:grid}.att-remove{top:8px;--h:32px;width:var(--h);height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));background:var(--media-veil);color:var(--color-on-media);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;display:grid;position:absolute;inset-inline-end:8px}.att-remove svg{width:16px;height:16px}.att-image .att-live{inset-inline-start:8px;position:absolute;bottom:8px}.att-audio .att-live{margin:0 var(--space-2) var(--space-2)}.player{padding:var(--space-3) 52px var(--space-3) var(--space-3);grid-template-columns:auto 1fr auto;align-items:center;gap:6px 12px;display:grid}.player-play{--h:44px;width:var(--h);height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));background:var(--color-text);color:var(--color-bg);place-items:center;display:grid}.player-time{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.player-row{justify-content:center;gap:var(--space-2);grid-column:1/-1;display:flex}.player-btn{--h:34px;min-width:64px;height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));background:var(--color-fill-strong);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:650}.seek{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.seek::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--color-text) var(--progress), var(--color-fill-strong) var(--progress));border-radius:3px;height:5px}.seek::-moz-range-track{background:linear-gradient(90deg, var(--color-text) var(--progress), var(--color-fill-strong) var(--progress));border-radius:3px;height:5px}.seek::-webkit-slider-thumb{-webkit-appearance:none;border-radius:calc(16px / var(--radius-ratio));background:var(--surface-knob);width:16px;height:16px;box-shadow:var(--shadow-seek);margin-top:-5.5px}.seek::-moz-range-thumb{border-radius:calc(16px / var(--radius-ratio));background:var(--surface-knob);width:16px;height:16px;box-shadow:var(--shadow-seek);border:0}.editor-dock{z-index:var(--z-over);left:var(--edge-l);right:var(--edge-r);bottom:var(--dock-bottom);gap:var(--space-2);pointer-events:none;flex-direction:column;max-width:760px;margin:0 auto;display:flex;position:absolute}.editor:after{--fade:40px;--veil:linear-gradient(to bottom, transparent, var(--color-editor) var(--fade));content:"";height:calc(var(--dock-bottom) + var(--fab) + var(--fade));background:var(--veil);pointer-events:none;position:absolute;inset:auto 0 0}.editor-dock>*,.editor-dock .thumb-row>*{pointer-events:auto}.editor-dock .thumb-row{pointer-events:none}.editor-dock .thumb-row>.island:first-child{min-width:0}.format-strip{scrollbar-width:none;min-width:0;animation:grow var(--base) var(--ease) both;transform-origin:0;flex:1;overflow-x:auto}body[data-hand=left] .format-strip{transform-origin:100%}.format-strip .icon-btn{--h:var(--dock-btn);flex:1 0 40px;width:auto}.format-strip .format-toggle{width:var(--dock-btn);flex:none}.format-strip .format-sep{background:var(--color-line-strong);flex:none;width:1px;height:24px;margin:0 2px}.glyph{font-size:var(--text-lg);font-weight:var(--weight-heading);letter-spacing:-.02em}.glyph-b{font-weight:900}.glyph-i{font-style:italic;font-weight:600}.glyph-card{font-size:var(--text-md);letter-spacing:.02em}.glyph sub{font-size:var(--text-xs)}.tbl-wrap{max-width:100%;margin-block:var(--space-2);border-radius:var(--radius-control);box-shadow:inset 0 0 0 1px var(--color-line-strong);scrollbar-width:thin;overscroll-behavior-x:contain;overflow-x:auto}.tbl{border-collapse:collapse;width:100%;min-width:max-content;font:inherit;font-variant-numeric:tabular-nums}.tbl :is(th,td){border:1px solid var(--color-line);min-width:88px;max-width:18rem;padding:0;position:relative}.tbl th{background:var(--color-fill);text-align:start;font-weight:700}.tbl .is-center{text-align:center}.tbl .is-right{text-align:right}.tbl.is-static :is(th,td){padding:var(--space-2) var(--space-3);overflow-wrap:anywhere}.tbl-in{width:100%;min-height:var(--tap);padding:var(--space-2) var(--space-3);color:inherit;font:inherit;text-align:inherit;text-overflow:ellipsis;background:0 0;border:0;border-radius:0;outline:none;display:block}.tbl-in::placeholder{color:var(--color-text-faint)}#note-view .tbl :is(th,td):first-child{z-index:var(--z-over);background:var(--color-editor);position:sticky;inset-inline-start:0}#note-view .tbl th{background:color-mix(in srgb, var(--color-text) var(--alpha-faint), var(--color-editor))}.tbl :is(th,td)[data-sel],#note-view .tbl :is(th,td)[data-sel]{z-index:var(--z-over-2);box-shadow:inset 0 0 0 2px var(--color-select);background:color-mix(in srgb, var(--color-select) 10%, var(--color-editor))}.tbl :is(th,td)[data-sel] .tbl-in{caret-color:var(--color-select);text-overflow:clip}.table-tools{align-items:stretch;gap:var(--space-2);padding:var(--space-2);flex-direction:column;display:flex}.table-tools-head{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-label);color:var(--color-text-muted);font-variant-numeric:tabular-nums;padding-inline-start:var(--space-2);display:flex}.table-tools-row{gap:var(--space-2);display:flex}.tbl-group{border-radius:var(--radius-control);background:var(--color-fill);flex:1;gap:2px;padding:2px;display:flex}.tbl-group.is-danger{background:0 0;flex:none;padding:0}.tbl-tool{min-width:var(--tap);min-height:var(--dock-btn);padding:var(--space-1) var(--space-2);border-radius:calc(var(--radius-control) - 2px);color:var(--color-text);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-weight:650;display:flex}.tbl-tool svg{width:22px;height:22px}.tbl-tool:active:not(:disabled){background:var(--color-fill-strong)}.tbl-tool[aria-pressed=true]{background:var(--color-select-tint);color:var(--color-select);box-shadow:inset 0 0 0 1.5px var(--color-select)}.tbl-tool:disabled{cursor:default}.tbl-tool.is-danger{min-width:calc(var(--dock-btn) + var(--space-4));color:var(--color-danger)}.tbl-tool.is-danger.armed{background:var(--color-danger);color:var(--color-on-fill)}@media (forced-colors:active){.tbl :is(th,td)[data-sel]{outline-offset:-3px;outline:3px solid highlight}.tbl-tool[aria-pressed=true]{outline:2px solid highlight}}.toast{z-index:var(--z-toast);left:50%;top:calc(var(--safe-top) + var(--space-3));align-items:center;gap:var(--space-3);width:max-content;max-width:calc(100vw - var(--edge-l) - var(--edge-r));--h:48px;min-height:var(--h);border-radius:calc(36px / var(--radius-ratio) + 6px);font-size:var(--text-sm);animation:drop var(--base) var(--ease) both;padding:6px 6px 6px 18px;font-weight:550;display:flex;position:fixed;translate:-50%}@keyframes drop{0%{opacity:0;transform:translateY(-14px)scale(.98)}}.toast button{--h:36px;min-height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));background:var(--color-text);color:var(--color-bg);flex:none;padding:0 14px;font-weight:700}.welcome-body{padding:0 var(--space-5) var(--space-4)}.dots{gap:6px;display:flex}.dots i{border-radius:calc(7px / var(--radius-ratio));background:var(--color-fill-strong);width:7px;height:7px;transition:width var(--base) var(--ease)}.dots i[data-on]{background:var(--color-text);border-radius:4px;width:22px}.welcome-title{font-size:var(--text-2xl);font-weight:var(--weight-title);letter-spacing:-.02em;margin:var(--space-2) 0}.welcome-lead{color:var(--color-text-muted);margin-bottom:var(--space-3)}.welcome .segmented{margin-inline:0}.welcome h4{padding-inline:0}.welcome-feature{gap:var(--space-3);margin-top:var(--space-3);align-items:flex-start;display:flex}.welcome-feature>svg{color:var(--color-text);margin-top:2px}.welcome-feature p{font-size:var(--text-sm);color:var(--color-text-muted)}.welcome-feature b{color:var(--color-text);font-size:var(--text-md);display:block}.welcome-art{height:150px;margin:var(--space-2) 0 var(--space-4);position:relative}.art-card{border-radius:var(--radius-card);align-content:start;gap:7px;width:112px;height:124px;padding:16px 14px;display:grid;position:absolute}.art-card:first-child{top:18px;left:6%;rotate:-8deg}.art-card:nth-child(2){z-index:var(--z-over);top:0;left:32%}.art-card:nth-child(3){top:20px;left:58%;rotate:7deg}.art-card b{background:var(--folder-dot);border-radius:5px;width:60%;height:9px}.art-card i{background:var(--color-fill-strong);border-radius:3px;height:6px}.art-card i.art-check{margin-inline-start:16px;position:relative}.art-card i.art-check:before{content:"";border:1.5px solid var(--color-text-faint);border-radius:4px;width:11px;height:11px;position:absolute;top:-3px;left:-16px}.art-card i.art-wave{background:repeating-linear-gradient(90deg, var(--folder-dot) 0 3px, transparent 3px 7px);opacity:.8;height:30px;margin-top:10px;mask-image:linear-gradient(#0000 20%,#000 20% 80%,#0000 80%)}.art-plus{z-index:var(--z-over-2);--h:48px;width:var(--h);height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--color-accent-glow);place-items:center;display:grid;position:absolute;bottom:0;right:6%}.tour{z-index:var(--z-tour);position:fixed;inset:0}.tour:not([data-spot]){background:var(--color-scrim)}.tour-spot{border-radius:var(--radius-island);box-shadow:0 0 0 200vmax var(--color-scrim);transition:all var(--base) var(--ease);pointer-events:none;position:fixed}.tour-bubble{padding:var(--space-3) var(--space-3) var(--space-2) var(--space-4);border-radius:var(--radius-panel);background:var(--color-card-solid);box-shadow:var(--glass-shadow);animation:sheet-in var(--base) var(--ease) both;position:fixed}.tour-bubble.is-centered{top:50%;translate:-50% -50%;left:50%!important}.tour-count{font-size:var(--text-xs);color:var(--color-text-faint);font-weight:700}.tour-title{font-size:var(--text-md);font-weight:var(--weight-heading);margin:2px 0}.tour-text{font-size:var(--text-sm);color:var(--color-text-muted)}.tour-actions{align-items:center;gap:var(--space-1);margin-top:var(--space-2);display:flex}.tour-actions .btn{--h:40px;min-height:var(--h);padding:0 var(--space-4);flex:none}.push{margin-inline-start:auto}@media (width>=40em) and (height>=30em){.layer:not([data-anchored]){width:var(--layer-w);margin-inline:auto;left:0;right:0}.layer[data-mode=create]{width:min(480px,100vw - 32px)}.sheet{inset:0 0 var(--layer-bottom);width:min(600px, calc(100vw - 2 * var(--edge)));height:fit-content;max-height:calc(100dvh - var(--safe-top) - var(--layer-bottom) - var(--space-6));border-radius:var(--radius-panel);border-bottom:.5px solid var(--glass-edge);margin:auto;padding:0;transform-origin:50%!important}.sheet-grabber{display:none}.sheet[data-drag] .sheet-head{touch-action:auto;cursor:auto}body.sheet-open .dock{opacity:1;visibility:visible;transition:right var(--slow) var(--ease), left var(--slow) var(--ease);translate:none}.cols{grid-template-columns:1fr 1fr}[data-drawer] .cols{grid-template-columns:1fr}:is(.layer,.sheet)[data-drawer][data-mode]{inset:calc(var(--safe-top) + var(--edge)) var(--edge-r) var(--dock-bottom) auto;width:var(--drawer-w);height:auto;max-height:none;margin:0;animation-name:drawer-in;transform-origin:100%!important}body[data-hand=left] :is(.layer,.sheet)[data-drawer][data-mode]{inset-inline:var(--edge-l) auto;--drawer-from:-24px;transform-origin:0!important}body:has(.sheet[data-drawer]:not([data-closing])) .dock{right:calc(var(--drawer-w) + var(--edge-r) + var(--edge))}body[data-hand=left]:has(.sheet[data-drawer]:not([data-closing])) .dock{right:var(--edge-r);left:calc(var(--drawer-w) + var(--edge-l) + var(--edge))}body:has(.sheet[data-drawer]) .toast{left:calc((100vw - var(--drawer-w) - var(--edge-r)) / 2)}body[data-hand=left]:has(.sheet[data-drawer]) .toast{left:calc(50vw + (var(--drawer-w) + var(--edge-l)) / 2)}.dock{transition:opacity var(--base) var(--ease), translate var(--base) var(--ease), right var(--slow) var(--ease), left var(--slow) var(--ease)}.rec-bar{left:auto;right:var(--dock-inset-r);translate:none}body[data-hand=left] .rec-bar{left:var(--dock-inset-l);right:auto}}.panel-close{z-index:var(--z-over);top:var(--space-2);position:absolute;inset-inline-end:var(--space-2)}[data-inspector] .layer-title{padding-inline-end:52px}@media (width>=40em) and (height>=30em){body:has(.layer[data-inspector]) .editor{padding-inline-end:calc(var(--drawer-w) + var(--edge-r))}body:has(.layer[data-inspector]) .editor-dock{right:calc(var(--drawer-w) + var(--edge-r) + var(--edge))}body[data-hand=left]:has(.layer[data-inspector]) .editor{padding-inline:calc(var(--drawer-w) + var(--edge-l)) 0}body[data-hand=left]:has(.layer[data-inspector]) .editor-dock{right:var(--edge-r)}}@keyframes drawer-in{0%{opacity:0;transform:translateX(var(--drawer-from,24px))}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}}.layer[data-anchored]{animation-name:pop-in;animation-duration:var(--base)}:is(.layer,.sheet)[data-closing][data-closing]{animation:sheet-out var(--base) var(--ease) both}@media (width>=40em) and (height>=30em){.note-list.cards{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:0 14px}.note-list.cards>*{margin-bottom:14px}.note-list:not(.cards){grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));align-items:start;gap:8px 12px;display:grid}.note-list:not(.cards)>:is(.list-heading,.empty,.first-use,.list-more){grid-column:1/-1}.card{gap:8px;padding:16px 18px 14px}.card-body{--lines:14}.card-body.is-snippet{--lines:5}.card-media{margin:-8px -10px 4px}}@media (width>=64em){body.is-editing .page{max-width:var(--split-list);margin:0}body.is-editing .recap-row{grid-template-columns:repeat(2,1fr)}body.is-editing :is(.note-list.cards,.note-list:not(.cards)){grid-template-columns:1fr}body.is-editing .card-body{--lines:7}.editor{left:var(--split-list);border-inline-start:.5px solid var(--color-line)}body.is-editing .dock{visibility:visible;left:var(--edge-l);width:calc(var(--split-list) - var(--edge-l) - var(--edge));max-width:none;margin:0;right:auto}body.is-editing :is(.dock.thumb-row,.dock .thumb-row){flex-direction:row-reverse}body.is-editing .main-dock #nav-island{flex:1}body.is-editing .main-dock .tab-btn{flex:1;min-width:0}body.is-editing .search-dock{align-items:stretch}body.is-editing .search-dock>*{width:auto}.editor-dock{left:auto;right:var(--edge-r);width:min(760px, 100% - var(--edge) - var(--edge-r));margin:0}body.is-editing .editor-dock :is(.thumb-row,.thumb-group){flex-direction:row;justify-content:flex-end}body.is-editing :is(.toast,.rec-bar){left:calc(var(--split-list) / 2);right:auto;translate:-50%}.split-only{display:grid!important}body.is-editing.note-wide .editor{border-inline-start:0;left:0}body.is-editing.note-wide :is(.page,.main-dock,.search-dock){visibility:hidden}body.is-editing.note-wide .editor-dock{margin-inline:auto;left:0;right:0}.split-hidden{display:none!important}.editor-head{cursor:default}.editor-grabber{visibility:hidden}}.sheet:is([data-mode=study],[data-mode=map]){z-index:var(--z-over-scrim);width:auto;height:100dvh;max-height:none;padding:var(--safe-top) var(--safe-r) 0 var(--safe-l);transform-origin:bottom;border:0;border-radius:0;margin:0;inset:0}.sheet:is([data-mode=study],[data-mode=map]) .sheet-foot{padding-bottom:calc(var(--safe-bottom) + var(--space-3))}.sheet[data-mode=study] :is(.sheet-body,.sheet-foot){width:100%;max-width:40rem;margin-inline:auto}.sheet[data-mode=study] .sheet-body{flex-direction:column;justify-content:center;display:flex}.sheet[data-mode=study] .sheet-foot{border-top:0}.sheet[data-mode=map] .sheet-body{flex-direction:column;display:flex}.sheet[data-mode=map] .map-canvas{flex:1;max-height:none}#print-area{display:none}@media print{body>:not(#print-area){display:none!important}#print-area{font:11pt/1.45 var(--font);color:var(--print-ink);display:block}#print-area article{break-inside:avoid;margin-bottom:18pt}#print-area img{max-width:100%;max-height:40vh}.print-body{white-space:pre-wrap}}[data-tone=red]{--tone:var(--tone-red)}[data-tone=orange]{--tone:var(--tone-orange)}[data-tone=yellow]{--tone:var(--color-accent);--tone-ink:var(--color-accent-deep)}[data-tone=green]{--tone:var(--tone-green)}[data-tone=teal]{--tone:var(--tone-teal)}[data-tone=blue]{--tone:var(--tone-blue)}[data-tone=indigo]{--tone:var(--tone-indigo)}[data-tone=purple]{--tone:var(--tone-purple)}[data-tone=pink]{--tone:var(--tone-pink)}[data-tone=gray]{--tone:var(--tone-gray)}.row[data-tone]>svg{color:var(--tone-ink)}.chip[aria-pressed=true]{animation:pop var(--base) var(--ease)}[data-kind=new]{--kind:var(--color-accent);--kind-ink:var(--color-accent-deep);--on-kind:var(--color-on-accent)}[data-kind=fix]{--kind:var(--color-danger);--kind-ink:var(--color-danger);--on-kind:var(--color-bg)}[data-kind=better]{--kind:var(--color-success);--kind-ink:var(--color-success);--on-kind:var(--color-bg)}.state-mark{--h:22px;width:var(--h);height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));background:var(--kind);color:var(--on-kind);flex:none;place-items:center;display:inline-grid}.state-mark svg{stroke-width:2.25px;width:14px;height:14px}.toast:has(.state-mark){padding-inline-start:12px}.check-hit input:checked{animation:pop var(--base) var(--ease)}.recap{margin:0 0 var(--space-4)}.page-sub{margin:2px 0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.page-sub b{color:var(--color-text)}.recap-row{overflow-anchor:none;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter) 2px;scroll-padding-inline:var(--gutter);gap:8px;display:flex;overflow-x:auto}.widget{--h:60px;isolation:isolate;scroll-snap-align:start;min-width:9.5rem;max-width:15rem;min-height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));text-align:start;animation:card-in var(--slow) var(--ease-out) both;background:color-mix(in srgb, var(--tone) 10%, var(--color-card));border:.5px solid var(--color-line);flex-direction:column;flex:none;justify-content:center;gap:1px;padding:8px 14px;display:flex;position:relative;overflow:hidden}.widget:nth-child(2){animation-delay:40ms}.widget:nth-child(3){animation-delay:80ms}.widget:nth-child(4){animation-delay:.12s}.widget:nth-child(5){animation-delay:.16s}.widget img{object-fit:cover;width:100%;height:100%;z-index:var(--z-under-2);position:absolute;inset:0}.widget:has(img){color:var(--color-on-media);background:var(--media-shade)}:is(.widget:has(img) .widget-label,.widget:has(img) .widget-detail){color:var(--color-on-media-soft)}.widget-label{font-size:var(--text-xs);color:var(--tone-ink);align-items:center;gap:5px;font-weight:700;display:flex}.widget-label svg{width:15px;height:15px}.widget-title{font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.25;overflow:hidden}.widget-detail{font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;display:none;overflow:hidden}@media (width>=40em) and (height>=30em){.recap-row{grid-template-columns:repeat(4,1fr);grid-auto-rows:90px;grid-auto-flow:dense;gap:10px;margin:0;padding:0;display:grid;overflow:visible}.widget{--h:90px;justify-content:flex-end;min-width:0;max-width:none;padding:12px 14px}.widget[data-size=tall]{grid-row:span 2;padding:14px}.widget-label{position:absolute;top:10px;left:14px}.widget-title{white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}.widget:not([data-size]) .widget-title{-webkit-line-clamp:1}.widget[data-size=tall] .widget-title{font-size:var(--text-lg)}.widget-detail{display:block}}.quick-capture-deck{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-outer,12px);background:var(--color-card);border:.5px solid var(--color-line);box-shadow:0 2px 12px color-mix(in srgb, var(--color-scrim) 8%, transparent);gap:var(--space-3);animation:card-in var(--base) var(--ease-out) both;flex-direction:column;display:flex}.quick-capture-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.quick-capture-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);align-items:center;gap:6px;font-weight:700;display:inline-flex}.quick-capture-title svg{width:14px;height:14px;color:var(--color-accent-deep)}.quick-capture-shortcut{font-size:var(--text-xs);color:var(--color-text-faint);align-items:center;gap:4px;display:inline-flex}.quick-capture-input-box{align-items:center;gap:var(--space-2);border-radius:var(--radius-inner,8px);background:var(--color-fill);border:1px solid var(--color-line);min-height:48px;transition:border-color var(--fast), background-color var(--fast), box-shadow var(--fast);padding:4px 6px 4px 14px;display:flex}.quick-capture-input-box:focus-within{border-color:var(--color-focus);background:var(--color-card-solid);box-shadow:0 0 0 2px var(--color-fill-strong)}.quick-capture-input{min-width:0;height:100%;font-size:var(--text-base);color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.quick-capture-input::placeholder{color:var(--color-text-faint)}.quick-capture-btn{border-radius:calc(var(--radius-inner,8px) - 2px);height:38px;min-height:38px;font-size:var(--text-sm);cursor:pointer;background:var(--color-accent);color:var(--color-on-accent);transition:transform var(--fast), filter var(--fast);border:none;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:650;display:inline-flex}.quick-capture-btn:hover{filter:brightness(1.06)}.quick-capture-btn:active{transform:scale(.96)}.quick-capture-mic-btn{border-radius:calc(var(--radius-inner,8px) - 2px);width:38px;height:38px;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--fast), color var(--fast);background:0 0;border:none;flex:none;place-items:center;display:grid}.quick-capture-mic-btn:hover{background:var(--color-fill-strong);color:var(--color-danger)}.quick-capture-mic-btn svg{width:18px;height:18px}.quick-capture-actions-row{scrollbar-width:none;align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.quick-action-chip{border-radius:var(--radius-inner,8px);border:1px solid var(--color-line);background:var(--color-fill);min-width:fit-content;min-height:40px;color:var(--color-text);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--fast), border-color var(--fast), transform var(--fast);flex:auto;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:600;display:inline-flex}.quick-action-chip svg{width:16px;height:16px;color:var(--tone-ink,var(--color-text-muted))}.quick-action-chip:hover{background:var(--color-fill-strong);border-color:var(--color-line-strong);transform:translateY(-1px)}.quick-action-chip:active{transform:scale(.97)}.quick-starters-strip{scrollbar-width:none;border-top:.5px solid var(--color-line);align-items:center;gap:6px;padding-top:6px;display:flex;overflow-x:auto}.quick-starter-label{font-size:var(--text-xs);color:var(--color-text-faint);flex:none;margin-right:4px;font-weight:700}.quick-starter-btn{border-radius:var(--radius-inner,8px);border:1px dashed var(--color-line);min-height:32px;color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:background-color var(--fast), color var(--fast), border-color var(--fast);background:0 0;flex:none;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.quick-starter-btn svg{width:14px;height:14px}.quick-starter-btn:hover{background:var(--color-fill);color:var(--color-text);border-style:solid;border-color:var(--color-focus)}.settings-backdrop{width:100%}@media (width<=63.99em){.settings-backdrop{z-index:var(--z-modal);background:var(--color-scrim);flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.settings-sheet{background:var(--color-bg);overscroll-behavior:contain;height:90dvh;max-height:90dvh;box-shadow:0 -8px 32px color-mix(in srgb, var(--color-scrim) 40%, transparent);padding-bottom:calc(var(--safe-bottom) + 32px);border-radius:24px 24px 0 0;overflow-y:auto}.sheet-grab-bar{cursor:pointer;flex:none;justify-content:center;align-items:center;padding:10px 0 6px;display:flex}.sheet-grab{background:var(--color-fill-strong);border-radius:3px;width:36px;height:5px}}@media (width>=64em){.settings-backdrop{background:0 0;display:block;position:static}.settings-sheet{height:auto;max-height:none;box-shadow:none;background:0 0;border-radius:0;padding-bottom:0}.sheet-grab-bar{display:none}}.settings-body{gap:var(--space-4);align-items:start;display:grid}.settings-list-container{gap:var(--space-3);display:grid}.settings-hero-card{border-radius:var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-card);margin-bottom:var(--space-4);box-sizing:border-box;text-align:start;align-items:center;gap:16px;width:100%;padding:16px 20px;display:flex}.settings-hero-card.is-clickable{cursor:pointer;transition:transform var(--fast) var(--ease), background-color var(--fast)}.settings-hero-card.is-clickable:hover{background-color:var(--color-fill)}.settings-hero-card.is-clickable:active{transform:scale(.985)}.hero-avatar{background:var(--color-accent);width:56px;height:56px;color:var(--color-on-accent);box-shadow:0 4px 12px color-mix(in srgb, var(--color-accent) 40%, transparent);border-radius:50%;flex:none;place-items:center;font-size:20px;font-weight:800;display:grid}.hero-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hero-name{font-size:var(--text-lg);color:var(--color-text);letter-spacing:-.02em;margin:0;font-weight:750}.hero-sub{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:6px;margin:0;font-weight:600;display:flex}.hero-status-dot{background:var(--color-success);border-radius:50%;width:7px;height:7px}.settings-hero-card>svg:last-child{width:18px;height:18px;color:var(--color-text-faint);flex:none;rotate:180deg}.profile-row,.profile-hero-row{align-items:center;gap:14px;padding:14px 16px;display:flex}.avatar-preview{background:var(--color-accent);width:56px;height:56px;color:var(--color-on-accent);box-shadow:0 4px 12px color-mix(in srgb, var(--color-accent) 40%, transparent);border-radius:50%;flex:none;place-items:center;font-size:20px;font-weight:800;display:grid;overflow:hidden}.avatar-preview .avatar-img,.hero-avatar .avatar-img,.avatar-chip .avatar-img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.profile-hero-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-hero-name{font-size:var(--text-md);color:var(--color-text);font-weight:700}.profile-hero-sub{font-size:var(--text-xs);color:var(--color-text-faint);font-weight:600}.avatar-modal-backdrop{z-index:var(--z-modal);background:var(--color-scrim);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.avatar-modal-sheet{background:var(--color-card-solid);border-radius:var(--radius-outer,12px);width:100%;max-width:380px;box-shadow:var(--glass-shadow);flex-direction:column;gap:14px;padding:18px;display:flex}.avatar-modal-head{justify-content:space-between;align-items:center;display:flex}.avatar-modal-title{font-size:var(--text-md);color:var(--color-text);font-weight:750}.emoji-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:6px 0;display:grid}.emoji-btn{border-radius:var(--radius-inner,8px);background:var(--color-fill);cursor:pointer;height:46px;transition:transform var(--fast), background-color var(--fast);place-items:center;font-size:24px;display:grid}.emoji-btn:hover{background:var(--color-fill-strong);transform:scale(1.08)}.settings-input{box-sizing:border-box;--h:44px;width:100%;height:var(--h);min-height:var(--h);border-radius:var(--radius-control-inner);border:1px solid var(--color-line);background:var(--color-fill);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--fast), background-color var(--fast);outline:none;padding:0 14px}.settings-input:focus{border-color:var(--color-focus);background:var(--color-card-solid);box-shadow:0 0 0 2px var(--color-fill-strong)}.settings-field-block{padding:var(--space-2) var(--space-3) var(--space-3);flex-direction:column;gap:6px;display:flex}.settings-field-block label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:700}.settings-banner{gap:var(--space-3);padding:var(--space-3) var(--space-4);margin:0 var(--space-2) var(--space-3);border-radius:var(--radius-card);background:var(--color-fill);font-size:var(--text-sm);color:var(--color-text-muted);align-items:flex-start;line-height:1.45;display:flex}.settings-banner svg{width:20px;height:20px;color:var(--color-accent-deep);flex:none;margin-top:1px}.settings-group{margin-bottom:var(--space-4)}.settings-group-title{padding:0 var(--space-3) 6px;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint);font-weight:700;display:block}.settings-list{border-radius:var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-card);display:grid;overflow:hidden}.settings-card{border-radius:var(--radius-card);background:var(--color-card);margin-bottom:var(--space-3);box-shadow:var(--shadow-card);display:grid;overflow:hidden}.settings-card .settings-row:not(:last-child),.settings-card .option:not(:last-child){box-shadow:inset 0 .5px 0 var(--color-separator,var(--color-fill-strong))}.settings-action-block{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.action-block-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.btn-action{border-radius:var(--radius-control-inner);background:var(--color-fill-strong);min-height:36px;color:var(--color-text);font-size:var(--text-sm);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;padding:0 14px;font-weight:600;display:inline-flex}.btn-action.primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-action:hover{filter:brightness(1.05)}.section-label{margin:var(--space-4) var(--space-2) var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:700}.section-label:first-of-type{margin-top:var(--space-2)}.settings-row{align-items:center;gap:var(--space-3);min-height:52px;padding:6px var(--space-3);text-align:start;display:flex}.settings-row+.settings-row{box-shadow:inset 0 .5px 0 var(--color-separator,var(--color-fill-strong))}.settings-row small{color:var(--color-text-faint);font-size:var(--text-sm);margin-inline-start:auto}.settings-row>svg:last-child{width:16px;height:16px;color:var(--color-text-faint);flex:none;rotate:180deg}.settings-row small+svg:last-child{margin-inline-start:0}.settings-row .row-label{flex-direction:column;flex:1;gap:2px;min-width:0;font-weight:600;display:flex}.settings-row .row-label b{font-weight:650}.settings-row .row-label .option-note{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:400}.settings-row small~.row-label{flex:none}.settings-row.danger{color:var(--color-danger)}.settings-row.is-static{cursor:default}.settings-row.is-static:hover{background:0 0}.settings-row.is-static>svg:last-child{rotate:0deg}.status-pill{border-radius:var(--radius-inner,8px);font-size:var(--text-xs);align-items:center;gap:6px;margin-inline-start:auto;padding:4px 10px;font-weight:700;display:inline-flex}.status-pill.green{background:color-mix(in srgb, var(--color-success) 14%, transparent);color:var(--color-success)}.status-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.status-dot.green{background:var(--color-success)}.settings-shortcuts-list{flex-direction:column;gap:8px;max-height:380px;padding:4px 0;display:flex;overflow-y:auto}.settings-shortcut-item{border-radius:var(--radius-inner,8px);background:var(--color-fill);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.settings-shortcut-item span{font-size:var(--text-sm);color:var(--color-text);font-weight:550}.settings-kbd{background:var(--color-card-solid);border:1px solid var(--color-line);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--text-xs);color:var(--color-text);box-shadow:0 1px 2px color-mix(in srgb, var(--color-scrim) 8%, transparent);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-weight:700;display:inline-flex}.settings-install-banner{border-radius:var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-card);margin-bottom:var(--space-4);box-sizing:border-box;text-align:start;align-items:center;gap:14px;width:100%;padding:14px 16px;display:flex}.install-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.install-banner-title{font-size:var(--text-base);color:var(--color-text);font-weight:700}.install-banner-sub{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.35}.install-steps{flex-direction:column;gap:12px;padding:8px 0;display:flex}.install-step-card{border-radius:var(--radius-inner,8px);background:var(--color-fill);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.install-step-card b{font-size:var(--text-sm);color:var(--color-text);align-items:center;gap:6px;display:flex}.install-step-card ol{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;padding-left:20px;line-height:1.6}.settings-tile{border-radius:calc(30px / var(--radius-ratio));background:color-mix(in srgb, var(--tone) 16%, transparent);width:30px;height:30px;color:var(--tone-ink);flex:none;place-items:center;display:grid}.settings-tile svg{width:18px;height:18px}.settings-detail{width:100%;max-width:680px;padding:var(--space-1) 0 var(--space-6);box-sizing:border-box;margin:0 auto}.settings-title{padding:0 var(--space-3) var(--space-1);font-size:var(--text-xl);font-weight:var(--weight-heading);letter-spacing:-.01em}.settings-row[aria-current=true]{background:color-mix(in srgb, var(--tone) 14%, var(--color-card))}[data-font-scale=small]{font-size:14px}[data-font-scale=large]{font-size:18px}[data-density=compact] .note-list{gap:4px}[data-density=compact] .row,[data-density=compact] .option{min-height:40px}[data-density=compact] .settings-row{min-height:44px}[data-borders=true] .island,[data-borders=true] .card,[data-borders=true] .settings-card,[data-borders=true] .settings-list,[data-borders=true] .settings-profile-card{border:1px solid var(--color-line-strong)}[data-reduced-motion=true] *{transition-duration:.01ms!important;animation-duration:.01ms!important}[data-high-contrast=true]{--color-line:var(--color-line-strong);--color-text-muted:var(--color-text);--color-text-faint:var(--color-text-muted)}[data-editor-font=serif] .editor-text,[data-editor-font=serif] .editor-view{font-family:New York,Georgia,Times New Roman,serif}[data-editor-font=mono] .editor-text,[data-editor-font=mono] .editor-view{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}[data-editor-width=narrow] .editor-body{max-width:600px;margin-inline:auto}[data-editor-width=normal] .editor-body{max-width:760px;margin-inline:auto}[data-editor-width=full] .editor-body{max-width:100%}@media (width>=64em){.settings-body{gap:var(--space-6);transition:grid-template-columns var(--fast) var(--ease);grid-template-columns:minmax(280px,340px) 1fr;align-items:start}.settings-page[data-sidebar-collapsed=true] .settings-body{grid-template-columns:1fr}.settings-page[data-sidebar-collapsed=true] .settings-list-container{display:none}.settings-list-container{top:var(--space-4);position:sticky}.settings-detail{width:100%;max-width:680px;padding:var(--space-1) 0 var(--space-8);transition:max-width var(--fast) var(--ease);margin:0 auto}.settings-page[data-sidebar-collapsed=true] .settings-detail{max-width:1040px}}.conflict-who{padding:0 var(--space-3) var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.conflict-tag{margin-inline-start:auto}.diff{margin:var(--space-2) var(--space-3);border-radius:var(--radius-row);background:var(--color-card);font-size:var(--text-sm);overflow:hidden}.diff-line{gap:var(--space-2);padding:3px var(--space-3);white-space:pre-wrap;overflow-wrap:anywhere;display:flex}.diff-line.is-add{background:color-mix(in srgb, var(--color-success) 18%, transparent)}.diff-line.is-del{background:color-mix(in srgb, var(--color-danger) 16%, transparent)}.diff-mark{flex:none;width:1ch;font-weight:700}.task-group{margin-top:var(--space-3);padding:var(--space-1) var(--space-3) var(--space-2);border-radius:var(--radius-card);background:var(--color-card)}.task-note{text-align:start;width:100%;min-height:var(--tap);font-size:var(--text-base);color:var(--color-text);padding-inline:0}.task-item{padding-block:max(0px, (var(--tap) - 1.55em) / 2)}.task-item[data-checked="1"]>span{color:var(--color-text-muted);text-decoration:line-through}.task-toggle{margin:var(--space-4) 0}.lib-section{margin-top:var(--space-5)}.lib-tiles{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.lib-tile{--h:104px;min-height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio) / 1.5);text-align:start;background:var(--color-card);grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:start;gap:6px;padding:12px;display:grid}.lib-tile[aria-pressed=true]{background:color-mix(in srgb, var(--tone) 12%, var(--color-card));box-shadow:inset 0 0 0 1.5px var(--tone-ink)}.lib-tile>svg{width:24px;height:24px;color:var(--tone-ink)}.lib-tile b{font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:800}.lib-tile>span:last-child{font-size:var(--text-sm);grid-column:1/-1;align-self:end;font-weight:650}.lib-tiles.is-small .lib-tile{--h:64px;grid-template-rows:none;grid-template-columns:auto 1fr auto;align-items:center}.lib-tiles.is-small .lib-tile>span:last-child{grid-area:1/2;align-self:center}.lib-tiles.is-small .lib-tile b{font-size:var(--text-md);grid-area:1/3}.lib-folders{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.lib-folder{--h:96px;min-height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio) / 2) calc(var(--h) / var(--radius-ratio) / 2) calc(var(--h) / var(--radius-ratio) / 1.5) calc(var(--h) / var(--radius-ratio) / 1.5);text-align:start;color:var(--color-text);background:linear-gradient(170deg, color-mix(in srgb, var(--folder-dot,var(--tone-gray)) 20%, var(--color-card-solid)), var(--color-card-solid) 85%);flex-direction:column;gap:4px;margin-top:8px;padding:22px 14px 12px;display:flex;position:relative}.lib-folder:before{content:"";background:color-mix(in srgb, var(--folder-dot,var(--tone-gray)) 32%, var(--color-card-solid));border-radius:10px 10px 0 0;width:44%;height:14px;position:absolute;top:-8px;left:0}.lib-folder[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--folder-dot,var(--tone-gray))}.lib-folder-name{font-weight:750;font-size:var(--text-md);color:var(--folder-text,var(--color-text));text-overflow:ellipsis;white-space:nowrap;padding-right:28px;overflow:hidden}.lib-folder>b{font-size:var(--text-sm);color:var(--color-text-muted);position:absolute;top:18px;right:14px}.lib-peek{gap:2px;margin-top:auto;display:grid}.lib-peek i{font-style:normal;font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lib-folder.is-new{border:1px dashed var(--color-line-strong);color:var(--color-text-muted);font-size:var(--text-sm);background:0 0;justify-content:center;align-items:center;gap:6px;font-weight:650}.lib-folder.is-new:before{display:none}.lib-cloud{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.lib-tag{--h:calc(32px + var(--weight) * 12px);min-height:var(--h);padding:0 calc(10px + var(--weight) * 6px);border-radius:calc(var(--h) / var(--radius-ratio));font-size:calc(var(--text-sm) + var(--weight) * 7px);font-weight:calc(550 + var(--weight) * 250);color:var(--color-select);line-height:var(--h);align-items:baseline;gap:4px;display:inline-flex}.lib-tag small{font-size:var(--text-xs);color:var(--color-text-faint);font-weight:600}.lib-tag[aria-pressed=true]{background:var(--color-select-tint);box-shadow:inset 0 0 0 1.5px var(--color-select)}.lib-rows{padding:var(--space-1);border-radius:var(--radius-panel);background:var(--color-card);gap:2px;display:grid}.filter-scope-shelf{scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px var(--gutter,16px) var(--space-2);margin-top:calc(-1 * var(--space-1));margin-bottom:var(--space-2);box-sizing:border-box;align-items:center;gap:8px;max-width:100%;display:flex;overflow-x:auto}.filter-scope-shelf::-webkit-scrollbar{display:none}.scope-pill{border-radius:var(--radius-inner,8px);background:var(--color-card);border:1px solid var(--color-line);height:38px;min-height:38px;color:var(--color-text);font-size:var(--text-sm);cursor:pointer;box-shadow:var(--shadow-card);transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), transform var(--fast) var(--ease);flex:none;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.scope-pill svg{width:16px;height:16px;color:var(--color-text-muted);flex:none}.scope-pill .scope-count{font-size:var(--text-xs);background:var(--color-fill);color:var(--color-text-muted);border-radius:999px;padding:2px 6px;font-weight:700}.scope-pill.is-active{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent);box-shadow:0 2px 8px color-mix(in srgb, var(--color-accent) 35%, transparent)}.scope-pill.is-active svg{color:var(--color-on-accent)}.scope-pill.is-active .scope-count{background:color-mix(in srgb, var(--color-on-accent) 22%, transparent);color:var(--color-on-accent)}.scope-pill .scope-clear-icon{width:12px;height:12px;margin-inline-start:2px}.scope-pill:hover:not(.is-active){background:var(--color-fill);border-color:var(--color-line-strong)}.scope-pill:active{transform:scale(.96)}.card-progress{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-faint);margin-top:2px;display:flex}.card-progress .progress-track{height:4px}.card-progress.is-done{color:var(--color-success)}.card-progress.is-done .progress-fill{background:var(--color-success)}.card-progress .progress-fill{background:var(--color-text-faint)}.note-tools{scrollbar-width:none;margin:calc(-1 * var(--space-2)) calc(-1 * var(--gutter,16px)) var(--space-4);padding-inline:var(--gutter,16px);flex-wrap:nowrap;overflow-x:auto}.note-tools .chip{flex:none}.chip-group{display:contents}:where(.icon-btn,.tab-btn,.action-btn,.fab,.chip,.pill,.tile,.lib-tile,.lib-folder,.lib-tag,.widget,.card,.btn,.text-btn,.row,.option,.back-chip,.folder-chip,.swatch,.card-more,.search-clear,.player-btn,.player-play,.wave-play,.first-action,.starter){transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease), box-shadow var(--base) var(--ease), transform var(--fast) var(--ease), translate var(--base) var(--ease), filter var(--fast) var(--ease)}:where(.icon-btn,.tab-btn,.action-btn,.fab,.chip,.pill,.tile,.lib-tile,.lib-folder,.lib-tag,.widget,.btn,.text-btn,.back-chip,.folder-chip,.swatch,.card-more,.search-clear,.player-btn,.player-play,.wave-play,.first-action,.starter):active:not(:disabled){transform:scale(.94)}:where(.island .icon-btn,.tab-btn,.action-btn,.row:not(.row-static),.option):active:not(:disabled){background-color:var(--color-fill-strong)}:where(.card-more,.wave-play,.search-clear,.back-chip,.folder-chip,.swatch,.player-btn,.att-remove,.toast button,.header-tools .icon-btn,.segmented button){position:relative}:where(.card-more,.wave-play,.search-clear,.back-chip,.folder-chip,.swatch,.player-btn,.att-remove,.toast button,.header-tools .icon-btn,.segmented button):after{content:"";width:max(100%, var(--tap));height:max(100%, var(--tap));position:absolute;top:50%;left:50%;translate:-50% -50%}@media (hover:hover) and (pointer:fine){:where(.icon-btn,.tab-btn,.action-btn,.text-btn,.row:not(.row-static),.option,.back-chip,.card-more,.search-clear):hover:not(:disabled){background-color:var(--color-fill)}:where(.chip,.pill,.folder-chip,.btn:not(.primary),.player-btn,.lib-tag):hover:not(:disabled){background-color:var(--color-fill-strong)}:where(.tile,.lib-tile,.lib-folder,.widget,.card,.first-action,.starter):hover{box-shadow:inset 0 0 0 1px var(--color-line-strong)}:where(.first-action,.starter):hover{background-color:var(--color-fill-strong)}:where(.fab,.btn.primary,.player-play,.wave-play):hover{filter:brightness(1.06)}}.tab-btn:is([aria-pressed=true],[aria-current=page]) svg{animation:nudge var(--slow) var(--ease)}@keyframes nudge{40%{transform:scale(1.14)}}@media (prefers-reduced-transparency:reduce){:root{--glass:var(--glass-strong);--glass-blur:none}:is(.dock,.editor-dock) .island.glass,.header-tools.glass,.search-chips .chip.glass,.sheet.glass{background:var(--color-card-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.scrim{background:var(--color-scrim);-webkit-backdrop-filter:none;backdrop-filter:none}.editor{background:var(--color-bg);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.ambient,.icon-btn.is-recording,.rec-dot{animation:none}}@media (prefers-contrast:more){:is(.dock,.editor-dock) .island.glass,.header-tools.glass,.search-chips .chip.glass,.sheet.glass,.layer.glass,.toast.glass{background:var(--color-card-solid);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--color-line-strong)}.card,.widget,.lib-tile,.first-use{border:1px solid var(--color-line-strong)}:focus-visible{outline-width:3px}}@media (forced-colors:active){.glass,.card,.chip,.tile,.lib-tile,.lib-folder,.widget,.segmented,.starter,.first-action{border:1px solid canvastext}:is(.tab-btn,.row,.chip,.lib-tile,.lib-folder,.lib-tag,.swatch)[aria-pressed=true],.tab-btn[aria-current=page],.card.selected,.segmented [aria-checked=true]{outline-offset:-3px;outline:3px solid highlight}}.pwa-hero-box{text-align:center;border-radius:var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-card);margin-bottom:var(--space-4);border:1px solid var(--color-line);flex-direction:column;align-items:center;padding:24px 20px 20px;display:flex;position:relative;overflow:hidden}.pwa-hero-icon-wrap{margin-bottom:12px;position:relative}.pwa-hero-app-icon{background:var(--color-card-solid);border:1px solid var(--color-line-strong);width:58px;height:58px;box-shadow:0 4px 14px color-mix(in srgb, var(--color-scrim) 12%, transparent);border-radius:14px;place-items:center;display:grid}.pwa-hero-app-icon svg{width:30px;height:30px;color:var(--tone-green)}.pwa-hero-tag{background:var(--color-text);color:var(--color-bg);letter-spacing:.06em;white-space:nowrap;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:800;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.pwa-hero-title{font-size:var(--text-xl);color:var(--color-text);letter-spacing:-.02em;margin:0 0 4px;font-weight:750}.pwa-hero-sub{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 14px;font-weight:500}.pwa-badges-row{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.pwa-pill{border-radius:var(--radius-inner,8px);font-size:var(--text-xs);align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.pwa-pill.green{background:color-mix(in srgb, var(--tone-green) 12%, transparent);color:var(--tone-green)}.pwa-pill.blue{background:color-mix(in srgb, var(--tone-blue) 12%, transparent);color:var(--tone-blue)}.pwa-pill.purple{background:color-mix(in srgb, var(--tone-purple) 12%, transparent);color:var(--tone-purple)}.pwa-pill svg{stroke-width:2.4px;flex:none;width:13px;height:13px}.diag-card{border-radius:var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-card);margin-bottom:var(--space-4);gap:12px;padding:16px;display:grid}.diag-header{align-items:center;gap:12px;margin-bottom:2px;display:flex}.diag-title-block{flex:1;min-width:0}.diag-title-block b{font-size:var(--text-base);color:var(--color-text);font-weight:700;display:block}.diag-title-block span{font-size:var(--text-xs);color:var(--color-text-muted);display:block}.diag-score-pill{border-radius:var(--radius-inner,8px);background:color-mix(in srgb, var(--tone-blue) 12%, transparent);color:var(--tone-blue);font-size:var(--text-xs);flex:none;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:750}.diag-rows{gap:8px;display:grid}.diag-row{border-radius:var(--radius-inner,8px);border:1px solid color-mix(in srgb, var(--tone-green) 24%, var(--color-line));background:color-mix(in srgb, var(--tone-green) 5%, var(--color-fill));align-items:center;gap:12px;padding:10px 14px;display:flex}.diag-icon-check{background:var(--tone-green);width:24px;height:24px;color:var(--color-on-media);border-radius:50%;flex:none;place-items:center;display:grid}.diag-icon-check svg{stroke-width:3px;width:14px;height:14px}.diag-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.diag-meta b{font-size:var(--text-sm);color:var(--color-text);font-weight:650}.diag-meta span{font-size:var(--text-xs);color:var(--color-text-muted)}.diag-tag{font-size:var(--text-xs);background:color-mix(in srgb, var(--tone-green) 15%, transparent);color:var(--tone-green);border-radius:6px;flex:none;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.diag-footer{font-size:var(--text-xs);color:var(--color-text-faint);justify-content:space-between;align-items:center;padding-top:4px;display:flex}.diag-audit-btn{color:var(--tone-blue);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-weight:650;display:inline-flex}.diag-audit-btn:hover{text-decoration:underline}.storage-meter-wrap{padding:12px var(--space-3) 4px}.storage-meter-head{font-size:var(--text-xs);color:var(--color-text-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;display:flex}.storage-multi-bar{background:var(--color-fill-strong);border-radius:4px;width:100%;height:8px;display:flex;overflow:hidden}.storage-bar-seg{height:100%;transition:width var(--base) var(--ease)}.storage-bar-seg.blue{background:var(--tone-blue)}.storage-bar-seg.green{background:var(--tone-green)}.storage-bar-seg.orange{background:var(--tone-orange)}.storage-legend-row{padding:10px var(--space-3) 12px;flex-wrap:wrap;gap:12px;display:flex}.storage-legend-item{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:6px;font-weight:550;display:inline-flex}.storage-legend-dot{border-radius:50%;flex:none;width:7px;height:7px}.storage-legend-dot.blue{background:var(--tone-blue)}.storage-legend-dot.green{background:var(--tone-green)}.storage-legend-dot.orange{background:var(--tone-orange)}.storage-note-foot{font-size:var(--text-xs);color:var(--color-text-faint);padding:0 var(--space-3) var(--space-3);line-height:1.45;display:block}.cache-clear-action-btn{width:100%;min-height:48px;color:var(--color-danger);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--fast);background:0 0;border:none;justify-content:center;align-items:center;gap:8px;font-weight:650;display:flex}.cache-clear-action-btn:hover{background:color-mix(in srgb, var(--color-danger) 6%, transparent)}.cache-clear-action-btn svg{stroke-width:2.2px;width:18px;height:18px}.storage-action-box{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;padding:16px 18px;display:flex}.storage-action-head{align-items:flex-start;gap:14px;width:100%;display:flex}.storage-action-buttons{flex-wrap:wrap;gap:10px;width:100%;display:flex}.storage-action-buttons .btn-action{border-radius:var(--radius-inner,8px);flex:180px;gap:8px;min-height:44px}.settings-sidebar-foot{margin-top:var(--space-4);width:100%}.install-sidebar-card{border-radius:var(--radius-card,12px);background:var(--color-card);box-shadow:var(--shadow-card);border:1px solid var(--color-line);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.install-sidebar-card .install-head{align-items:center;gap:12px;display:flex}.license-modal-body{background:var(--color-fill);border-radius:var(--radius-inner,8px);max-height:380px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);color:var(--color-text-muted);white-space:pre-wrap;border:1px solid var(--color-line);margin:12px 0;padding:12px;line-height:1.6;overflow-y:auto}.att-actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.att-enhance{min-height:32px;font-size:var(--text-xs);border-radius:var(--radius-inner,8px);align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.qr-box,.qr-scan-box{gap:var(--space-2);flex-direction:column;display:flex}.qr-preview-wrap{padding:var(--space-4);background:var(--color-fill);border-radius:var(--radius-card,12px);margin:var(--space-2) 0;flex-direction:column;align-items:center;gap:12px;display:flex}.qr-image{border-radius:var(--radius-inner,8px);width:240px;height:240px;box-shadow:var(--shadow-card);background:var(--color-bg)}.qr-caption{font-size:var(--text-sm);color:var(--color-text);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-weight:650;overflow:hidden}.qr-loading{padding:var(--space-5);text-align:center;color:var(--color-text-muted)}.qr-camera-wrap{aspect-ratio:4/3;border-radius:var(--radius-card,12px);background:var(--color-ink);width:100%;max-height:320px;margin:var(--space-2) 0;position:relative;overflow:hidden}.qr-video{object-fit:cover;width:100%;height:100%}.qr-scan-target{pointer-events:none;position:absolute;inset:18%}.qr-target-corner{border-color:var(--color-primary);border-style:solid;width:20px;height:20px;position:absolute}.qr-target-corner.top-left{border-width:3px 0 0 3px;border-top-left-radius:6px;top:0;left:0}.qr-target-corner.top-right{border-width:3px 3px 0 0;border-top-right-radius:6px;top:0;right:0}.qr-target-corner.bottom-left{border-width:0 0 3px 3px;border-bottom-left-radius:6px;bottom:0;left:0}.qr-target-corner.bottom-right{border-width:0 3px 3px 0;border-bottom-right-radius:6px;bottom:0;right:0}.qr-scan-line{background:var(--color-primary);height:2px;box-shadow:0 0 8px var(--color-primary);position:absolute;top:50%;left:0;right:0}.sketch-layer-box{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.sketch-head{justify-content:space-between;align-items:center;display:flex}.sketch-actions-head{align-items:center;gap:4px;display:flex}.sketch-toolbar{background:var(--color-fill);border-radius:var(--radius-card,12px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.sketch-tools-group{align-items:center;gap:6px;display:flex}.sketch-tool-btn{min-height:36px;color:var(--color-text-muted);border-radius:var(--radius-inner,8px);font-size:var(--text-xs);cursor:pointer;transition:background-color var(--fast), color var(--fast);background:0 0;border:none;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.sketch-tool-btn.is-active{background:var(--color-card);color:var(--color-text);box-shadow:var(--shadow-chip)}.sketch-tool-btn svg{width:16px;height:16px}.sketch-palette{align-items:center;gap:8px;display:flex}.sketch-color-dot{cursor:pointer;width:24px;height:24px;transition:transform var(--fast);border:2px solid #0000;border-radius:50%}.sketch-color-dot.is-selected{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-primary);transform:scale(1.15)}.sketch-canvas-wrap{border-radius:var(--radius-card,12px);border:1px solid var(--color-line);width:100%;height:320px;box-shadow:inset 0 1px 3px color-mix(in srgb, var(--color-scrim) 8%, transparent);overflow:hidden}.sketch-canvas{touch-action:none;cursor:crosshair;background:var(--color-bg);width:100%;height:100%}.today-glance-bar{justify-content:space-between;align-items:center;gap:var(--space-2);margin:0 var(--space-4) var(--space-2);border-radius:var(--radius-card,12px);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-line);box-shadow:var(--shadow-card);font-size:var(--text-xs);box-sizing:border-box;min-height:38px;padding:6px 12px;display:flex}.today-glance-main{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.today-greeting{color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap}.today-greeting b{color:var(--color-text);font-weight:700}.today-dot{color:var(--color-text-faint);-webkit-user-select:none;user-select:none}.today-action-chip{border-radius:var(--radius-inner,8px);background:color-mix(in srgb, var(--tone,var(--color-primary)) 12%, transparent);color:var(--color-text);border:1px solid color-mix(in srgb, var(--tone,var(--color-primary)) 24%, transparent);cursor:pointer;min-width:0;max-width:100%;font-size:var(--text-xs);transition:transform var(--fast) var(--ease), background var(--fast);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.today-action-chip:hover{background:color-mix(in srgb, var(--tone,var(--color-primary)) 20%, transparent)}.today-action-chip:active{transform:scale(.98)}.today-action-chip svg{width:14px;height:14px;color:var(--tone,var(--color-primary));flex:none}.today-action-label{color:var(--color-text-muted);font-weight:500}.today-action-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.today-action-detail{color:var(--color-text-faint);white-space:nowrap}.today-secondary-items{flex:none;align-items:center;gap:6px;display:flex}.today-pill{border-radius:var(--radius-inner,8px);background:var(--color-fill);border:1px solid var(--color-line);color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--fast);align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.today-pill:hover{color:var(--color-text);background:var(--color-card)}.today-pill svg{width:12px;height:12px;color:var(--tone,var(--color-primary))}@media (width<=40em){.today-secondary-items,.today-action-detail{display:none}}.changelog-portal{gap:var(--space-4);flex-direction:column;display:flex}.changelog-hero{padding:var(--space-2) 0 var(--space-4);border-bottom:1px solid var(--color-line);flex-direction:column;gap:8px;display:flex}.changelog-hero-badge{border-radius:var(--radius-inner,8px);background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-primary);letter-spacing:.03em;text-transform:uppercase;align-self:flex-start;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.changelog-pulse-dot{background:var(--color-primary);border-radius:50%;width:6px;height:6px}.changelog-hero-title{font-size:var(--text-xl);color:var(--color-text);letter-spacing:-.02em;margin:0;font-weight:800}.changelog-hero-sub{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.changelog-toolbar{flex-direction:column;gap:10px;margin-top:8px;display:flex}.changelog-search-bar{border-radius:var(--radius-inner,8px);background:var(--color-fill);border:1px solid var(--color-line);align-items:center;gap:8px;padding:8px 12px;display:flex}.changelog-search-bar svg{width:16px;height:16px;color:var(--color-text-muted);flex:none}.changelog-search-field{color:var(--color-text);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.changelog-filter-row{flex-wrap:wrap;gap:6px;display:flex}.changelog-filter-chip{border-radius:var(--radius-inner,8px);background:var(--color-fill);color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--fast);border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:inline-flex}.changelog-filter-chip:hover{background:color-mix(in srgb, var(--color-text) 8%, var(--color-fill));color:var(--color-text)}.changelog-filter-chip.is-active{background:var(--color-card);color:var(--color-text);border-color:var(--color-line);box-shadow:var(--shadow-card)}.changelog-tab-count{background:color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:10px;padding:1px 6px;font-size:10px}.changelog-empty-state{text-align:center;color:var(--color-text-muted);flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.changelog-empty-state svg{width:32px;height:32px;color:var(--color-text-faint)}.changelog-empty-state b{font-size:var(--text-md);color:var(--color-text)}.changelog-empty-state p{font-size:var(--text-sm);margin:0}:root[data-look=acrylic]{--glass:light-dark(#f6f7f9b8,#2a2b30b8);--glass-strong:light-dark(#f8f9fbe0,#26272cdc);--glass-sheet:light-dark(#f8f9fbf5,#1d1e22f5);--glass-dock:light-dark(#f4f5f8eb,#2a2b30eb);--glass-edge:light-dark(#0000001a,#ffffff1f);--glass-blur:blur(32px) saturate(120%);--glass-shine:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .55 0 0 0 0 .55 .14 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--glass-shadow:0 1px 0 light-dark(#0000000a,#0000001f), 0 8px 28px light-dark(#12183024,#00000080)}:root[data-look=paper]{--leading:1.55;--color-bg:light-dark(#f7f4ec,#121110);--ambient-1:var(--color-bg);--ambient-2:var(--color-bg);--ambient-3:var(--color-bg);--color-card:light-dark(#fffdf7,#1c1a17);--color-card-solid:var(--color-card);--color-editor:var(--color-card);--color-text:light-dark(#1f1b16,#f3efe6);--color-text-muted:light-dark(#4a4339,#bdb5a7);--color-text-faint:light-dark(#5f574b,#a39b8d);--color-focus:var(--color-text);--color-on-accent:#1f1b16;--color-select:light-dark(#2f5bd3,#8aa6f2);--color-danger:light-dark(#c8322b,#ff7a6e);--color-highlight:light-dark(#f6e2a2,#4d3d12);--color-scrim:light-dark(#1f1b1633,#000000a6);--glass:var(--color-card);--glass-strong:var(--color-card);--glass-edge:var(--color-line);--glass-blur:none;--glass-shine:none;--glass-shadow:0 0 0 1px var(--color-line);--color-accent-glow:0 0 transparent;--radius-ratio:4.8}:root[data-accent=apricot]{--color-accent:var(--accent-apricot);--color-accent-deep:light-dark(#9a4a0f,#f8a76b);--color-on-accent:#2a1505;--color-accent-glow:0 8px 24px light-dark(#f59e5b70,#f59e5b40)}:root[data-accent=lilac]{--color-accent:var(--accent-lilac);--color-accent-deep:light-dark(#5b3fc4,#c3b1f7);--color-on-accent:#1d1433;--color-accent-glow:0 8px 24px light-dark(#b9a2f570,#b9a2f540)}:root[data-look=paper][data-accent=apricot],:root[data-look=paper][data-accent=lilac]{--color-accent-glow:0 0 transparent}.accent-dot{--h:12px;width:var(--h);height:var(--h);border-radius:calc(var(--h) / var(--radius-ratio));background:var(--accent-amber);box-shadow:inset 0 0 0 1px var(--color-line-strong);display:inline-block}.accent-dot[data-accent=apricot]{background:var(--accent-apricot)}.accent-dot[data-accent=lilac]{background:var(--accent-lilac)}@media (prefers-contrast:more){:root[data-look=paper]{--color-text-muted:light-dark(#2e2820,#d8d1c4);--color-text-faint:light-dark(#3d362c,#c4bcae)}:root[data-accent=apricot]{--color-accent-deep:light-dark(#7a3a08,#f8a76b)}:root[data-accent=lilac]{--color-accent-deep:light-dark(#4a30a8,#c3b1f7)}}@media (prefers-reduced-transparency:reduce){:root,:root[data-look]{--glass:var(--glass-strong);--glass-blur:none}}