@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/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(/assets/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}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.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{--paper-0:#fff;--paper-50:#fbf9f6;--paper-100:#f6f3ee;--paper-150:#f0ece5;--paper-200:#e7e2d9;--paper-300:#d8d0c3;--paper-400:#b9b0a2;--paper-500:#8b8377;--paper-600:#686157;--paper-700:#4d4740;--paper-800:#35312c;--paper-900:#22201c;--teal-50:#e7f3f1;--teal-100:#cfe8e4;--teal-500:#14867e;--teal-600:#0f6e68;--teal-700:#0b5a55;--bg-canvas:var(--paper-100);--bg-surface:var(--paper-0);--bg-sunken:var(--paper-150);--bg-hover:var(--paper-150);--bg-pressed:var(--paper-200);--bg-inverse:var(--paper-900);--bg-scrim:#22201c70;--bg-viewer:var(--paper-200);--fg-primary:var(--paper-900);--fg-secondary:var(--paper-600);--fg-tertiary:var(--paper-500);--fg-inverse:#fff;--fg-on-accent:#fff;--border-subtle:var(--paper-200);--border-default:var(--paper-300);--border-strong:var(--paper-400);--accent:var(--teal-600);--accent-hover:var(--teal-700);--accent-subtle:var(--teal-50);--accent-subtle-fg:var(--teal-700);--focus-ring:0 0 0 3px #0f6e684d;--danger:#c0361c;--danger-hover:#a02c16;--danger-subtle:#fceae6;--success:#2e7d3a;--success-subtle:#e6f3e8;--warning-subtle:#fdf1d8;--warning-fg:#8a5800;--tag-coral-bg:#fde8e2;--tag-coral-fg:#a3391d;--tag-coral-dot:#e4643f;--tag-amber-bg:#fcefd2;--tag-amber-fg:#845500;--tag-amber-dot:#e0a01b;--tag-lime-bg:#e7f2d6;--tag-lime-fg:#43660f;--tag-lime-dot:#78ad2a;--tag-teal-bg:#dcf0ec;--tag-teal-fg:#0d6660;--tag-teal-dot:#1c9e91;--tag-sky-bg:#e0edfa;--tag-sky-fg:#1c5a99;--tag-sky-dot:#3b88d6;--tag-violet-bg:#ebe5f9;--tag-violet-fg:#5838a2;--tag-violet-dot:#8a66d6;--tag-pink-bg:#fae3ee;--tag-pink-fg:#9d2a62;--tag-pink-dot:#d85893;--tag-slate-bg:#e8e9ec;--tag-slate-fg:#444c5c;--tag-slate-dot:#7c8493;--type-pdf-bg:#fde7e1;--type-pdf-fg:#b8381c;--type-image-bg:#e1edf9;--type-image-fg:#255f9c;--type-document-bg:#e2e9f8;--type-document-fg:#2b56a6;--type-presentation-bg:#fcedd9;--type-presentation-fg:#a85a06;--type-spreadsheet-bg:#e3f1e3;--type-spreadsheet-fg:#2f7433;--type-audio-bg:#ede6fa;--type-audio-fg:#6441b8;--type-video-bg:#fae3ed;--type-video-fg:#a8336a;--type-text-bg:#eaecef;--type-text-fg:#4a5361;--type-archive-bg:#ece8e1;--type-archive-fg:#5e574d;--type-other-bg:#ece8e1;--type-other-fg:#5e574d;--type-link-bg:#dff1ee;--type-link-fg:#0d6b64;--type-note-bg:#fff4c4;--type-note-fg:#7a5f00;--font-ui:"Figtree Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Bricolage Grotesque Variable", var(--font-ui);--text-xs:12px;--text-sm:13.5px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--weight-regular:430;--weight-medium:530;--weight-semibold:630;--weight-bold:720;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--shadow-sm:0 1px 2px #22201c0f;--shadow-md:0 1px 2px #22201c0d, 0 4px 14px #22201c14;--shadow-lg:0 2px 6px #22201c0f, 0 14px 36px #22201c24;--tap-min:44px;--tap-large:52px;--control-h:40px;--header-h:56px;--nav-h:58px;--sidebar-w:268px;--z-sticky:10;--z-header:20;--z-nav:30;--z-popover:40;--z-modal:50;--z-lightbox:60;--z-toast:70;--dur-fast:.11s;--dur-base:.17s;--ease-out:cubic-bezier(.2, .7, .2, 1)}@media (width<=767px){:root{--text-sm:14px;--text-base:16px;--control-h:var(--tap-min)}}:root,[data-theme=sea]{--accent:#0f6e68;--accent-hover:#0b5a55;--accent-subtle:#e2f2ef;--accent-subtle-fg:#0b5a55;--focus-ring:0 0 0 3px #0f6e684d;--bg-canvas:#f3f7f5;--wash-a:#bfe8df;--wash-b:#cfe3f7;--wash-c:#fde9b8;--deco-1:#2bb3a3;--deco-2:#5aa9e6;--deco-3:#f6c445;--deco-4:#f08a6b;--hero-from:#d8f1ec;--hero-to:#e3eefb;--theme-color:#f3f7f5}[data-theme=spring]{--accent:#217a47;--accent-hover:#196139;--accent-subtle:#e3f4e6;--accent-subtle-fg:#196139;--focus-ring:0 0 0 3px #217a474d;--bg-canvas:#f4f8ef;--wash-a:#cdeeb9;--wash-b:#fbd3e4;--wash-c:#fff0a8;--deco-1:#6cc05a;--deco-2:#f288b4;--deco-3:#f7cb3f;--deco-4:#9fd6f5;--hero-from:#e1f5d4;--hero-to:#fde4ee;--theme-color:#f4f8ef}[data-theme=summer]{--accent:#0a74a0;--accent-hover:#075d80;--accent-subtle:#dff1f8;--accent-subtle-fg:#075d80;--focus-ring:0 0 0 3px #0a74a04d;--bg-canvas:#fdf9ec;--wash-a:#ffe28a;--wash-b:#aee3f5;--wash-c:#ffc2a6;--deco-1:#ffc531;--deco-2:#30b3df;--deco-3:#ff8a5c;--deco-4:#5cc98a;--hero-from:#fff1bf;--hero-to:#d7f1fb;--theme-color:#fdf9ec}[data-theme=autumn]{--accent:#b9501a;--accent-hover:#9a4214;--accent-subtle:#fbeadc;--accent-subtle-fg:#9a4214;--focus-ring:0 0 0 3px #b9501a4d;--bg-canvas:#fbf5ec;--wash-a:#ffd3a6;--wash-b:#f7b9a8;--wash-c:#f5dd9a;--deco-1:#ee8a2b;--deco-2:#d9493c;--deco-3:#e7b02f;--deco-4:#a0703f;--hero-from:#ffe6cc;--hero-to:#fcdcd2;--theme-color:#fbf5ec}[data-theme=winter]{--accent:#2b5cc0;--accent-hover:#224aa0;--accent-subtle:#e4ecfb;--accent-subtle-fg:#224aa0;--focus-ring:0 0 0 3px #2b5cc04d;--bg-canvas:#f1f5fb;--wash-a:#c7defa;--wash-b:#ddd4fb;--wash-c:#d3f1f7;--deco-1:#6fb4ee;--deco-2:#9a86ea;--deco-3:#9fdcec;--deco-4:#f3c65a;--hero-from:#dde9fb;--hero-to:#e9e3fc;--theme-color:#f1f5fb}[data-theme=meadow]{--accent:#3f7d1f;--accent-hover:#336619;--accent-subtle:#e8f3dc;--accent-subtle-fg:#336619;--focus-ring:0 0 0 3px #3f7d1f4d;--bg-canvas:#f5f8ef;--wash-a:#d6efb5;--wash-b:#f7ec9e;--wash-c:#c3ead8;--deco-1:#86c34a;--deco-2:#f4c93b;--deco-3:#4fb58f;--deco-4:#f28f6b;--hero-from:#e5f4cf;--hero-to:#fbf2c4;--theme-color:#f5f8ef}[data-theme=lavender]{--accent:#6a45c2;--accent-hover:#5836a5;--accent-subtle:#eee8fb;--accent-subtle-fg:#5836a5;--focus-ring:0 0 0 3px #6a45c24d;--bg-canvas:#f6f3fb;--wash-a:#dccffb;--wash-b:#fbd2e6;--wash-c:#cfe3fb;--deco-1:#9b7ce8;--deco-2:#ef8fbd;--deco-3:#7fb9ee;--deco-4:#f5c451;--hero-from:#e9e0fc;--hero-to:#fce1ee;--theme-color:#f6f3fb}[data-theme=berry]{--accent:#b52f6e;--accent-hover:#972559;--accent-subtle:#fbe4ef;--accent-subtle-fg:#972559;--focus-ring:0 0 0 3px #b52f6e4d;--bg-canvas:#fcf3f6;--wash-a:#fcc9df;--wash-b:#ffd9b8;--wash-c:#e3d4fb;--deco-1:#e8609e;--deco-2:#ff9f6e;--deco-3:#a987ec;--deco-4:#f7c948;--hero-from:#fde0ec;--hero-to:#ffe8d6;--theme-color:#fcf3f6}[data-theme=sunshine]{--accent:#a15c00;--accent-hover:#844b00;--accent-subtle:#fdf0d4;--accent-subtle-fg:#844b00;--focus-ring:0 0 0 3px #a15c004d;--bg-canvas:#fdf8ea;--wash-a:#ffe58f;--wash-b:#ffcfa1;--wash-c:#c9ecb6;--deco-1:#ffc629;--deco-2:#ff9447;--deco-3:#7ccf64;--deco-4:#5bb8e8;--hero-from:#fff0b8;--hero-to:#ffe2c7;--theme-color:#fdf8ea}[data-theme=sky]{--accent:#1f68b5;--accent-hover:#185493;--accent-subtle:#e2eefb;--accent-subtle-fg:#185493;--focus-ring:0 0 0 3px #1f68b54d;--bg-canvas:#f2f7fc;--wash-a:#c5e1fa;--wash-b:#c9f0e6;--wash-c:#ffe4a8;--deco-1:#4d9fe8;--deco-2:#43c2a8;--deco-3:#ffc94a;--deco-4:#f58c8c;--hero-from:#daebfc;--hero-to:#d8f5ec;--theme-color:#f2f7fc}.app{background:radial-gradient(60vmax 45vmax at 100% 0%, color-mix(in srgb, var(--wash-a) 55%, transparent), transparent 70%), radial-gradient(50vmax 40vmax at 0% 100%, color-mix(in srgb, var(--wash-b) 45%, transparent), transparent 70%), radial-gradient(40vmax 30vmax at 15% 10%, color-mix(in srgb, var(--wash-c) 35%, transparent), transparent 70%), var(--bg-canvas)}*,:before,:after{box-sizing:border-box}body{background:var(--bg-canvas);color:var(--fg-primary);font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;margin:0;line-height:1.45}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:-.01em;margin:0;line-height:1.2}p{margin:0}strong,b{font-weight:var(--weight-bold)}@media (width<=767px){.hide-mobile{display:none!important}}@media (width>=768px){.only-mobile{display:none!important}}a{color:var(--accent);text-decoration:none}img,svg,video,canvas{max-width:100%;display:block}:where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}:where(input,textarea,select){font:inherit;color:inherit}:where(button,a,input,textarea,select,[tabindex]):focus-visible{box-shadow:var(--focus-ring);outline:none}::selection{background:var(--teal-100)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%;overflow:hidden}body{overscroll-behavior:none;width:100%;position:fixed;inset:0;overflow:hidden}#root{height:100%}.app{height:100dvh}html[data-keyboard=open] .app{height:var(--vv-height,100dvh)}.app,.overlay{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app :is(button,.nav-item,.chip,.tag,.segmented__item,.card,.row),.overlay :is(button,.chip,.tag,.segmented__item){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;overflow:hidden auto}.hscroll{overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;overflow:auto hidden}.hscroll::-webkit-scrollbar{display:none}.input,.textarea,.select{min-width:0;max-width:100%;scroll-margin-top:var(--space-5);scroll-margin-bottom:var(--space-6)}html[data-keyboard=open] .bottomnav{display:none}html[data-keyboard=open] .toasts{bottom:calc(var(--kb-height,0px) + var(--space-4))}.app img{max-width:100%}.app a img,.app .card img{-webkit-touch-callout:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (hover:none){.app :is(.btn,.icon-btn,.row,.card,.chip,.tag,.nav-item,.menu__item):active,.overlay :is(.btn,.icon-btn,.chip,.tag,.menu__item):active{opacity:.7;transition:opacity 40ms linear}}@media (pointer:coarse){.app :is(.btn,.icon-btn,.chip,.segmented__item),.overlay :is(.btn,.icon-btn,.chip,.segmented__item){min-height:var(--tap-min)}.app :is(.chip,.segmented__item),.overlay :is(.chip,.segmented__item){min-width:var(--tap-min);justify-content:center}.app .icon-btn,.overlay .icon-btn{min-width:var(--tap-min)}.app .tag--pick,.overlay .tag--pick{min-height:40px}}.icon{stroke-width:1.8px;flex:none;width:20px;height:20px}.icon--sm{width:16px;height:16px}.icon--lg{width:26px;height:26px}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--bg-surface);color:var(--fg-primary);box-shadow:inset 0 0 0 1px var(--border-default);font-size:var(--text-base);font-weight:var(--weight-medium);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);line-height:1;text-decoration:none;display:inline-flex}.btn .icon{width:18px;height:18px}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent);color:var(--fg-on-accent);box-shadow:none}.btn--quiet{box-shadow:none;color:var(--fg-secondary);background:0 0}.btn--danger{background:var(--danger);color:var(--fg-on-accent);box-shadow:none}.btn--danger-quiet{box-shadow:none;color:var(--danger);background:0 0}.btn--large{min-height:var(--tap-large);padding:0 var(--space-6);font-size:var(--text-md);font-weight:var(--weight-semibold)}.btn--block{width:100%}.btn--sm{min-height:32px;padding:0 var(--space-3);font-size:var(--text-sm)}@media (hover:hover){.btn:not(:disabled):hover{background:var(--bg-hover)}.btn--primary:not(:disabled):hover{background:var(--accent-hover)}.btn--quiet:not(:disabled):hover{background:var(--bg-hover);color:var(--fg-primary)}.btn--danger:not(:disabled):hover{background:var(--danger-hover)}.btn--danger-quiet:not(:disabled):hover{background:var(--danger-subtle)}}.icon-btn{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-pill);color:var(--fg-secondary);transition:background var(--dur-fast) var(--ease-out);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn--active{color:var(--accent)}.icon-btn--fav{color:var(--tag-amber-dot)}@media (hover:hover){.icon-btn:not(:disabled):hover{background:var(--bg-hover);color:var(--fg-primary)}}.input,.textarea,.select{width:100%;min-height:var(--control-h);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--border-default);font-size:var(--text-md);color:var(--fg-primary);transition:box-shadow var(--dur-fast) var(--ease-out);border:0}.input::placeholder,.textarea::placeholder{color:var(--fg-tertiary)}.input:focus,.textarea:focus,.select:focus{box-shadow:inset 0 0 0 1px var(--accent), var(--focus-ring);outline:none}.textarea{padding:var(--space-3);resize:vertical;min-height:120px;line-height:1.5}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23686157' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-secondary)}.field__hint{font-size:var(--text-sm);color:var(--fg-tertiary)}.form-error{padding:var(--space-3);border-radius:var(--radius-md);background:var(--danger-subtle);color:var(--danger);font-size:var(--text-sm);font-weight:var(--weight-medium)}.search{flex:1;align-items:center;min-width:0;display:flex;position:relative}.search__icon{color:var(--fg-tertiary);pointer-events:none;position:absolute;left:14px}.search .input{border-radius:var(--radius-pill);background:var(--bg-surface);min-height:44px;box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--border-subtle);padding-left:42px;padding-right:40px}.search .input::-webkit-search-cancel-button{display:none}.search__clear{position:absolute;right:4px}.chip{min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--border-default);color:var(--fg-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.chip .icon{width:16px;height:16px}.chip[aria-pressed=true],.chip--on{background:var(--fg-primary);color:var(--fg-inverse);box-shadow:none}.chip__count{color:var(--fg-tertiary);font-variant-numeric:tabular-nums}.chip[aria-pressed=true] .chip__count{color:inherit;opacity:.7}@media (hover:hover){.chip:not([aria-pressed=true]):hover{background:var(--bg-hover)}}.tag{--tg-bg:var(--tag-slate-bg);--tg-fg:var(--tag-slate-fg);--tg-dot:var(--tag-slate-dot);border-radius:var(--radius-pill);background:var(--tg-bg);max-width:100%;min-height:26px;color:var(--tg-fg);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;line-height:1.2;display:inline-flex}.tag__label{text-overflow:ellipsis;overflow:hidden}.tag__dot{background:var(--tg-dot);border-radius:50%;flex:none;width:8px;height:8px}.tag__x{opacity:.7;margin-right:-4px;display:inline-flex}.tag--pick{background:var(--bg-surface);color:var(--fg-primary);box-shadow:inset 0 0 0 1px var(--border-default);min-height:34px;padding:0 12px}.tag--pick[aria-pressed=true]{background:var(--tg-bg);color:var(--tg-fg);box-shadow:inset 0 0 0 1.5px var(--tg-dot)}.tag--pick .tag__check{display:none}.tag--pick[data-empty=true]:not([aria-pressed=true]){opacity:.5}.tag--pick[aria-pressed=true] .tag__check{display:inline-flex}.tag--pick[aria-pressed=true] .tag__dot{display:none}@media (hover:hover){.tag--pick:not([aria-pressed=true]):hover{background:var(--bg-hover)}}.tag--mini{gap:5px;min-height:20px;padding:0 7px;font-size:12px}.tag--mini .tag__dot{width:6px;height:6px}[data-color=coral]{--tg-bg:var(--tag-coral-bg);--tg-fg:var(--tag-coral-fg);--tg-dot:var(--tag-coral-dot)}[data-color=amber]{--tg-bg:var(--tag-amber-bg);--tg-fg:var(--tag-amber-fg);--tg-dot:var(--tag-amber-dot)}[data-color=lime]{--tg-bg:var(--tag-lime-bg);--tg-fg:var(--tag-lime-fg);--tg-dot:var(--tag-lime-dot)}[data-color=teal]{--tg-bg:var(--tag-teal-bg);--tg-fg:var(--tag-teal-fg);--tg-dot:var(--tag-teal-dot)}[data-color=sky]{--tg-bg:var(--tag-sky-bg);--tg-fg:var(--tag-sky-fg);--tg-dot:var(--tag-sky-dot)}[data-color=violet]{--tg-bg:var(--tag-violet-bg);--tg-fg:var(--tag-violet-fg);--tg-dot:var(--tag-violet-dot)}[data-color=pink]{--tg-bg:var(--tag-pink-bg);--tg-fg:var(--tag-pink-fg);--tg-dot:var(--tag-pink-dot)}[data-color=slate]{--tg-bg:var(--tag-slate-bg);--tg-fg:var(--tag-slate-fg);--tg-dot:var(--tag-slate-dot)}[data-type]{--ty-bg:var(--type-other-bg);--ty-fg:var(--type-other-fg)}[data-type=pdf]{--ty-bg:var(--type-pdf-bg);--ty-fg:var(--type-pdf-fg)}[data-type=image]{--ty-bg:var(--type-image-bg);--ty-fg:var(--type-image-fg)}[data-type=document]{--ty-bg:var(--type-document-bg);--ty-fg:var(--type-document-fg)}[data-type=presentation]{--ty-bg:var(--type-presentation-bg);--ty-fg:var(--type-presentation-fg)}[data-type=spreadsheet]{--ty-bg:var(--type-spreadsheet-bg);--ty-fg:var(--type-spreadsheet-fg)}[data-type=audio]{--ty-bg:var(--type-audio-bg);--ty-fg:var(--type-audio-fg)}[data-type=video]{--ty-bg:var(--type-video-bg);--ty-fg:var(--type-video-fg)}[data-type=text]{--ty-bg:var(--type-text-bg);--ty-fg:var(--type-text-fg)}[data-type=link]{--ty-bg:var(--type-link-bg);--ty-fg:var(--type-link-fg)}[data-type=note]{--ty-bg:var(--type-note-bg);--ty-fg:var(--type-note-fg)}.type-badge{border-radius:var(--radius-pill);background:var(--ty-bg);height:22px;color:var(--ty-fg);font-size:11.5px;font-weight:var(--weight-bold);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.type-badge .icon{stroke-width:2.2px;width:13px;height:13px}.segmented{border-radius:var(--radius-pill);background:var(--bg-sunken);padding:3px;display:inline-flex}.segmented__item{border-radius:var(--radius-pill);min-width:36px;min-height:32px;color:var(--fg-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.segmented__item[aria-pressed=true]{background:var(--bg-surface);color:var(--fg-primary);box-shadow:var(--shadow-sm)}.segmented__item .icon{width:18px;height:18px}.switch{flex:none;width:46px;height:28px;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch__track{border-radius:var(--radius-pill);background:var(--border-strong);transition:background var(--dur-fast) var(--ease-out);pointer-events:none;position:absolute;inset:0}.switch__track:after{content:"";background:var(--bg-surface);width:22px;height:22px;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.switch__track{background:var(--accent)}.switch input:checked+.switch__track:after{transform:translate(18px)}.overlay{height:var(--vv-height,100dvh);z-index:var(--z-modal);background:var(--bg-scrim);animation:fade-in var(--dur-base) var(--ease-out);justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;left:0;right:0}.dialog{width:100%;max-height:calc(100% - env(safe-area-inset-top) - 12px);background:var(--bg-canvas);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);animation:sheet-in var(--dur-base) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.dialog__grab{border-radius:var(--radius-pill);background:var(--border-default);flex:none;width:40px;height:5px;margin:8px auto 0}.dialog__head{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2) var(--space-5);flex:none;display:flex}.dialog__title{min-width:0;font-size:var(--text-lg);flex:1}.dialog__body{overscroll-behavior:contain;min-height:0;padding:var(--space-2) var(--space-5) var(--space-5);gap:var(--space-4);flex-direction:column;flex:0 auto;display:flex;overflow-y:auto}.dialog__foot{gap:var(--space-2);padding:var(--space-3) var(--space-5) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--bg-canvas);box-shadow:0 -1px 0 var(--border-subtle);flex-direction:column;flex:none;display:flex}html[data-keyboard=open] .dialog__foot{padding-bottom:var(--space-3)}@media (width>=720px){.overlay{padding:var(--space-6);align-items:center}.dialog{border-radius:var(--radius-xl);max-width:560px;max-height:min(88vh,860px)}.dialog--wide{max-width:760px}.dialog--narrow{max-width:440px}.dialog__grab{display:none}.dialog__head{padding-top:var(--space-4)}.dialog__foot{padding-bottom:var(--space-4);flex-direction:row-reverse}}.menu{z-index:var(--z-popover);border-radius:var(--radius-lg);background:var(--bg-surface);min-width:220px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg), 0 0 0 1px var(--border-subtle);animation:pop-in var(--dur-fast) var(--ease-out);padding:6px;position:fixed}.menu__item{align-items:center;gap:var(--space-3);width:100%;min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-base);text-align:left;color:var(--fg-primary);text-decoration:none;display:flex}.menu__item .icon{color:var(--fg-secondary)}.menu__item--danger,.menu__item--danger .icon{color:var(--danger)}.menu__item[aria-checked=true]{font-weight:var(--weight-semibold)}.menu__sep{background:var(--border-subtle);height:1px;margin:4px 6px}@media (hover:hover){.menu__item:hover{background:var(--bg-hover)}}.menu-sheet{width:100%;padding:var(--space-2) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--bg-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:sheet-in var(--dur-base) var(--ease-out);flex-direction:column;display:flex}.menu-sheet .menu__item{min-height:var(--tap-min);font-size:var(--text-md)}.menu-sheet__title{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-tertiary)}.toasts{left:50%;bottom:calc(var(--nav-h) + var(--space-4) + env(safe-area-inset-bottom));z-index:var(--z-toast);align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-3);border-radius:var(--radius-pill);background:var(--bg-inverse);color:var(--fg-inverse);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);pointer-events:auto;animation:sheet-in var(--dur-base) var(--ease-out);padding:10px 10px 10px 16px;display:flex}.toast--plain{padding-right:16px}.toast__action{border-radius:var(--radius-pill);font-weight:var(--weight-semibold);background:#ffffff24;padding:6px 12px}@media (width>=1024px){.toasts{bottom:var(--space-6)}}.spinner{opacity:.65;border:2.5px solid;border-right-color:#0000;border-radius:50%;flex:none;width:20px;height:20px;animation:.7s linear infinite spin}.spinner--sm{border-width:2px;width:14px;height:14px}.skeleton{background:linear-gradient(90deg, var(--bg-sunken) 25%, var(--paper-50) 40%, var(--bg-sunken) 60%);background-size:400% 100%;animation:1.4s infinite shimmer}.empty{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-5);text-align:center;color:var(--fg-secondary);flex-direction:column;display:flex}.empty__icon{background:var(--accent-subtle);width:64px;height:64px;color:var(--accent);border-radius:20px;place-items:center;display:grid}.empty__title{font-size:var(--text-lg);color:var(--fg-primary)}.empty__text{max-width:420px}.empty__actions{justify-content:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.progress{border-radius:var(--radius-pill);background:var(--bg-sunken);height:6px;overflow:hidden}.progress__bar{border-radius:inherit;background:var(--accent);height:100%;transition:width var(--dur-base) linear}.panel{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.panel__head{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) 0;display:flex}.panel__title{font-size:var(--text-md);flex:1}.panel__body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{opacity:.4;transform:translateY(12px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.97)}}.app{color:var(--fg-primary);flex-direction:column;display:flex;position:relative}.app__body{z-index:1;flex:1;min-height:0;display:flex;position:relative}.backdrop{z-index:0;pointer-events:none;opacity:.3;position:absolute;inset:0;overflow:hidden}.backdrop__piece{position:absolute;transform:translate(-50%,-50%)}.backdrop__piece svg{display:block;overflow:visible}@media (width<=767px){.backdrop{opacity:.24}.backdrop__piece:nth-child(3n){display:none}}.main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.screen{flex-direction:column;flex:1;min-height:0;display:flex}.screen>.scroll{flex:1;min-height:0}.page{width:100%;max-width:1480px;padding:var(--space-4) calc(var(--space-4) + env(safe-area-inset-right)) var(--space-6) calc(var(--space-4) + env(safe-area-inset-left));gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.page--narrow{max-width:820px}.page--pad-nav{padding-bottom:calc(var(--nav-h) + var(--space-8) + env(safe-area-inset-bottom))}@media (width>=1024px){.page--pad-nav{padding-bottom:var(--space-10)}}.topbar__title--hidden{opacity:0}.topbar__title{transition:opacity var(--dur-base) var(--ease-out)}.page-title{font-size:var(--text-2xl)}.page-lead{color:var(--fg-secondary)}.topbar{align-items:center;gap:var(--space-2);min-height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) calc(var(--space-2) + env(safe-area-inset-right)) 0 calc(var(--space-2) + env(safe-area-inset-left));background:color-mix(in srgb, var(--bg-canvas) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);z-index:var(--z-header);flex:none;display:flex}.topbar__title{min-width:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar{display:none}@media (width>=1024px){.sidebar{gap:var(--space-4);width:var(--sidebar-w);margin:var(--space-3) 0 var(--space-3) var(--space-3);padding:var(--space-4) var(--space-3);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--bg-surface) 78%, transparent);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-md);scrollbar-width:thin;flex-direction:column;flex:none;display:flex;overflow-y:auto}}.brand{align-items:center;gap:var(--space-3);padding:0 var(--space-2);color:var(--fg-primary);display:flex}.brand__logo{flex:none;width:40px;height:40px}.brand__name{font-family:var(--font-display);font-size:22px;font-weight:var(--weight-bold);letter-spacing:-.02em}.brand__sub{font-size:var(--text-xs);color:var(--fg-tertiary)}.nav{flex-direction:column;gap:2px;display:flex}.nav-item{align-items:center;gap:var(--space-3);min-height:42px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--fg-primary);font-weight:var(--weight-medium);text-decoration:none;display:flex}.nav-item__icon{background:var(--ni-bg,var(--accent-subtle));width:30px;height:30px;color:var(--ni-fg,var(--accent));border-radius:10px;flex:none;place-items:center;display:grid}.nav-item__icon .icon{stroke-width:2px;width:17px;height:17px}.nav-item__count{font-size:var(--text-sm);color:var(--fg-tertiary);font-variant-numeric:tabular-nums;margin-left:auto}.nav-item[data-active=true]{background:var(--bg-surface);box-shadow:var(--shadow-sm);font-weight:var(--weight-semibold)}@media (hover:hover){.nav-item:not([data-active=true]):hover{background:color-mix(in srgb, var(--bg-surface) 60%, transparent)}}.nav-item--fav{--ni-bg:var(--tag-amber-bg);--ni-fg:var(--tag-amber-fg)}.nav-item--untagged{--ni-bg:var(--tag-coral-bg);--ni-fg:var(--tag-coral-fg)}.nav-item--tags{--ni-bg:var(--tag-violet-bg);--ni-fg:var(--tag-violet-fg)}.nav-item--recent{--ni-bg:var(--tag-sky-bg);--ni-fg:var(--tag-sky-fg)}.nav-item--trash,.nav-item--settings{--ni-bg:var(--tag-slate-bg);--ni-fg:var(--tag-slate-fg)}.side-section{gap:var(--space-1);flex-direction:column;display:flex}.side-section__title{padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-tertiary);justify-content:space-between;align-items:center;display:flex}.side-section__title .btn{text-transform:none;letter-spacing:0;font-size:var(--text-sm)}.side-group__head{align-items:center;gap:var(--space-2);width:100%;min-height:34px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-secondary);text-align:left;display:flex}.side-group__head .tag__dot{width:10px;height:10px}.side-group__chev{transition:transform var(--dur-fast) var(--ease-out);margin-left:auto}.side-group[data-open=true] .side-group__chev{transform:rotate(90deg)}.side-group__tags{padding:4px var(--space-2) var(--space-2) 26px;flex-wrap:wrap;gap:5px;display:flex}.side-tag{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--tg-bg) 70%, transparent);min-height:26px;color:var(--tg-fg);font-size:12.5px;font-weight:var(--weight-medium);align-items:center;gap:5px;padding:0 9px;display:inline-flex}.side-tag[aria-pressed=true]{background:var(--tg-dot);color:#fff}.side-tag__n{opacity:.65;font-variant-numeric:tabular-nums}@media (hover:hover){.side-group__head:hover{background:color-mix(in srgb, var(--bg-surface) 60%, transparent)}.side-tag:not([aria-pressed=true]):hover{background:var(--tg-bg)}}.side-foot{padding:var(--space-3) var(--space-2) 0;font-size:var(--text-xs);color:var(--fg-tertiary);margin-top:auto}.bottomnav{height:var(--nav-h);margin:0 var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom));border-radius:var(--radius-xl);background:color-mix(in srgb, var(--bg-surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(16px);box-shadow:var(--shadow-md);z-index:var(--z-nav);flex:none;justify-content:space-around;align-items:stretch;padding:0 4px;display:flex}.bottomnav__item{min-width:0;color:var(--fg-tertiary);font-size:11px;font-weight:var(--weight-semibold);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.bottomnav__item .icon{width:23px;height:23px}.bottomnav__item[data-active=true]{color:var(--accent)}.bottomnav__add{background:var(--accent);width:52px;height:52px;color:var(--fg-on-accent);box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 38%, transparent);border-radius:18px;flex:none;align-self:center;place-items:center;margin:0 6px;display:grid}.bottomnav__add .icon{stroke-width:2.3px;width:26px;height:26px}@media (width>=1024px){.bottomnav{display:none}}.hero{gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4);border-radius:var(--radius-xl);background:linear-gradient(120deg, var(--hero-from), var(--hero-to));box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.hero__top{z-index:1;align-items:flex-start;gap:var(--space-3);display:flex;position:relative}.hero__text{flex:1;min-width:0}.hero__title{font-size:25px;font-weight:var(--weight-bold);letter-spacing:-.02em}.hero__sub{color:var(--fg-secondary);font-size:var(--text-sm);margin-top:2px}.hero__decor{pointer-events:none;opacity:.95;width:260px;height:150px;position:absolute;top:-12px;right:-10px}.hero .search{z-index:1;position:relative}.hero .search .input{min-height:50px;box-shadow:var(--shadow-md)}@media (width<=767px){.hero{padding:var(--space-4);border-radius:var(--radius-lg)}.hero__title{font-size:21px}.hero__text{padding-right:96px}.hero__season{display:none}.hero__decor{width:170px;height:110px;top:-14px;right:-18px}}.toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.toolbar__spacer{flex:1}.filters{gap:var(--space-2);margin:0 -2px;padding:2px;display:flex}.results{margin-top:calc(var(--space-1) * -1);flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.results__count{margin-right:var(--space-1);color:var(--fg-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:16px;display:grid}@media (width<=767px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (width>=1500px){.grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr))}}.card{border-radius:var(--radius-lg);background:var(--bg-surface);min-width:0;box-shadow:var(--shadow-sm);color:inherit;cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;position:relative}@media (hover:hover){.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card:hover .card__check,.card:hover .card__fav{opacity:1}}.card[data-selected=true]{box-shadow:0 0 0 3px var(--accent), var(--shadow-md)}.card__thumb{aspect-ratio:1;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--paper-50);position:relative;overflow:hidden}.card__thumb img{object-fit:cover;object-position:top center;width:100%;height:100%}.card__thumb[data-fit=center] img{object-position:center}.card__thumb:after{content:"";background:var(--border-subtle);height:1px;position:absolute;inset:auto 0 0}.card__badge{z-index:1;position:absolute;bottom:8px;left:8px}.card__badge .type-badge{background:#fffffff0;box-shadow:0 1px 3px #0000001f}.card__fav,.card__check{z-index:2;opacity:0;width:44px;height:44px;transition:opacity var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:1px}.card__fav:before,.card__check:before{content:"";z-index:-1;background:color-mix(in srgb, var(--bg-surface) 90%, transparent);box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;inset:5px}.card__fav{color:var(--fg-tertiary);right:1px}.card__fav[aria-pressed=true]{opacity:1;color:var(--tag-amber-dot)}.card__fav[aria-pressed=true] .icon{fill:currentColor}.card__check{color:var(--fg-tertiary);left:1px}.card[data-selecting=true] .card__check,.card[data-selected=true] .card__check{opacity:1}.card[data-selected=true] .card__check{color:var(--fg-on-accent)}.card[data-selected=true] .card__check:before{background:var(--accent)}@media (hover:none){.card__fav[aria-pressed=false],.card__check{display:none}.card[data-selecting=true] .card__check{display:grid}}.card__body{flex-direction:column;gap:6px;min-width:0;padding:10px 12px 12px;display:flex}.card__title{-webkit-line-clamp:2;font-weight:var(--weight-semibold);font-size:var(--text-base);overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.card__tags{gap:4px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.card__processing{justify-content:center;align-items:center;gap:var(--space-2);color:var(--fg-secondary);font-size:var(--text-sm);flex-direction:column;display:flex;position:absolute;inset:0}.tile{justify-content:center;align-items:center;gap:var(--space-2);background:var(--ty-bg);width:100%;height:100%;color:var(--ty-fg);flex-direction:column;display:flex}.tile .icon{stroke-width:1.5px;width:44px;height:44px}.tile__ext{font-size:13px;font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase}.tile__site{max-width:85%;font-size:var(--text-sm);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-paper{background:repeating-linear-gradient(transparent 0 21px, #7a5f001a 21px 22px) 0 16px / 100% 22px, var(--type-note-bg);color:#5b4700;white-space:pre-wrap;overflow-wrap:anywhere;width:100%;height:100%;padding:16px 14px;font-size:13px;line-height:22px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 75%,#0000);mask-image:linear-gradient(#000 75%,#0000)}.rows{border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.row{align-items:center;gap:var(--space-3);min-height:64px;padding:8px var(--space-3);color:inherit;cursor:pointer;grid-template-columns:48px minmax(0,1fr) auto;text-decoration:none;display:grid}.row+.row{box-shadow:inset 0 1px 0 var(--border-subtle)}.row[data-selected=true]{background:var(--accent-subtle)}@media (hover:hover){.row:hover{background:var(--bg-hover)}}.row__thumb{background:var(--paper-50);width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--border-subtle);border-radius:10px;overflow:hidden}.row__thumb img{object-fit:cover;object-position:top center;width:100%;height:100%}.row__thumb .tile .icon{width:22px;height:22px}.row__thumb .tile__ext,.row__thumb .tile__site{display:none}.row__main{flex-direction:column;gap:4px;min-width:0;display:flex}.row__title{font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row__meta{align-items:center;gap:var(--space-2);min-width:0;color:var(--fg-tertiary);font-size:var(--text-sm);white-space:nowrap;display:flex;overflow:hidden}.row__tags{gap:4px;display:flex;overflow:hidden}.row__side{align-items:center;gap:var(--space-1);color:var(--fg-tertiary);font-size:var(--text-sm);display:flex}@media (width>=1024px){.rows--table .row{grid-template-columns:48px minmax(0,2.2fr) minmax(0,2fr) 110px 90px 120px auto}}.row__cell{min-width:0;color:var(--fg-secondary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.load-more{padding:var(--space-4);justify-content:center;display:flex}.bulkbar{left:50%;bottom:calc(var(--nav-h) + var(--space-4) + env(safe-area-inset-bottom));z-index:var(--z-nav);border-radius:var(--radius-pill);background:var(--bg-inverse);max-width:calc(100% - 24px);color:var(--fg-inverse);box-shadow:var(--shadow-lg);animation:sheet-in var(--dur-base) var(--ease-out);align-items:center;gap:4px;padding:6px 6px 6px 16px;display:flex;position:absolute;transform:translate(-50%)}.bulkbar__count{margin-right:var(--space-2);font-weight:var(--weight-semibold);white-space:nowrap}.bulkbar .icon-btn,.bulkbar .btn--quiet{color:var(--fg-inverse)}@media (hover:hover){.bulkbar .icon-btn:hover,.bulkbar .btn--quiet:hover{color:var(--fg-inverse);background:#ffffff1f}}@media (width>=1024px){.bulkbar{bottom:var(--space-6)}}.detail{gap:var(--space-4);flex-direction:column;display:flex}@media (width>=1024px){.detail-screen .scroll{display:flex}.detail{align-items:flex-start;gap:var(--space-5);flex-direction:row;flex:1}.detail__viewer{flex:1;min-width:0;position:sticky;top:0}.detail__side{flex:none;width:360px}}.detail__head{gap:var(--space-3);flex-direction:column;display:flex}.detail__title{font-size:var(--text-xl);font-weight:var(--weight-bold);overflow-wrap:anywhere;cursor:text;border-radius:var(--radius-sm);line-height:1.2}@media (hover:hover){.detail__title:hover{background:color-mix(in srgb, var(--bg-surface) 70%, transparent);box-shadow:0 0 0 6px color-mix(in srgb, var(--bg-surface) 70%, transparent)}}.detail__title-input{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold)}.detail__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.detail__tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.side-card{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);background:var(--bg-surface);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.side-card__label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-tertiary);margin-bottom:6px}.props{gap:6px var(--space-4);font-size:var(--text-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.props dt{color:var(--fg-tertiary)}.props dd{overflow-wrap:anywhere;min-width:0;margin:0}.description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.nav-arrows{gap:2px;display:flex}.viewer{border-radius:var(--radius-xl);background:var(--bg-viewer);position:relative;overflow:hidden}.viewer--flush{background:0 0}.doc-preview{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);flex-direction:column;display:flex}.doc-preview__page{background:#fff;width:100%;max-width:880px;line-height:0;display:block;box-shadow:0 1px 3px #0000001a,0 6px 18px #0000000f}.doc-preview__page img{width:100%;height:auto;display:block}button.doc-preview__page{cursor:zoom-in}.overlay.reader{background:var(--bg-sunken);flex-direction:column;justify-content:flex-start;align-items:stretch;height:100dvh;padding:0;inset:0}.reader__bar{align-items:center;gap:var(--space-2);min-height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) calc(var(--space-3) + env(safe-area-inset-right)) 0 calc(var(--space-2) + env(safe-area-inset-left));background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex:none;display:flex}.reader__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--weight-semibold);flex:1;overflow:hidden}.reader__count{color:var(--fg-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.reader__pdf{flex:none}.reader__scroll{flex:1;min-height:0}.reader__pages{align-items:center;gap:var(--space-3);padding:var(--space-3) calc(var(--space-3) + env(safe-area-inset-right)) calc(var(--space-8) + env(safe-area-inset-bottom)) calc(var(--space-3) + env(safe-area-inset-left));flex-direction:column;display:flex}.reader__page{cursor:zoom-in;background:#fff;width:100%;max-width:960px;line-height:0;display:block;position:relative;box-shadow:0 1px 3px #0000001a,0 6px 18px #0000000f}.reader__page img{-webkit-touch-callout:none;width:100%;height:auto;display:block}.reader__page[data-state=loading] img{opacity:0}.reader__page[data-state=error]{cursor:pointer}.reader__status{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);line-height:var(--leading-normal,1.4);color:var(--fg-tertiary);font-size:var(--text-sm);text-align:center;display:flex;position:absolute;inset:0}.reader__status .icon{flex:none}@media (width<=767px){.reader__pages{gap:var(--space-2);padding-inline:calc(var(--space-2) + env(safe-area-inset-left)) calc(var(--space-2) + env(safe-area-inset-right))}}.doc-preview__foot{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);width:100%;max-width:880px;color:var(--fg-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);flex-wrap:wrap;display:flex}.image-view{cursor:zoom-in;justify-content:center;align-items:center;min-height:240px;padding:14px;display:flex}.image-view img{border-radius:var(--radius-sm);background:#fff;width:auto;max-height:min(78vh,1400px);box-shadow:0 2px 10px #00000014}.media-view{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);flex-direction:column;display:flex}.media-view video{border-radius:var(--radius-md);background:#000;width:100%;max-height:72vh}.media-view audio{width:min(560px,100%)}.embed{aspect-ratio:16/9;background:var(--paper-900);width:100%;position:relative}.embed--doc{aspect-ratio:3/4;background:#fff;max-height:80vh}.embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.link-card{background:var(--bg-surface);flex-direction:column;display:flex}.link-card__image{aspect-ratio:1.91;background:var(--paper-50);overflow:hidden}.link-card__image img{object-fit:cover;width:100%;height:100%}.link-card__body{gap:var(--space-2);padding:var(--space-5);flex-direction:column;display:flex}.link-card__site{align-items:center;gap:var(--space-2);color:var(--fg-tertiary);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:flex}.link-card__title{font-size:var(--text-lg)}.note-view{padding:var(--space-6);background:repeating-linear-gradient(transparent 0 29px, #7a5f001a 29px 30px) 0 24px / 100% 30px, var(--type-note-bg);color:#3f3200;white-space:pre-wrap;overflow-wrap:anywhere;min-height:260px;font-size:17px;line-height:30px}.text-view{padding:var(--space-5);background:var(--bg-surface);white-space:pre-wrap;overflow-wrap:anywhere;max-height:78vh;margin:0;font:14px/1.6 ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:auto}.viewer-empty{justify-content:center;align-items:center;gap:var(--space-3);min-height:300px;padding:var(--space-8) var(--space-5);text-align:center;color:var(--fg-secondary);flex-direction:column;display:flex}.viewer-empty .tile{border-radius:28px;width:120px;height:120px}.lightbox{z-index:var(--z-lightbox);touch-action:none;animation:fade-in var(--dur-base) var(--ease-out);background:#0c0b0af0;position:fixed;inset:0;overflow:hidden}.lightbox__img{transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;max-width:100vw;max-height:100dvh;position:absolute;top:50%;left:50%}.lightbox__close{top:calc(env(safe-area-inset-top) + 10px);right:calc(env(safe-area-inset-right) + 10px);z-index:1;color:#fff;background:#ffffff24;border-radius:50%;width:44px;height:44px;position:absolute}.lightbox__hint{bottom:calc(env(safe-area-inset-bottom) + 14px);color:#fff9;font-size:var(--text-sm);white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.tagpicker{gap:var(--space-4);flex-direction:column;display:flex}.tagpicker__group{gap:var(--space-2);flex-direction:column;display:flex}.tagpicker__group-name{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-secondary);display:flex}.tagpicker__tags{flex-wrap:wrap;gap:6px;display:flex}.tagpicker__create{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--accent-subtle);color:var(--accent-subtle-fg);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.uploads{flex-direction:column;gap:6px;display:flex}.upload-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);background:var(--bg-surface);grid-template-columns:40px minmax(0,1fr) auto;padding:8px 10px;display:grid}.upload-item__icon{border-radius:10px;width:40px;height:40px;overflow:hidden}.upload-item__icon .tile .icon{width:20px;height:20px}.upload-item__icon .tile__ext{display:none}.upload-item__name{font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-item__status{font-size:var(--text-sm);color:var(--fg-tertiary)}.upload-item__status--ok{color:var(--success)}.upload-item__status--err{color:var(--danger)}.dropzone{z-index:var(--z-modal);background:color-mix(in srgb, var(--accent) 16%, #ffffffb3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;animation:fade-in var(--dur-fast) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.dropzone__box{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-10);background:var(--bg-surface);box-shadow:var(--shadow-lg);outline:3px dashed var(--accent);outline-offset:-12px;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--accent);border-radius:28px;flex-direction:column;display:flex}.upload-pill{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent-subtle-fg);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:6px 12px;display:inline-flex}.add-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.add-option{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-sm);text-align:left;flex-direction:column;display:flex}.add-option__icon{background:var(--ty-bg);width:42px;height:42px;color:var(--ty-fg);border-radius:14px;place-items:center;display:grid}.add-option__title{font-weight:var(--weight-semibold)}.add-option__text{font-size:var(--text-sm);color:var(--fg-tertiary)}@media (hover:hover){.add-option:hover{box-shadow:var(--shadow-md)}}.groups{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;display:grid}@media (width<=767px){.groups{grid-template-columns:1fr}}.group-card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--bg-surface);box-shadow:var(--shadow-sm);border-top:5px solid var(--tg-dot);flex-direction:column;display:flex}.group-card__head{align-items:center;gap:var(--space-2);display:flex}.group-card__name{min-width:0;font-size:var(--text-lg);flex:1}.group-card__tags{flex-wrap:wrap;gap:6px;display:flex}.tag-edit{border-radius:var(--radius-pill);background:var(--tg-bg);min-height:32px;color:var(--tg-fg);font-size:var(--text-sm);font-weight:var(--weight-medium);align-items:center;gap:6px;padding:0 4px 0 12px;display:inline-flex}.tag-edit__n{opacity:.6;font-variant-numeric:tabular-nums}.tag-edit .icon-btn{width:26px;min-width:0;height:26px;min-height:0;color:inherit}.color-swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.swatch{background:var(--tg-dot);width:34px;height:34px;box-shadow:inset 0 0 0 3px var(--tg-bg);border-radius:50%}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--bg-surface), 0 0 0 5px var(--tg-dot)}.settings-list{flex-direction:column;display:flex}.settings-row{align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-2) 0;display:flex}.settings-row+.settings-row{box-shadow:inset 0 1px 0 var(--border-subtle)}.settings-row__text{flex:1;min-width:0}.settings-row__sub{font-size:var(--text-sm);color:var(--fg-tertiary)}.themes{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(118px,1fr));display:grid}.theme-option{border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--border-subtle);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:left;flex-direction:column;gap:8px;padding:8px 8px 10px;display:flex}.theme-option[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent), var(--shadow-sm)}.theme-option__preview{background:linear-gradient(120deg, var(--hero-from), var(--hero-to));border-radius:10px;height:64px;position:relative;overflow:hidden}.theme-option__preview svg{width:100%;height:100%;position:absolute;inset:0}.theme-option__dot{background:var(--accent);border-radius:8px;width:22px;height:22px;position:absolute;bottom:8px;left:8px}.theme-option__sub{font-weight:var(--weight-regular);color:var(--fg-tertiary);font-size:var(--text-xs)}.storage-bar{border-radius:var(--radius-pill);background:var(--bg-sunken);height:12px;display:flex;overflow:hidden}.storage-bar span{background:var(--ty-fg);height:100%;display:block}.legend{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--fg-secondary);flex-wrap:wrap;display:flex}.legend__item{align-items:center;gap:6px;display:inline-flex}.legend__dot{background:var(--ty-fg);border-radius:3px;width:10px;height:10px}.steps{flex-direction:column;gap:6px;margin:0;padding-left:1.3em;line-height:1.5;display:flex}.code{padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-sunken);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font:13px/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace;display:block}.shortcut-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.shortcut-guide{border-radius:var(--radius-md);background:var(--bg-sunken);padding:0 var(--space-4)}.shortcut-guide>summary{min-height:var(--tap-min);font-weight:var(--weight-semibold);cursor:pointer;align-items:center;list-style:none;display:flex}.shortcut-guide>summary::-webkit-details-marker{display:none}.shortcut-guide>summary:after{content:"";width:8px;height:8px;transition:transform var(--dur-fast) var(--ease-out);opacity:.6;border-bottom:2px solid;border-right:2px solid;margin-left:auto;transform:rotate(45deg)translateY(-2px)}.shortcut-guide[open]>summary:after{transform:rotate(225deg)translateY(-2px)}.shortcut-guide .steps{padding-bottom:var(--space-4)}.shortcut-guide code{border-radius:var(--radius-xs);background:var(--bg-surface);padding:1px 5px;font-size:.92em}.login{height:100%;padding:calc(var(--space-6) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex;position:relative;overflow-y:auto}.login__card{z-index:1;gap:var(--space-4);width:100%;max-width:400px;padding:var(--space-8) var(--space-6) var(--space-6);background:var(--bg-surface);box-shadow:var(--shadow-lg);border-radius:28px;flex-direction:column;display:flex;position:relative}.login__brand{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.login__logo{width:72px;height:72px}.login__title{font-size:30px;font-weight:var(--weight-bold)}.login__decor{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.divider{align-items:center;gap:var(--space-3);color:var(--fg-tertiary);font-size:var(--text-sm);display:flex}.divider:before,.divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.offline{justify-content:center;align-items:center;gap:var(--space-2);padding:6px var(--space-3);padding-top:calc(6px + env(safe-area-inset-top));background:var(--warning-subtle);color:var(--warning-fg);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:flex}.cal-screen{--cal-gutter:52px;gap:var(--space-3);padding:var(--space-3) calc(var(--space-4) + env(safe-area-inset-right)) var(--space-3) calc(var(--space-4) + env(safe-area-inset-left))}.cal-bar{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;flex:none;display:flex}.cal-bar:not(.cal-bar--phone){align-items:flex-start;container:calbar/inline-size}.cal-bar__heading{align-items:center;gap:6px var(--space-3);flex-wrap:wrap;flex:260px;min-width:0;min-height:40px;display:flex}.cal-bar__title{font-size:var(--text-2xl);letter-spacing:-.02em}.cal-bar__range{color:var(--fg-secondary);font-weight:var(--weight-medium);white-space:nowrap}.cal-bar__week{color:var(--fg-tertiary)}.cal-bar__tools{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:none;display:flex}.cal-bar__arrows{display:inline-flex}.cal-bar__spacer{flex:1}.cal-bar--phone{gap:var(--space-1);margin:0 calc(var(--space-2) * -1);flex-wrap:nowrap}.cal-bar__month{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.cal-bar__add{background:var(--accent);color:var(--fg-on-accent)}@media (hover:hover){.cal-bar__add:not(:disabled):hover{background:var(--accent-hover);color:var(--fg-on-accent)}}.cal-error{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.cal-hint{margin:calc(var(--space-1) * -1) 0 0;text-align:center;font-size:var(--text-sm);color:var(--fg-tertiary);flex:none}.weekstrip{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-surface) 82%, transparent);box-shadow:var(--shadow-sm);touch-action:pan-y;flex:none;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:4px;display:grid}.weekstrip__day{border-radius:var(--radius-md);min-width:0;color:var(--fg-primary);flex-direction:column;align-items:center;gap:1px;padding:5px 0 4px;display:flex}.weekstrip__dow{font-size:11px;font-weight:var(--weight-semibold);color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.04em}.weekstrip__day[data-off=true] .weekstrip__dow,.weekstrip__day[data-off=true] .weekstrip__num{color:var(--fg-tertiary)}.weekstrip__num{width:32px;height:32px;font-family:var(--font-display);font-size:17px;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;display:grid}.weekstrip__day[data-today=true] .weekstrip__num{color:var(--accent)}.weekstrip__day[aria-pressed=true] .weekstrip__num{background:var(--accent);color:var(--fg-on-accent)}.weekstrip__dots{gap:3px;height:6px;display:flex}.weekstrip__dots i{background:var(--tg-dot);border-radius:50%;width:6px;height:6px}.cal-layout{gap:var(--space-3);flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.cal-layout[data-pool=true]{grid-template-columns:minmax(0,1fr) 290px}.cal{border-radius:var(--radius-xl);background:var(--bg-surface);min-height:0;box-shadow:var(--shadow-md);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;overflow:hidden}.cal__row,.cal__grid{grid-template-columns:var(--cal-gutter) repeat(var(--cal-cols), minmax(0, 1fr));display:grid}.cal__row{scrollbar-gutter:stable;border-bottom:1px solid var(--border-subtle);flex:none;overflow:hidden}.cal__gutter{min-width:0}.cal-dh{border-left:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:1px;min-width:0;padding:8px 4px 7px;display:flex}.cal-dh__dow{font-size:11px;font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-tertiary)}.cal-dh__num{width:34px;height:34px;font-family:var(--font-display);font-size:19px;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--fg-primary);border-radius:50%;place-items:center;display:grid}.cal-dh[data-off=true] .cal-dh__num{color:var(--fg-tertiary)}.cal-dh[data-today=true] .cal-dh__dow{color:var(--accent)}.cal-dh[data-today=true] .cal-dh__num{background:var(--accent);color:var(--fg-on-accent)}@media (hover:hover){.cal-dh:not([data-today=true]) .cal-dh__num:hover{background:var(--bg-hover)}}.cal-dh__sub{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--fg-tertiary);font-size:11.5px;overflow:hidden}.cal-dh__sub--holiday{color:var(--tag-coral-fg);font-weight:var(--weight-semibold)}.cal-day{align-items:baseline;gap:2px var(--space-3);padding:10px var(--space-4) 9px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;flex:none;display:flex}.cal-day__date{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold)}.cal-day[data-today=true] .cal-day__date{color:var(--accent)}.cal-day__name{font-size:var(--text-sm);color:var(--fg-secondary)}.cal-day__holiday{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--tag-coral-fg)}.cal__allday{max-height:104px;transition:background var(--dur-fast) var(--ease-out);overflow-y:auto}.cal__allday[data-over=true]{background:var(--accent-subtle)}.cal-allday__label{text-align:right;font-size:10.5px;font-weight:var(--weight-semibold);color:var(--fg-tertiary);align-self:start;padding:9px 6px 0 0;line-height:1.1}.cal-allday__cell{border-left:1px solid var(--border-subtle);cursor:copy;flex-direction:column;gap:3px;min-width:0;min-height:34px;padding:4px 3px;display:flex}.cal-allday__cell[data-drop=true]{background:var(--accent-subtle);box-shadow:inset 0 0 0 2px var(--accent)}.cal-chip{border-radius:var(--radius-xs);background:var(--tg-bg);width:100%;min-width:0;min-height:24px;color:var(--tg-fg);box-shadow:inset 3px 0 0 var(--tg-dot);font-size:12.5px;font-weight:var(--weight-semibold);text-align:left;cursor:pointer;align-items:center;gap:5px;padding:2px 8px;display:flex}.cal-chip[draggable=true]{cursor:grab}.cal-chip__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cal__body{scrollbar-gutter:stable;flex:1;min-height:0}.cal__grid,.cal__hours{position:relative}.cal__hours span{color:var(--fg-tertiary);font-variant-numeric:tabular-nums;font-size:11px;line-height:1;position:absolute;right:7px;transform:translateY(-50%)}.cal-col{border-left:1px solid var(--border-subtle);background-image:linear-gradient(to bottom, var(--border-subtle) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--border-subtle) 55%, transparent) 1px, transparent 1px);background-size:100% var(--pxh), 100% var(--pxh);background-position:0 0, 0 calc(var(--pxh) / 2);cursor:copy;min-width:0;position:relative}.cal-col[data-off=true]{background-color:color-mix(in srgb, var(--bg-sunken) 60%, transparent)}@media (pointer:coarse){.cal-col{cursor:default}}.cal-now{z-index:4;border-top:2px solid var(--danger);pointer-events:none;height:0;position:absolute;left:0;right:0}.cal-now i{background:var(--danger);border-radius:50%;width:10px;height:10px;position:absolute;top:-6px;left:-5px}.cal-sel{z-index:3;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent) 16%, transparent);box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent-subtle-fg);font-size:11.5px;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;pointer-events:none;padding:2px 6px;position:absolute;left:2px;right:2px}.cal-sel--drop{box-shadow:inset 0 0 0 2px var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:0}.cal-ev{z-index:2;border-radius:var(--radius-sm);background:var(--tg-bg);min-width:0;color:var(--tg-fg);box-shadow:inset 3px 0 0 var(--tg-dot), 0 0 0 1px var(--bg-surface), 0 1px 3px #22201c1a;cursor:pointer;touch-action:manipulation;transition:box-shadow var(--dur-fast) var(--ease-out);flex-direction:column;gap:1px;padding:3px 6px 3px 9px;font-size:12px;line-height:1.25;display:flex;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.cal-ev{cursor:grab}.cal-ev:hover{box-shadow:inset 3px 0 0 var(--tg-dot), 0 0 0 1px var(--bg-surface), 0 3px 10px #22201c24}}.cal-ev:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cal-ev[data-dragging=true]{z-index:6;cursor:grabbing;opacity:.94;box-shadow:inset 3px 0 0 var(--tg-dot), var(--shadow-lg)}.cal-ev[data-drop=true]{outline:2px dashed var(--tg-dot);outline-offset:1px}.cal-ev>*{flex:none;min-width:0}.cal-ev__title{font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cal-ev__meta{white-space:nowrap;opacity:.85;align-items:center;gap:6px;font-size:11px;display:flex}.cal-ev__time{font-variant-numeric:tabular-nums}.cal-ev__count{font-variant-numeric:tabular-nums;align-items:center;gap:2px;display:inline-flex}.cal-ev__meta .icon,.cal-ev__mat .icon{flex:none;width:12px;height:12px}.cal-ev__mat{opacity:.9;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;font-size:11px;display:flex;overflow:hidden}.cal-ev[data-compact=true]{flex-direction:row;align-items:center;gap:6px;padding-top:0;padding-bottom:0;container-type:inline-size}.cal-ev[data-compact=true] .cal-ev__title{flex:0 auto}.cal-ev[data-compact=true] .cal-ev__meta{margin-left:auto}@container (width<=150px){.cal-ev[data-compact=true] .cal-ev__time{display:none}}@container (width<=90px){.cal-ev[data-compact=true] .cal-ev__meta{display:none}}.cal-ev__resize{cursor:ns-resize;height:8px;position:absolute;bottom:0;left:0;right:0}.cal-pool{gap:var(--space-3);min-height:0;padding:var(--space-3);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--bg-surface) 86%, transparent);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.cal-pool__head{padding-left:var(--space-1);justify-content:space-between;align-items:center;display:flex}.cal-pool__title{font-size:var(--text-lg)}.cal-pool .segmented{display:flex}.cal-pool .segmented__item{white-space:nowrap;flex:1;padding:0 6px}.cal-pool .search,.mpick__search .search{flex:none}.cal-pool__hint,.cal-pool__empty{padding:0 var(--space-1);font-size:var(--text-sm);color:var(--fg-tertiary);margin:0}.cal-pool__list{scrollbar-width:thin;min-height:0;margin:0 calc(var(--space-2) * -1);padding:0 var(--space-2);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.pool-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:var(--fg-primary);cursor:grab;padding:6px;text-decoration:none;display:flex}.pool-item:active{cursor:grabbing}@media (hover:hover){.pool-item:hover{background:var(--bg-hover)}}.ev-form__when{align-items:flex-end;gap:var(--space-4);display:flex}.ev-form__when .field{flex:1;min-width:0}.ev-form__allday{align-items:center;gap:var(--space-2);min-height:var(--control-h);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;display:flex}.ev-form__times{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.ev-form__when .input,.ev-form__times .input{appearance:none;min-height:var(--control-h);align-items:center;line-height:1.2;display:flex}.ev-form__when .input::-webkit-date-and-time-value{text-align:left}.ev-form__times .input::-webkit-date-and-time-value{text-align:left}.ev-form__notes{min-height:84px}.ev-meta{align-items:center;gap:var(--space-2);color:var(--fg-secondary);font-weight:var(--weight-medium);display:flex}.ev-meta .tag__dot{background:var(--tg-dot);width:12px;height:12px}.ev-meta__series .icon{vertical-align:-3px}.ev-notes{white-space:pre-wrap;margin:0;line-height:1.5}.ev-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.ev-mats{flex-direction:column;gap:2px;display:flex}.ev-mat{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:var(--fg-primary);margin:0 -6px;padding:6px;text-decoration:none;display:flex}@media (hover:hover){.ev-mat:hover{background:var(--bg-hover)}}.mpick{gap:var(--space-2);flex-direction:column;display:flex}.mpick__item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--border-subtle);padding:4px 4px 4px 6px;display:flex}.mpick__thumb{border-radius:var(--radius-sm);background:var(--bg-sunken);flex:none;width:44px;height:44px;overflow:hidden}.mpick__thumb img,.mpick__thumb .tile{object-fit:cover;width:100%;height:100%}.mpick__thumb .tile__ext,.mpick__thumb .tile__site{display:none}.mpick__text{flex-direction:column;flex:1;min-width:0;display:flex}.mpick__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--weight-medium);flex:1;overflow:hidden}.mpick__meta{font-size:var(--text-xs);color:var(--fg-tertiary)}.mpick__search{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--bg-sunken);flex-direction:column;display:flex}.mpick__results{flex-direction:column;gap:2px;display:flex}.mpick__result{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);text-align:left;width:100%;color:var(--fg-primary);padding:4px;display:flex}.mpick__result>.icon{color:var(--accent);margin-right:6px}@media (hover:hover){.mpick__result:hover{background:var(--bg-surface)}}.quick-links{padding:var(--space-1) var(--space-4)}.quick-link{color:var(--fg-primary);font-weight:var(--weight-medium);text-decoration:none}.quick-link>.icon{color:var(--fg-tertiary)}@media (width>=1024px){.quick-links{display:none}}.nav-item--calendar{--ni-bg:var(--tag-lime-bg);--ni-fg:var(--tag-lime-fg)}@media (width<=767px){.cal-screen{--cal-gutter:44px;gap:var(--space-2);padding:var(--space-2) calc(var(--space-3) + env(safe-area-inset-right)) var(--space-2) calc(var(--space-3) + env(safe-area-inset-left))}.cal{border-radius:var(--radius-lg)}.cal-ev{font-size:13px}.cal-hint{display:none}}@media (pointer:coarse){.cal-dh__num{width:var(--tap-min);height:var(--tap-min)}.cal-chip{min-height:var(--tap-min);font-size:var(--text-sm)}.weekstrip__day{min-height:var(--tap-min)}}.plan-list{margin:0 -6px var(--space-2);flex-direction:column;gap:2px;display:flex}.plan-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);min-height:36px;color:var(--fg-primary);font-size:var(--text-sm);padding:4px 6px;text-decoration:none;display:flex}.plan-item .tag__dot{background:var(--tg-dot)}.plan-item__when{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;flex:none}.plan-item__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-secondary);overflow:hidden}@media (hover:hover){.plan-item:hover{background:var(--bg-hover)}}.plan-more{font-size:var(--text-sm);color:var(--fg-tertiary);padding:2px 6px 0 24px}.plan-past{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--fg-tertiary)}.weekbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:none;min-width:0;display:flex}.cal-bar__heading .weekbar{flex-wrap:nowrap;flex:200px;max-width:max-content}@container calbar (width<=1279px){.cal-bar__heading .weekbar__label{display:none}}.weekbar__shift{border-radius:var(--radius-pill);background:var(--sh-bg);min-height:34px;color:var(--sh-fg);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.weekbar__shift .icon{width:17px;height:17px}[data-shift=morning]{--sh-bg:var(--tag-amber-bg);--sh-fg:var(--tag-amber-fg)}[data-shift=afternoon]{--sh-bg:var(--tag-violet-bg);--sh-fg:var(--tag-violet-fg)}.weekbar__shift[data-shift=none]{background:var(--bg-surface);color:var(--fg-secondary);box-shadow:inset 0 0 0 1px var(--border-default)}.weekbar__theme{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--bg-surface) 82%, transparent);min-width:0;max-width:100%;min-height:34px;box-shadow:var(--shadow-sm);text-align:left;color:var(--fg-primary);flex:0 auto;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.weekbar__label{font-size:11px;font-weight:var(--weight-bold);letter-spacing:.05em;text-transform:uppercase;color:var(--fg-tertiary);flex:none}.weekbar__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--weight-semibold);overflow:hidden}.weekbar__empty{color:var(--fg-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);align-items:center;gap:4px;display:inline-flex}.shift-chip[aria-pressed=true]{background:var(--sh-bg);color:var(--sh-fg);box-shadow:inset 0 0 0 1.5px var(--sh-fg)}.week-alternate{align-items:center;gap:var(--space-2);min-height:var(--control-h);margin-top:var(--space-1);font-weight:var(--weight-medium);cursor:pointer;display:flex}@media (width<=767px){.weekbar__theme{flex:1 1 0}}@media (pointer:coarse){.weekbar__shift,.weekbar__theme{min-height:var(--tap-min)}}