:root{--text:#5c5590;--text-h:#332d63;--bg:#e4e7f7;--border:transparent;--code-bg:#e4e7f7;--accent-light:#b7b0f6;--accent:#7c6fee;--accent-dark:#5e4fd6;--accent-bg:#7c6fee26;--accent-border:#7c6fee73;--accent-button:var(--accent);--on-accent:#fff;--social-bg:#00000008;--orb-1:#7c6fee2e;--orb-2:#5e4fd61f;--shadow:#00000014 0 20px 40px -8px, #0000000d 0 8px 16px -4px;--shadow-button:#0000000f 0 8px 16px -4px, #00000008 0 3px 6px -2px;--shadow-glass:none;--shadow-sm:-4px -4px 10px #fff, 4px 4px 10px #a3b1c680;--shadow-md:-6px -6px 14px #fff, 6px 6px 14px #a3b1c68c;--shadow-lg:-8px -8px 20px #fff, 8px 8px 20px #a3b1c699;--shadow-xl:-10px -10px 26px #fff, 10px 10px 26px #a3b1c6a6;--chrome-blur-header:0px;--chrome-blur-menu:0px;--chrome-saturate-menu:100%;--chrome-blur-tooltip:0px;--chrome-blur-search:0px;--chrome-bg-header:var(--bg);--chrome-bg-menu:var(--bg);--error:oklch(57.7% .215 27.3);--error-bg:oklch(57.7% .215 27.3/.12);--success:oklch(72.3% .192 149.6);--warning:oklch(79.5% .162 86);--info:oklch(62.3% .188 259.8);--overlay-bg:#00000080;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--text-display:56px;--text-xl:24px;--text-lg:18px;--text-base:14px;--text-sm:13px;--text-xs:12px;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}html{background-color:var(--bg);-webkit-tap-highlight-color:transparent}body{background-color:var(--bg);transition:background-image var(--duration-slow) var(--ease-out)}:root{--duration-fast:.1s;--duration-base:.15s;--duration-slow:.2s;--duration-spring:.6s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.42, 0, .58, 1);--ease-spring:cubic-bezier(.32, .72, 0, 1);--radius-sm:18px;--radius-md:26px;--radius-lg:34px;--radius-pill:999px}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{text-align:center;box-sizing:border-box;flex-direction:column;place-content:center;place-items:center;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;padding:24px;display:flex}html,body{overscroll-behavior-x:none;overscroll-behavior-y:contain}body{margin:0}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:-2px}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{font-size:var(--text-display);letter-spacing:-1.68px;margin:32px 0;line-height:1.1}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{font-size:var(--text-xl);letter-spacing:-.24px;margin:0 0 8px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}@media (width>=1024px){h2{margin-bottom:20px}}.page-subtitle{color:var(--text);opacity:.75;margin:0 0 16px;font-size:13px}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root[data-ui-style=hearth][data-ui-style-mode=light],:root[data-ui-style=hearth][data-ui-style-mode=dark],:root[data-ui-style=constellation][data-ui-style-mode=light],:root[data-ui-style=constellation][data-ui-style-mode=dark],:root[data-ui-style=aquarium][data-ui-style-mode=light],:root[data-ui-style=aquarium][data-ui-style-mode=dark],:root[data-ui-style=frost][data-ui-style-mode=light],:root[data-ui-style=frost][data-ui-style-mode=dark],:root[data-ui-style=willow][data-ui-style-mode=light],:root[data-ui-style=willow][data-ui-style-mode=dark],:root[data-ui-style=clay][data-ui-style-mode=light],:root[data-ui-style=clay][data-ui-style-mode=dark],:root[data-ui-style=ceramic][data-ui-style-mode=light],:root[data-ui-style=ceramic][data-ui-style-mode=dark],:root[data-ui-style=velvet][data-ui-style-mode=light],:root[data-ui-style=velvet][data-ui-style-mode=dark],:root[data-ui-style=slate][data-ui-style-mode=light],:root[data-ui-style=slate][data-ui-style-mode=dark]{--accent-light:color-mix(in srgb, var(--accent) 55%, white 45%);--accent-bg:color-mix(in srgb, var(--accent) 15%, transparent);--accent-border:color-mix(in srgb, var(--accent) 45%, transparent);--accent-button:var(--accent);--orb-1:color-mix(in srgb, var(--accent) 18%, transparent);--orb-2:color-mix(in srgb, var(--accent-dark) 12%, transparent)}:root[data-ui-style][data-ui-style-mode=light]{--shadow:#00000014 0 20px 40px -8px, #0000000d 0 8px 16px -4px;--shadow-button:#0000000f 0 8px 16px -4px, #00000008 0 3px 6px -2px;--shadow-glass:inset 0 1px 0 #ffffffb3;--social-bg:#00000008;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-ui-style][data-ui-style-mode=dark]{--shadow:#0006 0 20px 40px -8px, #0003 0 8px 16px -4px;--shadow-button:#00000040 0 8px 16px -4px, #00000026 0 3px 6px -2px;--shadow-glass:inset 0 1px 0 #ffffff1a;--social-bg:#ffffff0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-ui-style=hearth]{--radius-sm:10px;--radius-md:18px;--radius-lg:26px;--radius-pill:999px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:Georgia, "Iowan Old Style", "Palatino Linotype", serif}:root[data-ui-style=hearth][data-ui-style-mode=light]{--bg:#f6efe4;--code-bg:#ede2cf;--text:#5b4a37;--text-h:#2c2013;--border:#3c281424;--accent:#b3552c;--accent-dark:#8a3f1f;--on-accent:#fff6ec;--shadow-sm:0 4px 10px #0000001a;--shadow-md:0 8px 20px #0000001f;--shadow-lg:0 16px 36px #00000024}:root[data-ui-style=hearth][data-ui-style-mode=dark]{--bg:#241c14;--code-bg:#1a140d;--text:#c9b8a0;--text-h:#f2e6d4;--border:#ffdcb424;--accent:#d98e5f;--accent-dark:#b3552c;--on-accent:#2c1608;--shadow-sm:0 4px 10px #00000059;--shadow-md:0 8px 20px #0006;--shadow-lg:0 16px 36px #00000073}:root[data-ui-style=hearth] body{background-image:radial-gradient(ellipse 60% 40% at 15% 0%, var(--orb-1) 0%, transparent 60%), radial-gradient(ellipse 50% 50% at 100% 100%, var(--orb-2) 0%, transparent 65%);background-attachment:fixed}:root[data-ui-style=constellation]{--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:Georgia, "Palatino Linotype", serif}:root[data-ui-style=constellation][data-ui-style-mode=dark]{--bg:#0e0b1a;--code-bg:#080614;--text:#b3a8d8;--text-h:#efe9ff;--border:#dcbfff24;--accent:#dcbfff;--accent-dark:#a583d6;--on-accent:#1c1230;--dot-color:#ffffffd9;--dot-color-dim:#fff6;--social-bg:#0e0b1ab8;--shadow-sm:0 4px 10px #00000059;--shadow-md:0 8px 20px #0006;--shadow-lg:0 16px 36px #00000073}:root[data-ui-style=constellation][data-ui-style-mode=light]{--bg:#f0edfa;--code-bg:#e4dff5;--text:#6b5f8a;--text-h:#2c2444;--border:#64509624;--accent:#6b3fa0;--accent-dark:#52307c;--on-accent:#f6f0ff;--dot-color:#3c285a66;--dot-color-dim:#3c285a33;--social-bg:#f0edfab8;--shadow-sm:0 4px 10px #0000001a;--shadow-md:0 8px 20px #0000001f;--shadow-lg:0 16px 36px #00000024}:root[data-ui-style=constellation] body{background-image:radial-gradient(1px 1px at 8% 12%, var(--dot-color-dim) 100%, transparent), radial-gradient(1px 1px at 20% 30%, var(--dot-color) 100%, transparent), radial-gradient(1px 1px at 33% 8%, var(--dot-color-dim) 100%, transparent), radial-gradient(1px 1px at 70% 60%, var(--dot-color) 100%, transparent), radial-gradient(1.5px 1.5px at 40% 80%, var(--dot-color) 100%, transparent), radial-gradient(1px 1px at 85% 20%, var(--dot-color) 100%, transparent), radial-gradient(1px 1px at 92% 48%, var(--dot-color-dim) 100%, transparent), radial-gradient(1px 1px at 60% 92%, var(--dot-color-dim) 100%, transparent), radial-gradient(1.5px 1.5px at 12% 65%, var(--dot-color-dim) 100%, transparent), radial-gradient(1px 1px at 78% 85%, var(--dot-color-dim) 100%, transparent), radial-gradient(circle at 50% 40%, var(--orb-1) 0%, transparent 60%);background-attachment:fixed}:root[data-ui-style=aquarium]{--radius-sm:10px;--radius-md:18px;--radius-lg:26px;--radius-pill:999px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root[data-ui-style=aquarium][data-ui-style-mode=dark]{--bg:#081e24;--code-bg:#04141a;--text:#9cc4cc;--text-h:#e0f6fa;--border:#1c7a8c47;--accent:#3ee8d8;--accent-dark:#1c7a8c;--on-accent:#04201c;--shadow-sm:0 4px 10px #00000059;--shadow-md:0 8px 20px #0006;--shadow-lg:0 16px 36px #00000073}:root[data-ui-style=aquarium][data-ui-style-mode=light]{--bg:#eaf6f6;--code-bg:#d8ecec;--text:#3a6c6c;--text-h:#123838;--border:#146e6e1f;--accent:#1c8c94;--accent-dark:#146a70;--on-accent:#000;--shadow-sm:0 4px 10px #0000001a;--shadow-md:0 8px 20px #0000001f;--shadow-lg:0 16px 36px #00000024}:root[data-ui-style=aquarium] body{background-image:radial-gradient(circle at 30% 20%, var(--orb-1) 0%, transparent 55%), radial-gradient(circle at 80% 80%, var(--orb-2) 0%, transparent 55%);background-attachment:fixed}:root[data-ui-style=frost]{--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root[data-ui-style=frost][data-ui-style-mode=light]{--bg:#eef4f8;--code-bg:#dfeaf1;--text:#516a7a;--text-h:#1e3444;--border:#1e506e1a;--accent:#7fb8d9;--accent-dark:#4a8fb3;--on-accent:#08202c;--shadow-sm:0 4px 10px #0000001a;--shadow-md:0 8px 20px #0000001f;--shadow-lg:0 16px 36px #00000024}:root[data-ui-style=frost][data-ui-style-mode=dark]{--bg:#0c1620;--code-bg:#060e16;--text:#7ea8c4;--text-h:#dcecf5;--border:#7fb8d92e;--accent:#8fd0f0;--accent-dark:#5ca8cc;--on-accent:#04141c;--shadow-sm:0 4px 10px #00000059;--shadow-md:0 8px 20px #0006;--shadow-lg:0 16px 36px #00000073}:root[data-ui-style=frost] body{background-image:radial-gradient(circle at 30% 20%, var(--orb-1) 0%, transparent 45%);background-attachment:fixed}:root[data-ui-style=willow]{--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-pill:999px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root[data-ui-style=willow][data-ui-style-mode=light]{--bg:#f2eff2;--code-bg:#e6e0e8;--text:#6e677c;--text-h:#38304a;--border:#3c285a17;--accent:#9a8ca8;--accent-dark:#6f6284;--on-accent:#000;--shadow-sm:0 4px 10px #0000001a;--shadow-md:0 8px 20px #0000001f;--shadow-lg:0 16px 36px #00000024}:root[data-ui-style=willow][data-ui-style-mode=dark]{--bg:#1e1a26;--code-bg:#14111a;--text:#a89ac0;--text-h:#f0e8fa;--border:#dcc8ff1f;--accent:#b8a0d4;--accent-dark:#9a8ac0;--on-accent:#1c1428;--shadow-sm:0 4px 10px #00000059;--shadow-md:0 8px 20px #0006;--shadow-lg:0 16px 36px #00000073}:root[data-ui-style=willow] body{background-image:radial-gradient(ellipse 70% 50% at 50% 0%, var(--orb-1) 0%, transparent 60%);background-attachment:fixed}:root[data-ui-style=clay]{--radius-sm:18px;--radius-md:26px;--radius-lg:34px;--radius-pill:999px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--chrome-blur-header:0px;--chrome-blur-menu:0px;--chrome-saturate-menu:100%;--chrome-blur-tooltip:0px;--chrome-blur-search:0px;--chrome-bg-header:var(--bg);--chrome-bg-menu:var(--bg);--shadow-glass:none}:root[data-ui-style=clay][data-ui-style-mode=light]{--bg:#e4e7f7;--code-bg:#e4e7f7;--text:#5c5590;--text-h:#332d63;--border:transparent;--accent:#7c6fee;--accent-dark:#5e4fd6;--on-accent:#fff;--shadow-sm:-4px -4px 10px #fff, 4px 4px 10px #a3b1c680;--shadow-md:-6px -6px 14px #fff, 6px 6px 14px #a3b1c68c;--shadow-lg:-8px -8px 20px #fff, 8px 8px 20px #a3b1c699}:root[data-ui-style=clay][data-ui-style-mode=dark]{--bg:#1c1e2e;--code-bg:#1c1e2e;--text:#a9a4d4;--text-h:#ece9fb;--border:transparent;--accent:#9b8fff;--accent-dark:#7c6fee;--on-accent:#17142b;--shadow-sm:-3px -3px 8px #ffffff09, 4px 4px 10px #0000008c;--shadow-md:-5px -5px 12px #ffffff0a, 6px 6px 16px #0009;--shadow-lg:-7px -7px 18px #ffffff0d, 9px 9px 22px #000000a6}:root[data-ui-style=clay] body{background-image:none}:root[data-ui-style=ceramic]{--radius-sm:20px;--radius-md:20px;--radius-lg:28px;--radius-pill:999px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--chrome-blur-header:0px;--chrome-blur-menu:0px;--chrome-saturate-menu:100%;--chrome-blur-tooltip:0px;--chrome-blur-search:0px;--chrome-bg-header:var(--code-bg);--chrome-bg-menu:var(--bg);--shadow-glass:none}:root[data-ui-style=ceramic][data-ui-style-mode=dark]{--bg:#221d1f;--code-bg:#2c262a;--text:#a89892;--text-h:#f2e6e0;--border:#ffffff0f;--accent:#c17f5c;--accent-dark:#8a4f30;--on-accent:#2a1608;--shadow-sm:0 4px 10px #00000059;--shadow-md:0 8px 20px #0006;--shadow-lg:0 16px 36px #00000073}:root[data-ui-style=ceramic][data-ui-style-mode=light]{--bg:#f2ece7;--code-bg:#e6dcd2;--text:#6b5a4c;--text-h:#2c2013;--border:#0000000f;--accent:#b3552c;--accent-dark:#8a3f1f;--on-accent:#fff6ec;--shadow-sm:0 4px 10px #0000001a;--shadow-md:0 8px 20px #0000001f;--shadow-lg:0 16px 36px #00000024}:root[data-ui-style=ceramic] body{background-image:none}:root[data-ui-style=velvet]{--radius-sm:22px;--radius-md:24px;--radius-lg:32px;--radius-pill:999px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--chrome-blur-header:0px;--chrome-blur-menu:0px;--chrome-saturate-menu:100%;--chrome-blur-tooltip:0px;--chrome-blur-search:0px;--chrome-bg-header:var(--code-bg);--chrome-bg-menu:var(--bg);--shadow-glass:none}:root[data-ui-style=velvet][data-ui-style-mode=dark]{--bg:#1e1420;--code-bg:#281b2a;--text:#a690ac;--text-h:#f2e4f4;--border:#ffffff0f;--accent:#e8a8b8;--accent-dark:#d488a0;--on-accent:#2a0e14;--shadow-sm:0 4px 10px #0006;--shadow-md:0 8px 22px #00000073;--shadow-lg:0 18px 40px #00000080}:root[data-ui-style=velvet][data-ui-style-mode=light]{--bg:#f6eef4;--code-bg:#ecdfea;--text:#6e5a72;--text-h:#38204a;--border:#0000000d;--accent:#b8628a;--accent-dark:#94406a;--on-accent:#fff;--shadow-sm:0 4px 10px #00000014;--shadow-md:0 8px 22px #0000001a;--shadow-lg:0 18px 40px #0000001f}:root[data-ui-style=velvet] body{background-image:none}:root[data-ui-style=slate]{--radius-sm:14px;--radius-md:16px;--radius-lg:22px;--radius-pill:999px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--chrome-blur-header:0px;--chrome-blur-menu:0px;--chrome-saturate-menu:100%;--chrome-blur-tooltip:0px;--chrome-blur-search:0px;--chrome-bg-header:var(--code-bg);--chrome-bg-menu:var(--bg);--shadow-glass:none}:root[data-ui-style=slate][data-ui-style-mode=dark]{--bg:#1a1e24;--code-bg:#232830;--text:#8d95a2;--text-h:#e8ecf2;--border:#ffffff0d;--accent:#e0a8ae;--accent-dark:#c48088;--on-accent:#2a1214;--shadow-sm:0 4px 10px #00000059;--shadow-md:0 8px 20px #0006;--shadow-lg:0 16px 36px #00000073}:root[data-ui-style=slate][data-ui-style-mode=light]{--bg:#eef0f4;--code-bg:#e0e4ea;--text:#5c6472;--text-h:#1e2430;--border:#0000000f;--accent:#b3707a;--accent-dark:#8a4d58;--on-accent:#fff;--shadow-sm:0 4px 10px #00000014;--shadow-md:0 8px 20px #0000001a;--shadow-lg:0 16px 36px #0000001f}:root[data-ui-style=slate] body{background-image:none}@keyframes slideDownMenu{0%{opacity:0;visibility:hidden;transform:translateY(-8px)}to{opacity:1;visibility:visible;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleInDialog{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes slideInError{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutItem{0%{opacity:1;max-height:60px;transform:translate(0)}to{opacity:0;max-height:0;transform:translate(-16px)}}@keyframes formError{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes fadeInItem{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes routePageIn{0%{opacity:.98;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSwitchLabel{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.auth,.household-setup{width:100%;max-width:360px}.household-home{text-align:left;width:100%;animation:routePageIn var(--duration-slow) var(--ease-spring)}.settings-page{width:100%;animation:routePageIn var(--duration-slow) var(--ease-spring)}.settings-section{margin-top:24px}.settings-section h2{margin-bottom:12px;font-size:16px}.settings-success{font-size:var(--text-base);color:var(--success);animation:slideInError var(--duration-slow) var(--ease-out) forwards;margin-top:8px}.settings-field-label{color:var(--text);margin:16px 0 8px;font-size:13px}.variant-options{flex-wrap:wrap;gap:8px;display:flex}.variant-option{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);min-height:44px;color:var(--text-h);cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex}.variant-option:hover{border-color:var(--accent-border);color:var(--accent);box-shadow:var(--shadow-button);transform:translateY(-1px)}.variant-option:active{box-shadow:none;transform:translateY(0)scale(.96)}.variant-option[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.settings-hint{color:var(--text);opacity:.7;margin:4px 0 14px;font-size:12px;line-height:1.5}.style-group{margin-bottom:14px}.style-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text);opacity:.55;margin:0 0 8px;font-size:11px;font-weight:600}.style-options{flex-wrap:wrap;gap:12px;display:flex}.style-option{min-width:64px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:4px;font-size:11px;display:flex}.style-option-label{transition:color var(--duration-fast), font-weight var(--duration-fast)}.style-option[aria-pressed=true] .style-option-label{color:var(--text-h);font-weight:700}.style-caption{min-height:1.5em}.style-swatch{color:#fff;outline-offset:2px;width:44px;height:44px;transition:outline-color var(--duration-fast), transform var(--duration-fast);clip-path:circle(50%);background-size:cover;border-radius:50%;outline:2px solid #0000;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 -2px 3px #00000029,inset 0 1px 2px #ffffff29,0 1px 3px #00000026}.style-option:hover .style-swatch{transform:translateY(-2px)}.style-option:active .style-swatch{transform:scale(.96)}.style-option[aria-pressed=true] .style-swatch{outline-color:var(--text-h)}.style-mode-row{align-items:center;gap:12px;margin-top:18px;display:flex}#root:has(.layout){justify-content:flex-start}.layout{text-align:left;width:100%;max-width:560px}@media (width>=1024px){.layout{max-width:820px}}@media (width>=1280px){.layout{max-width:1000px}}.page-two-col{flex-direction:column;gap:20px;margin-top:16px;display:flex}.page-two-col-main{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--social-bg);min-width:0;padding:14px 16px}.page-two-col-side{flex-direction:column;gap:12px;display:flex}@media (width>=1024px){.page-two-col{flex-direction:row;align-items:flex-start}.page-two-col-main{flex:0 0 56%;max-width:56%}.page-two-col-side{flex:1}}.stats-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--social-bg);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.stats-panel h3{color:var(--text-h);margin:0;font-size:13px;font-weight:600}.stats-panel-actions{flex-wrap:wrap;gap:8px;display:flex}.stat-row{color:var(--text);justify-content:space-between;padding:2px 0;font-size:13px;display:flex}.stat-row b{color:var(--text-h);font-weight:600}.layout-header{border-radius:var(--radius-pill);background:var(--chrome-bg-header);border:1px solid var(--border);width:fit-content;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(var(--chrome-blur-header));backdrop-filter:blur(var(--chrome-blur-header));z-index:41;align-items:center;gap:8px;margin-top:16px;margin-left:auto;padding:8px;display:flex;position:relative}.layout-menu-toggle,.layout-search-toggle,.layout-settings-toggle{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);width:44px;height:44px;color:var(--text-h);cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-spring) var(--ease-spring);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.layout-menu-toggle:hover,.layout-search-toggle:hover,.layout-settings-toggle:hover{border-color:var(--accent-border);color:var(--accent);box-shadow:var(--shadow-button);transform:scale(1.05)}.layout-menu-toggle:active,.layout-search-toggle:active,.layout-settings-toggle:active{box-shadow:none;transform:scale(.94)}.layout-search-toggle{order:1}.layout-settings-toggle{order:2}.layout-menu-toggle{order:3}.layout-menu-toggle-bars{width:16px;height:12px;position:relative}.layout-menu-toggle-bars span{width:100%;height:2px;transition:transform var(--duration-spring) var(--ease-spring);background:currentColor;border-radius:2px;position:absolute;left:0}.layout-menu-toggle-bars span:first-child{top:0}.layout-menu-toggle-bars span:last-child{bottom:0}.layout-menu-toggle.open .layout-menu-toggle-bars span:first-child{transform:translateY(5px)rotate(45deg)}.layout-menu-toggle.open .layout-menu-toggle-bars span:last-child{transform:translateY(-5px)rotate(-45deg)}.layout-menu{z-index:40;background:var(--chrome-bg-menu);-webkit-backdrop-filter:blur(var(--chrome-blur-menu)) saturate(var(--chrome-saturate-menu));backdrop-filter:blur(var(--chrome-blur-menu)) saturate(var(--chrome-saturate-menu));flex-direction:column;padding:24px 24px 32px;display:flex;position:fixed;inset:0;overflow-y:auto}.layout-menu-close{border:1px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--bg) 80%, transparent);width:44px;height:44px;color:var(--text-h);cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast), transform var(--duration-spring) var(--ease-spring);justify-content:center;align-self:flex-end;align-items:center;margin-bottom:12px;padding:0;display:flex}.layout-menu-close:hover{border-color:var(--accent-border);color:var(--accent);transform:scale(1.05)}.layout-menu-close:active{transform:scale(.94)}.layout-menu-profile{border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:8px;margin-bottom:8px;padding:4px 4px 12px;font-size:14px;display:flex}.layout-profile-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.member-tag{align-items:center;gap:4px;display:inline-flex}.member-tag-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.layout-menu-nav-wrapper{position:relative}.layout-menu ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.layout-menu a{z-index:1;border-radius:var(--radius-md);min-height:48px;color:var(--text-h);transition:color var(--duration-fast), background-color var(--duration-base) var(--ease-out);align-items:center;gap:12px;padding:0 16px;font-size:17px;text-decoration:none;display:flex;position:relative}.layout-menu a.active{background:var(--accent-bg);color:var(--accent)}.layout-menu a:hover{color:var(--accent)}.layout-sign-out{border:none;border-top:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:44px;color:var(--text);cursor:pointer;font:inherit;text-align:left;transition:color var(--duration-fast), background-color var(--duration-fast), border-top-color var(--duration-fast), transform var(--duration-fast);background:0 0;align-items:center;gap:12px;margin-top:16px;padding:0 16px;display:flex}.layout-sign-out:hover{color:var(--accent);background:var(--accent-bg);border-top-color:#0000}.layout-sign-out:active{transform:scale(.98)}.layout-sign-out-confirm{border-top:1px solid var(--border);width:100%;min-height:44px;color:var(--text);align-items:center;gap:8px;margin-top:16px;padding:0 16px;font-size:13px;display:flex}.layout-sign-out-confirm span{flex:1}.layout-sign-out-confirm button{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:36px;color:var(--text);font:inherit;cursor:pointer;background:0 0;padding:0 10px;font-size:13px}.layout-sign-out-confirm button:first-of-type{border-color:var(--error);color:var(--error)}.layout-content{margin-top:16px}.auth form,.household-setup form{text-align:left;flex-direction:column;gap:16px;display:flex}.household-setup-hint{color:var(--text);opacity:.7;margin:-8px 0 0;font-size:13px;line-height:1.5}.auth label,.household-setup label{color:var(--text-h);flex-direction:column;gap:6px;font-size:14px;display:flex}.auth input,.household-setup input{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-h);transition:border-color var(--duration-fast), box-shadow var(--duration-base) var(--ease-in-out);padding:8px 12px}.auth input:focus-visible,.household-setup input:focus-visible{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-border), 0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);outline:none}.password-field{display:block;position:relative}.password-field input{box-sizing:border-box;width:100%;padding-right:44px}.password-toggle{width:44px;height:44px;color:var(--text);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:0;right:0}.password-toggle:hover{color:var(--accent)}.password-toggle:active{transform:scale(.9)}.auth button[type=submit],.household-setup button[type=submit]{font:inherit;border-radius:var(--radius-pill);color:var(--on-accent);background:var(--accent);cursor:pointer;box-shadow:var(--shadow-sm);transition:opacity var(--duration-base), background-color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-spring) var(--ease-spring);border:none;padding:12px}.auth button[type=submit]:hover:not(:disabled),.household-setup button[type=submit]:hover:not(:disabled){background:var(--accent-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.auth button[type=submit]:active:not(:disabled),.household-setup button[type=submit]:active:not(:disabled){background:var(--accent-dark);box-shadow:var(--shadow-sm);transform:translateY(0)scale(.96)}.auth button[type=submit]:disabled,.household-setup button[type=submit]:disabled{opacity:.6;cursor:default}.household-setup-tabs{gap:8px;margin-bottom:16px;display:flex}.household-setup-tabs button{min-height:44px;font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);flex:1;justify-content:center;align-items:center;padding:8px;font-size:14px;display:flex}.household-setup-tabs button.active{border-color:var(--accent);color:var(--accent)}.household-setup-tabs button:hover:not(.active){border-color:var(--accent-border);color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.household-setup-tabs button:active{box-shadow:none;transform:translateY(0)scale(.97)}.household-setup-tabs.list-filter-tabs{justify-content:flex-start}.household-setup-tabs.list-filter-tabs button{flex:none;padding:8px 16px}.household-status{flex-direction:column;align-items:center;gap:4px;margin:16px 0 0;padding:0;list-style:none;display:flex}.household-status-clear{color:var(--text);margin-top:16px;font-size:14px}.home-header{width:100%;margin-bottom:8px}.home-header h1{font-size:var(--text-xl);margin:0}.home-header p{font-size:var(--text-base);color:var(--text-secondary);margin:4px 0 0}.household-digest{flex-direction:column;gap:8px;width:100%;margin-top:16px;display:flex}.digest-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--social-bg);color:var(--text);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;transition:all .15s ease-out;display:flex}.digest-card:hover{background:color-mix(in srgb, var(--text-h) 8%, var(--social-bg));border-color:var(--accent);box-shadow:var(--shadow-button);transform:translate(4px)}.digest-card-warn{border-color:color-mix(in srgb, var(--warning) 50%, transparent);background:color-mix(in srgb, var(--warning) 10%, transparent)}.digest-card-warn:hover{background:color-mix(in srgb, var(--warning) 20%, transparent);border-color:color-mix(in srgb, var(--warning) 80%, transparent)}.digest-card-error{border-color:color-mix(in srgb, var(--error) 50%, transparent);background:color-mix(in srgb, var(--error) 10%, transparent)}.digest-card-error:hover{background:color-mix(in srgb, var(--error) 20%, transparent);border-color:color-mix(in srgb, var(--error) 80%, transparent)}.digest-icon{flex-shrink:0;font-size:18px}.digest-text{flex:1}.digest-arrow{color:var(--text);opacity:.5;flex-shrink:0;font-size:16px}.household-dashboard-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin-top:16px;display:grid}.household-dashboard-grid>:nth-child(3){grid-column:1/-1}.dashboard-preview-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--social-bg);color:var(--text);cursor:pointer;text-align:left;flex-direction:column;gap:8px;width:100%;padding:12px 16px;transition:all .15s ease-out;display:flex;position:relative}.dashboard-preview-card:hover{background:color-mix(in srgb, var(--text-h) 8%, var(--social-bg));border-color:var(--accent);box-shadow:var(--shadow-button)}.dashboard-preview-card-header{color:var(--text-h);align-items:center;gap:8px;padding-right:20px;font-size:14px;font-weight:600;display:flex}.dashboard-preview-card-lines{color:var(--text);flex-direction:column;gap:2px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.dashboard-preview-card-more{opacity:.6}.dashboard-preview-card-empty{color:var(--text-secondary);margin:0;font-size:13px}.dashboard-preview-card-arrow{color:var(--text);opacity:.5;position:absolute;top:12px;right:16px}@media (width<=480px){.household-dashboard-grid{grid-template-columns:1fr}}.household-invite{margin-top:16px;font-size:14px}.household-invite code{background:var(--code-bg);word-break:break-all;border-radius:4px;padding:4px 8px;display:inline-block}.household-invite-id{align-items:center;gap:6px;margin-top:4px;display:flex}.household-invite-id code{flex:auto;margin-top:0}.household-invite-copy{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:44px;height:44px;color:var(--text-h);cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);flex:none;justify-content:center;align-items:center;padding:0;display:flex}.household-invite-copy:hover{border-color:var(--accent-border);color:var(--accent);box-shadow:var(--shadow-button);transform:translateY(-1px)}.household-invite-copy:active{box-shadow:none;transform:translateY(0)scale(.94)}.household-invite-copy-error{margin-top:8px;display:block}.auth-toggle{color:var(--accent);cursor:pointer;font:inherit;transition:color var(--duration-base) var(--ease-out), transform var(--duration-fast);background:0 0;border:none;margin:16px auto 0;font-size:14px;display:block}.auth-toggle:active{transform:scale(.96)}.auth-mode-label{animation:fadeSwitchLabel var(--duration-base) var(--ease-out);display:inline-block}.auth-error{color:var(--error);animation:slideInError var(--duration-slow) var(--ease-out) forwards;margin-top:16px;font-size:14px}.auth-step{color:var(--text);opacity:.65;margin:-8px 0 16px;font-size:13px}.auth-message{color:var(--text-h);margin-top:16px;font-size:14px}.signed-in{flex-direction:column;align-items:center;gap:12px;display:flex}.shopping-list,.tasks,.inventory,.calendar,.maintenance-log,.documents-vault{text-align:left;animation:routePageIn var(--duration-slow) var(--ease-spring);margin-top:24px}.photo-import{border-top:1px solid var(--border);text-align:left;margin-top:24px;padding-top:16px}.photo-import h3{font-size:16px}.photo-import input[type=file]{font:inherit;color:var(--text)}.photo-import-review{margin-top:16px}.photo-import-review h4{color:var(--text);margin:0 0 8px;font-size:14px;font-weight:500}.photo-import-review>button{font:inherit;border-radius:var(--radius-sm);min-height:44px;color:var(--on-accent);background:var(--accent);cursor:pointer;box-shadow:var(--shadow-sm);transition:opacity var(--duration-base), background-color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);border:none;margin-top:12px;padding:10px 20px}.photo-import-review>button:hover:not(:disabled){background:var(--accent-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.photo-import-review>button:active:not(:disabled){background:var(--accent-dark);box-shadow:var(--shadow-sm);transform:translateY(0)scale(.96)}.photo-import-review>button:disabled{opacity:.6;cursor:default}.item-form{flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:16px;display:flex}.item-field{color:var(--text);flex-direction:column;flex:140px;gap:4px;min-width:0;font-size:13px;display:flex}.item-field-narrow{flex:120px}.item-field-file{flex:100%}.item-field-tiny{flex:0 72px}.item-field-tiny:has(.qty-stepper){flex-basis:132px}.item-field-hint{color:var(--text);opacity:.55;font-size:11px}.maintenance-interval-inputs{gap:8px;display:flex}.maintenance-interval-inputs input[type=number]{flex-shrink:0;width:64px}.item-form input,.item-form .dropdown-trigger,.item-form>button,.quick-add-form button{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text-h);box-sizing:border-box;width:100%;padding:10px 12px;font-size:16px}.item-form input,.item-form .dropdown-trigger{transition:border-color var(--duration-fast), box-shadow var(--duration-base) var(--ease-in-out)}.item-form input:focus-visible,.item-form .dropdown-trigger:focus-visible{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-border), 0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}.item-form input.has-error{border-color:var(--error);animation:.4s ease-in-out formError}.item-form.has-error input:not(.has-error),.item-form.has-error .dropdown-trigger{animation:.4s ease-in-out formError}.item-form>button{border-radius:var(--radius-pill);color:var(--on-accent);background:var(--accent);cursor:pointer;width:auto;box-shadow:var(--shadow-sm);transition:opacity var(--duration-base), background-color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-spring) var(--ease-spring);border:none;padding:10px 20px}.quick-add-form button{border-radius:var(--radius-pill);color:var(--on-accent);background:var(--accent);cursor:pointer;width:100%;box-shadow:var(--shadow-sm);transition:opacity var(--duration-base), background-color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-spring) var(--ease-spring);border:none;padding:10px 20px}.item-form>button:hover:not(:disabled):not(.item-form-cancel):not(.dropdown-trigger):not(.wheel-number-field-trigger){background:var(--accent-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-form>button:active:not(:disabled):not(.item-form-cancel):not(.dropdown-trigger):not(.wheel-number-field-trigger){background:var(--accent-dark);box-shadow:var(--shadow-sm);transform:translateY(0)scale(.96)}.item-form>button:disabled{opacity:.6;cursor:default}.item-form .dropdown-trigger,.item-form .dropdown-options button,.quick-add-form .dropdown-trigger,.quick-add-form .dropdown-options button{box-shadow:none}.item-form .wheel-number-field-trigger,.quick-add-form .wheel-number-field-trigger{box-shadow:none;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);transform:none}.item-form .dropdown-trigger:hover:not(:disabled),.quick-add-form .dropdown-trigger:hover:not(:disabled),.item-form .wheel-number-field-trigger:hover:not(:disabled),.quick-add-form .wheel-number-field-trigger:hover:not(:disabled){background:var(--bg);box-shadow:none;transform:none}.item-form .dropdown-options button:hover:not(:disabled),.quick-add-form .dropdown-options button:hover:not(:disabled){background:var(--accent-bg);color:var(--accent);box-shadow:none;transform:none}.item-form .dropdown-trigger:active:not(:disabled),.quick-add-form .dropdown-trigger:active:not(:disabled),.item-form .wheel-number-field-trigger:active:not(:disabled),.quick-add-form .wheel-number-field-trigger:active:not(:disabled){background:var(--bg);box-shadow:none;transform:none}.item-form .dropdown-options button:active:not(:disabled),.quick-add-form .dropdown-options button:active:not(:disabled){background:var(--accent-bg);box-shadow:none;transform:none}.add-toggle-button{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);min-height:44px;color:var(--text-h);font:inherit;cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-spring) var(--ease-spring);justify-content:center;align-items:center;margin-bottom:16px;padding:10px 20px;display:inline-flex}.add-toggle-button:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.add-toggle-button:active:not(:disabled){box-shadow:none;transform:translateY(0)scale(.96)}.add-toggle-button:disabled{opacity:.5;cursor:default}.add-toggle-button:disabled:hover{border-color:var(--border);color:var(--text-h)}.item-form .item-form-cancel{width:auto;min-height:44px;box-shadow:none;color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:12px}.subfolder-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.subfolder-item{margin:0;padding:0}.subfolder-link{width:100%;color:var(--text);cursor:pointer;text-align:left;transition:color var(--duration-fast), background-color var(--duration-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 0 8px 12px;font-size:14px;display:flex}.subfolder-link:hover{background-color:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent)}@media (width<=480px){.folder-list-nested{margin-left:0}.item-form{flex-direction:column;align-items:stretch}.item-field,.item-field-narrow,.item-field-tiny{flex-basis:auto}.item-field-tiny{align-self:flex-start}.item-form>button{width:100%}.item-edit-fields{flex-direction:column}.item-edit-field{flex-basis:auto;font-size:12px}.item-edit-field-tiny{align-self:flex-start}.item-list li{padding:10px 8px}.calendar-event-info{gap:1px}.calendar-event-title{gap:4px;font-size:12px}.item-note{font-size:11px;line-height:1.3}.document-actions-move .dropdown-trigger{font-size:12px}.item-note{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}}.shopping-list-group h3{color:var(--text);margin:16px 0 4px;font-size:14px}.page-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-header-row h2{margin:0}.page-header-actions{align-items:center;gap:8px;display:flex}.share-button{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);min-height:44px;color:var(--text-h);font:inherit;cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex}.share-button:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent);box-shadow:var(--shadow-button);transform:translateY(-1px)}.share-button:active:not(:disabled){box-shadow:none;transform:translateY(0)scale(.96)}.share-button:disabled{opacity:.5;cursor:default}.list-switcher{align-items:center;gap:6px;margin-bottom:12px;display:flex}.list-switcher .dropdown-trigger{min-width:0;font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text-h);cursor:pointer;flex:auto;padding:8px 12px;font-size:15px}.list-rename-form{margin-bottom:12px}.shopping-list-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.shopping-list-actions .add-toggle-button{margin-bottom:0}.shopping-list-bulk-actions{gap:6px;margin-bottom:8px;display:flex}.item-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.item-list li{min-height:44px;transition:opacity var(--duration-fast), text-decoration-color var(--duration-fast), border-color var(--duration-fast), background-color var(--duration-fast), border-radius var(--duration-fast), box-shadow var(--duration-fast);animation:fadeInItem var(--duration-base) var(--ease-out);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex;position:relative}.swipe-delete-backing{background:color-mix(in oklch, red 70%, var(--bg));color:#fff;border-radius:var(--radius-md);pointer-events:none;justify-content:flex-end;align-items:center;padding-right:16px;display:flex;position:absolute;inset:0}.item-list li .item-list-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.item-list li:hover,.item-list li:active{z-index:1;background:var(--social-bg);border-radius:var(--radius-md);box-shadow:var(--shadow), inset 0 1px 0 color-mix(in srgb, var(--text-h) 6%, transparent);position:relative}@media (hover:hover){.item-list li:focus-within{z-index:1;background:var(--social-bg);border-radius:var(--radius-md);box-shadow:var(--shadow), inset 0 1px 0 color-mix(in srgb, var(--text-h) 6%, transparent);position:relative}}.item-list li.item-leaving{animation:slideOutItem var(--duration-base) var(--ease-in) forwards;overflow:hidden}.item-list li label:not(.item-edit-field){cursor:pointer;min-height:44px;transition:color var(--duration-base) var(--ease-out), opacity var(--duration-base) var(--ease-out), text-decoration-color var(--duration-base) var(--ease-out);flex:1;align-items:center;gap:10px;-webkit-text-decoration:line-through #0000;text-decoration:line-through #0000;display:flex}.item-list li label input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring), filter var(--duration-base) var(--ease-out);flex-shrink:0}.item-list li label input[type=checkbox]:checked{filter:drop-shadow(0 2px 4px color-mix(in srgb, var(--accent) 30%, transparent));transform:scale(1.15)}.item-list li.checked label{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text);color:var(--text);opacity:.75}.item-list li button{font:inherit;min-width:44px;min-height:44px;color:var(--text);cursor:pointer;transition:color var(--duration-fast), background-color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);background:0 0;border:none;padding:8px 12px;font-size:12px}.item-list li button:hover{color:var(--accent);background:var(--accent-bg);box-shadow:var(--shadow-md);transform:translateY(-1px)}.item-list li button:active{box-shadow:var(--shadow-sm);transform:scale(.94)}.item-note{color:var(--text);font-size:12px}.item-note-muted{opacity:.6}.item-edit-row{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius-md);flex-wrap:wrap;gap:10px;width:100%;padding:12px;display:flex}.item-edit-fields{flex-wrap:wrap;flex:1;gap:10px;min-width:0;display:flex}.item-edit-field{color:var(--text);flex-direction:column;flex:140px;gap:4px;min-width:0;font-size:11px;display:flex}.item-edit-field-tiny{flex:0 auto}.item-edit-field-row{flex-direction:row;align-items:center;gap:6px}.item-edit-field input:not([type=checkbox]),.item-edit-field .dropdown-trigger{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-h);text-align:left;box-sizing:border-box;width:100%;padding:10px 16px;font-size:14px}.item-edit-field input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}.item-edit-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.item-edit-confirm,.item-edit-cancel{cursor:pointer;width:44px;min-width:44px;height:44px;transition:transform var(--duration-fast), box-shadow var(--duration-fast);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.item-edit-confirm{color:#22c55e;background:#22c55e1f}.item-edit-cancel{color:var(--error);background:var(--error-bg)}.item-edit-confirm:hover,.item-edit-cancel:hover{box-shadow:var(--shadow-sm)}.item-edit-confirm:active,.item-edit-cancel:active{transform:scale(.9)}.item-edit-confirm:disabled{opacity:.5;cursor:default}.item-row-actions{flex-shrink:0;align-items:center;display:flex}.item-edit-button{min-width:44px;min-height:44px;color:color-mix(in srgb, var(--accent) 65%, transparent);cursor:pointer;transition:color var(--duration-fast), background-color var(--duration-fast), transform var(--duration-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.item-edit-button:hover{color:var(--accent);background:var(--accent-bg)}.item-edit-button:active{transform:scale(.9)}.item-remove-button{min-width:44px;min-height:44px;color:color-mix(in srgb, var(--error) 55%, transparent);cursor:pointer;transition:color var(--duration-fast), background-color var(--duration-fast), transform var(--duration-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.item-remove-button:hover{color:var(--error);background:var(--error-bg)}.item-remove-button:active{transform:scale(.9)}.item-note.warn,.warn{color:var(--error)}.item-recurrence-icon{vertical-align:-2px;color:var(--accent);margin-right:4px}.item-type-icon{vertical-align:-2px;color:var(--text);opacity:.6;margin-right:4px}.item-amount{font-weight:600}.item-amount.warn{color:var(--error)}.tab-badge{border-radius:var(--radius-pill);background:var(--error);color:#fff;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:6px;padding:0 4px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.inventory-name{align-items:center;gap:6px;display:flex}.inventory-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.qty-stepper{border:1px solid var(--border);border-radius:var(--radius-md);align-items:stretch;display:flex}.qty-stepper button{font:inherit;min-width:44px;min-height:44px;color:var(--text-h);cursor:pointer;transition:color var(--duration-fast), background-color var(--duration-fast), transform var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px 10px;display:flex}.qty-stepper button:first-child{border-radius:calc(var(--radius-md) - 1px) 0 0 calc(var(--radius-md) - 1px)}.qty-stepper button:last-child{border-radius:0 calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0}.qty-stepper button.hovered:not(:disabled){color:var(--accent);background-color:var(--accent-bg,#0000000a)}.qty-stepper button:hover:not(:disabled){box-shadow:none;transform:none}.qty-stepper button:hover:not(.hovered){background:0 0}.qty-stepper button:active:not(:disabled){box-shadow:none;transform:scale(.94)}.qty-stepper button:disabled{opacity:.5;cursor:default}.qty-stepper-value{text-align:center;font-variant-numeric:tabular-nums;flex:1;justify-content:center;align-items:center;min-width:28px;padding:0 4px;display:flex}.qty-stepper-value.warn{color:var(--error);font-weight:600}.calendar-all-day{min-height:44px;color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.calendar-all-day input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring), filter var(--duration-base) var(--ease-out)}.calendar-all-day input:checked{filter:drop-shadow(0 2px 4px color-mix(in srgb, var(--accent) 25%, transparent));transform:scale(1.12)}.calendar-event-info{flex-direction:column;flex:auto;gap:2px;min-width:0;padding:4px 0;display:flex}.document-edit-form{flex:1;min-width:0;margin:4px 0}.calendar-event-title{color:var(--text-h);align-items:center;gap:6px;display:flex}.document-locked-badge{color:var(--text);flex-shrink:0}.document-actions{flex-shrink:0;position:relative}.item-list li.document-actions-open{z-index:2;position:relative}.item-list li.document-row-touch,.item-list li.document-row-touch *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.item-list li.document-row-touch{touch-action:pan-y;border-radius:var(--radius-md)}.document-actions-toggle{min-width:44px;min-height:44px;color:var(--text);cursor:pointer;transition:color var(--duration-fast), background-color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.document-actions-toggle:hover,.document-actions-toggle[aria-expanded=true]{color:var(--accent);background:var(--accent-bg);box-shadow:var(--shadow-md);transform:translateY(-1px)}.document-actions-toggle:active{box-shadow:var(--shadow-sm);transform:scale(.94)}.document-actions-toggle:focus-visible{color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent);outline:none}.document-actions-menu{z-index:10;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);width:max-content;min-width:180px;max-height:min(320px,100vh - 24px);box-shadow:var(--shadow);animation:documentActionsPopIn var(--duration-base) var(--ease-out);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto}.document-actions-menu.document-actions-menu-flip-up{top:auto;bottom:calc(100% + 4px)}@keyframes documentActionsPopIn{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.document-actions-sheet{flex-direction:column;display:flex}.document-actions-menu button,.document-actions-sheet button{border-radius:var(--radius-sm);width:100%;min-height:40px;color:var(--text-h);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-fast), color var(--duration-fast);background:0 0;border:none;align-items:center;padding:8px 10px;font-size:14px;display:flex}.document-actions-menu button:hover:not(:disabled),.document-actions-sheet button:hover:not(:disabled){background:var(--accent-bg);color:var(--accent)}.document-actions-menu button:focus-visible:not(:disabled),.document-actions-sheet button:focus-visible:not(:disabled){background:var(--accent-bg);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);outline:none}.document-actions-menu button:disabled,.document-actions-sheet button:disabled{opacity:.5;cursor:default}.document-actions-menu button.document-actions-remove,.document-actions-sheet button.document-actions-remove{color:var(--error)}.document-actions-menu button.document-actions-remove:hover:not(:disabled),.document-actions-sheet button.document-actions-remove:hover:not(:disabled){background:var(--error-bg);color:var(--error)}.dropdown{position:relative}.dropdown-trigger{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;display:flex}.dropdown-trigger:disabled{opacity:.6;cursor:default}.dropdown-trigger-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wheel-number-field-mobile{flex-direction:column;gap:4px;width:100%;display:flex}.wheel-number-field-label{color:var(--text-secondary);font-size:12px}.wheel-number-field-trigger{width:100%;min-height:44px;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;padding:8px 12px;font-size:16px;display:flex}.wheel-number-field-trigger:disabled{opacity:.6;cursor:default}.dropdown-panel{z-index:10;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);width:max-content;max-height:min(320px,100vh - 24px);box-shadow:var(--shadow);padding:6px;overflow-y:auto}.dropdown-options{flex-direction:column;display:flex}.dropdown-options button{border-radius:var(--radius-sm);width:100%;min-height:40px;color:var(--text-h);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-fast), color var(--duration-fast);background:0 0;border:none;align-items:center;padding:8px 12px;font-size:14px;display:flex}.dropdown-options button:hover,.dropdown-options button.dropdown-option-highlighted{background:var(--accent-bg);color:var(--accent)}.dropdown-options button[aria-selected=true]{font-weight:600}.dropdown-sheet-backdrop{z-index:20;background:var(--overlay-bg);pointer-events:auto;position:fixed;inset:0}.dropdown-sheet{z-index:21;max-height:60vh;padding:12px;padding-bottom:max(12px, env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow);border-bottom:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.wheel-picker-sheet{z-index:21;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow);border-bottom:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.wheel-picker-manual-entry{text-align:center;width:120px;font:inherit;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);padding:8px;font-size:16px}.wheel-picker-viewport{width:160px;position:relative;overflow:hidden}.wheel-picker-column{touch-action:none;flex-direction:column;display:flex}.wheel-picker-row{color:var(--text);justify-content:center;align-items:center;font-size:20px;display:flex}.wheel-picker-center-highlight{border-top:1px solid var(--border);border-bottom:1px solid var(--border);pointer-events:none;height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.document-actions-move{color:var(--text);flex-direction:column;gap:4px;padding:6px 10px;font-size:12px;display:flex}.document-actions-move .dropdown-trigger{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);min-height:36px;color:var(--text-h);cursor:pointer;padding:6px 8px;font-size:14px}.document-actions-divider{background:var(--border);height:1px;margin:4px 6px}.document-actions-locked-note{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--warning) 12%, transparent);color:var(--text);margin:0 6px 4px;padding:6px 8px;font-size:12px;line-height:1.4}.calendar-event-description{color:var(--text);font-size:13px}.calendar-subscribe{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.calendar-subscribe summary{color:var(--text-h);cursor:pointer;margin:0 0 8px;font-size:14px;font-weight:600}.calendar-subscribe[open] summary{margin-bottom:8px}.calendar-subscribe p{color:var(--text);margin-bottom:12px;font-size:13px}.calendar-subscribe-security-note{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--warning) 12%, transparent);border:1px solid color-mix(in srgb, var(--warning) 35%, transparent);padding:8px 12px}.calendar-day-header{margin:12px 0 4px;list-style:none}.calendar-day-header:first-child{margin-top:0}.item-list li.calendar-day-header{padding:0}.item-list li.calendar-day-header .calendar-day-header-toggle{width:100%;min-width:0;min-height:44px;font:inherit;text-transform:uppercase;letter-spacing:.04em;text-align:left;color:var(--text-h);box-shadow:none;cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:600;display:flex;transform:none}.item-list li.calendar-day-header .calendar-day-header-toggle:hover,.item-list li.calendar-day-header .calendar-day-header-toggle:focus-visible{color:var(--accent);box-shadow:none;background:0 0;outline:none;transform:none}.item-list li.calendar-day-header .calendar-day-header-toggle:hover .calendar-day-header-toggle-arrow,.item-list li.calendar-day-header .calendar-day-header-toggle:focus-visible .calendar-day-header-toggle-arrow{color:var(--accent)}.calendar-day-header-toggle-arrow{flex:none;display:flex}.calendar-day-header-toggle-label{flex:1}.calendar-day-header-count{background:color-mix(in srgb, var(--accent) 15%, transparent);min-width:20px;color:var(--accent);text-align:center;text-transform:none;letter-spacing:normal;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700}.calendar-subscribe-actions{flex-wrap:wrap;gap:8px;display:flex}.calendar-subscribe-actions a,.calendar-subscribe-actions button{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text-h);cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);align-items:center;padding:0 16px;font-size:14px;text-decoration:none;display:inline-flex}.calendar-subscribe-actions a:hover,.calendar-subscribe-actions button:hover{border-color:var(--accent-border);color:var(--accent);box-shadow:var(--shadow-button);transform:translateY(-1px)}.calendar-subscribe-actions a:active,.calendar-subscribe-actions button:active{box-shadow:none;transform:translateY(0)scale(.97)}.storage-usage-bar{border-radius:var(--radius-pill);background:var(--border);height:6px;overflow:hidden}.storage-usage-fill{border-radius:var(--radius-pill);background:var(--accent);transform-origin:0;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out)}.storage-usage-fill.warn{background:var(--error)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hover-bubble{z-index:0;pointer-events:none;border-radius:var(--radius-md);background:var(--accent-bg);opacity:0;transition:transform .26s var(--ease-spring), width .26s var(--ease-spring), height .26s var(--ease-spring), opacity var(--duration-base) var(--ease-out);position:absolute;top:0;left:0}.hover-bubble.visible{opacity:1}.documents-back-button{border-radius:var(--radius-sm);min-height:44px;color:var(--text);font:inherit;cursor:pointer;transition:color var(--duration-fast), background-color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);background:0 0;border:none;flex-shrink:0;align-items:center;gap:2px;padding:4px 6px 4px 4px;font-size:13px;display:flex}.documents-back-button:hover{color:var(--accent);background:var(--accent-bg);box-shadow:var(--shadow-md);transform:translateY(-1px)}.documents-back-button:active{box-shadow:var(--shadow-sm);transform:scale(.94)}.documents-search{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);min-height:44px;color:var(--text);transition:border-color var(--duration-fast);align-items:center;gap:8px;margin-bottom:12px;padding:0 12px;display:flex}.documents-search:focus-within{border-color:var(--accent-border)}.documents-search input{min-width:0;font:inherit;color:var(--text-h);background:0 0;border:none;flex:1;padding:10px 0}.documents-search input:focus{outline:none}.documents-search input::-webkit-search-cancel-button{display:none}.documents-search button{width:44px;height:44px;color:var(--text);cursor:pointer;transition:color var(--duration-fast), transform var(--duration-fast);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.documents-search button:hover{color:var(--accent)}.documents-search button:active{transform:scale(.92)}.documents-vault-actions{flex-wrap:wrap;gap:8px;display:flex}.documents-vault-actions .add-toggle-button{margin-bottom:0}.recycle-bin-actions{gap:8px;margin-bottom:16px;display:flex}.recycle-bin-actions button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--social-bg);color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:all .15s ease-out;display:flex}.recycle-bin-actions button:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 20%, transparent);border-color:color-mix(in srgb, var(--accent) 80%, transparent);color:var(--accent)}.empty-trash-button:hover:not(:disabled){background:color-mix(in srgb, var(--error) 20%, transparent);border-color:color-mix(in srgb, var(--error) 80%, transparent);color:var(--error)}.recycle-bin-actions button:disabled{opacity:.5;cursor:not-allowed}.folder-list{margin-bottom:8px}.item-list li.folder-list-item{display:block}.folder-row{border-radius:var(--radius-sm);min-height:44px;transition:background-color var(--duration-fast), box-shadow var(--duration-fast);justify-content:space-between;align-items:center;gap:8px;display:flex}.folder-row.folder-drag-over{background:var(--accent-border);box-shadow:inset 0 0 0 2px var(--accent)}.item-list li[draggable=true]{cursor:grab}.item-list li.item-dragging{opacity:.5}.folder-expand-toggle{min-width:44px;min-height:44px;color:var(--text);cursor:pointer;transition:color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.folder-expand-toggle:hover{color:var(--accent);background:var(--accent-bg);box-shadow:var(--shadow-md);transform:translateY(-1px)}.folder-expand-toggle:active{box-shadow:var(--shadow-sm);transform:scale(.94)}.folder-expand-toggle:focus-visible{color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent);outline:none}.folder-expand-spacer{flex:none;width:32px;display:inline-block}.folder-list-nested{margin:0 0 0 32px}.documents-vault .item-list li:hover .calendar-event-title{color:var(--accent);transition:color var(--duration-fast)}.folder-row-name{min-height:44px;color:var(--text-h);font:inherit;cursor:pointer;text-align:left;transition:color var(--duration-fast), transform var(--duration-fast);background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:6px 0;display:flex}.folder-row-name:hover{color:var(--accent)}.folder-list-item .folder-row-name:hover{color:var(--accent);box-shadow:none;background:0 0;transform:none}.folder-row-name:active{transform:scale(.98)}.folder-action-button{width:44px;height:44px;color:var(--text);cursor:pointer;transition:color var(--duration-fast), background-color var(--duration-fast), transform var(--duration-fast);background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.folder-action-button:hover{color:var(--accent);background:var(--accent-bg);box-shadow:var(--shadow-md);transform:translateY(-1px)}.folder-action-button:active{box-shadow:var(--shadow-sm);transform:scale(.94)}.folder-action-button:focus-visible{color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent);outline:none}.folder-rename-form{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.documents-sidebar-row .folder-rename-form .folder-action-button{background:var(--accent-bg);width:28px;height:28px}.folder-rename-form input{min-width:0;font:inherit;border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-h);flex:1;padding:6px 8px;font-size:15px}.folder-rename-form input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}.file-input-wrapper{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.file-input-wrapper input[type=file]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-input-button{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);min-height:36px;color:var(--text-h);font:inherit;cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);justify-content:center;align-items:center;padding:6px 14px;font-size:13px;display:inline-flex}.file-input-wrapper input[type=file]:focus-visible+.file-input-button,.file-input-button:hover{border-color:var(--accent-border);color:var(--accent);box-shadow:var(--shadow-button);transform:translateY(-1px)}.file-input-button:active{box-shadow:none;transform:translateY(0)scale(.97)}.file-input-name{color:var(--text);font-size:13px}.file-help-anchor{display:inline-flex;position:relative}.item-form .file-help-toggle{background:color-mix(in srgb, var(--text) 18%, transparent);width:16px;height:16px;min-height:0;color:var(--text);cursor:pointer;transition:color var(--duration-fast), background-color var(--duration-fast);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.item-form .file-help-toggle:hover,.item-form .file-help-toggle[aria-pressed=true]{color:var(--on-accent);background:var(--accent)}.file-help-bubble{z-index:5;border:1px solid var(--accent-border);background:var(--accent-bg);width:max-content;max-width:220px;-webkit-backdrop-filter:blur(var(--chrome-blur-tooltip));color:var(--text-h);text-align:left;box-shadow:var(--shadow);animation:fileHelpPopIn var(--duration-base) var(--ease-out);border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.4;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.file-help-bubble:before{content:"";background:var(--accent-bg);border-right:1px solid var(--accent-border);border-bottom:1px solid var(--accent-border);width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes fileHelpPopIn{0%{opacity:0;transform:translate(-50%)translateY(4px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.preview-overlay{z-index:20;background:var(--overlay-bg);animation:fadeInOverlay var(--duration-slow) ease-out forwards;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.preview-dialog{background:var(--bg);border:1px solid var(--border);width:100%;max-width:720px;max-height:90vh;box-shadow:var(--shadow);animation:scaleInDialog var(--duration-slow) var(--ease-out) forwards;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.preview-dialog-header{border-bottom:1px solid var(--border);color:var(--text-h);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.preview-dialog-header button{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);min-height:44px;color:var(--text-h);cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);flex-shrink:0;padding:0 16px;font-size:13px}.preview-dialog-header button:hover{border-color:var(--accent-border);color:var(--accent);box-shadow:var(--shadow-button);transform:translateY(-1px)}.preview-dialog-header button:active{box-shadow:none;transform:translateY(0)scale(.97)}.preview-dialog-body{overscroll-behavior:contain;text-align:center;flex:1;padding:16px;overflow:auto}.preview-frame{border:none;width:100%;height:70vh}.photo-import-dialog{max-width:480px}.photo-import-body{text-align:left}.photo-import-mode{margin:12px 0}.photo-import-analyzing{text-align:center;color:var(--text);padding:32px 0}.photo-import-item-list{flex-direction:column;gap:8px;max-height:40vh;margin:0 0 8px;padding:0;list-style:none;display:flex;overflow-y:auto}.photo-import-item-list li{align-items:center;gap:8px;display:flex}.photo-import-item-list li label{flex:1;align-items:center;gap:8px;display:flex}.photo-import-item-list li label input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;width:18px;height:18px}.photo-import-item-list li label input[type=text]{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-h);flex:1;padding:8px 10px}.photo-import-item-list li label input[type=text]:disabled{opacity:.5}.photo-import-item-list li>button{width:32px;height:32px;color:var(--text);opacity:.6;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.photo-import-item-list li>button:hover{opacity:1;color:var(--error)}.preview-image{max-width:100%;max-height:70vh}.loading{animation:fadeInItem var(--duration-base) var(--ease-out), pulse 1s ease-in-out .15s infinite;color:var(--text-h);font-weight:500}.loading-container{animation:fadeInItem var(--duration-base) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.loading-spinner{border:2px solid var(--accent-light);border-top-color:var(--accent);opacity:.8;border-radius:50%;width:24px;height:24px}.toast-container{pointer-events:none;z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast-container>*{pointer-events:auto}@media (width<=480px){.toast-container{bottom:calc(16px + env(safe-area-inset-bottom,0px));align-items:center;left:16px;right:16px}.toast-container>*{width:100%;max-width:none!important}}.quick-add-dashboard{margin:24px 0;padding:0 16px}.quick-add-dashboard h2{color:var(--text-h);margin-bottom:16px;font-size:18px;font-weight:600}.quick-add-grid{grid-template-columns:repeat(2,minmax(240px,1fr));align-items:start;gap:12px;display:grid}.quick-add-card{border:1px solid var(--border);background:var(--bg);border-radius:8px;overflow:hidden}.quick-add-header{border-radius:inherit;cursor:pointer;width:100%;color:var(--text-h);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px;transition:background-color .2s,box-shadow .2s;display:flex}.quick-add-header:hover{background-color:var(--accent-bg);box-shadow:inset 0 0 0 1px var(--accent-border)}.quick-add-header:active{background-color:var(--accent-bg);transform:scale(.98)}.quick-add-header strong{margin-bottom:2px;font-size:14px;font-weight:600;display:block}.quick-add-description{color:var(--text);opacity:.8;font-size:12px;display:block}.quick-add-content{border-top:1px solid var(--border);padding:12px}.quick-add-form{flex-direction:column;gap:8px;display:flex}.quick-add-form input,.quick-add-form .dropdown-trigger,.quick-add-form label{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);min-height:40px;color:var(--text-h);box-sizing:border-box;width:100%;padding:8px 10px;font-size:14px}.quick-add-form input:focus-visible,.quick-add-form .dropdown-trigger:focus-visible{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-border), 0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}.quick-add-form label{background:0 0;border:none;align-items:center;gap:8px;min-height:auto;padding:8px 0;font-size:14px;display:flex}.quick-add-form label input[type=checkbox]{background:0 0;border:none;width:auto;min-height:auto;padding:0}@media (width<=480px){.quick-add-grid{grid-template-columns:1fr}}.search-backdrop{background:var(--overlay-bg);z-index:1001;-webkit-backdrop-filter:blur(var(--chrome-blur-search));backdrop-filter:blur(var(--chrome-blur-search));position:fixed;inset:0}.search-modal{background:var(--bg);border:1px solid var(--border);z-index:1002;border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:70vh;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 25px -5px #0000004d}.search-input-wrapper{border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:12px;padding:12px 16px;display:flex}.search-icon{flex-shrink:0;font-size:18px}.search-input{color:var(--text-h);background:0 0;border:none;outline:none;flex:1;font-size:16px}.search-input::placeholder{color:var(--text);opacity:.7}.search-hint{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:12px;font-weight:600}.search-results{flex:1;overflow:hidden auto}.search-results-list{flex-direction:column;display:flex}.search-result-item{cursor:pointer;color:var(--text-h);text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:12px;padding:12px 16px;transition:background-color .15s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.selected{background-color:var(--accent-bg)}.search-result-item:active{background-color:var(--accent-bg);transform:scale(.99)}.search-result-icon{flex-shrink:0;font-size:20px}.search-result-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search-result-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;display:block;overflow:hidden}.search-result-description{color:var(--text);opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.search-result-type{background:var(--border);color:var(--text);text-transform:uppercase;opacity:.6;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.search-empty{text-align:center;color:var(--text);padding:40px 20px;font-size:14px}.search-footer{border-top:1px solid var(--border);background:var(--bg);color:var(--text);opacity:.6;padding:8px 16px;font-size:12px}.search-hint-text{display:block}@media (width<=480px){.search-modal{width:95%;max-height:min(80vh,60dvh);top:72px;left:50%;transform:translate(-50%)}}.documents-vault-shell{align-items:flex-start;gap:20px;display:flex}.documents-sidebar{flex-direction:column;flex:0 0 260px;gap:4px;display:flex;position:sticky;top:16px}.documents-sidebar-row{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;min-height:40px;color:var(--text-h);cursor:pointer;text-align:left;font:inherit;background:0 0;border:none;align-items:center;gap:8px;padding:6px 10px;font-size:14px;display:flex}.documents-sidebar-row-label{min-width:0;color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:0;display:flex}.documents-sidebar-row-label-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.documents-sidebar-row-connector{color:var(--text);opacity:.4;flex-shrink:0}.documents-sidebar-row .folder-action-button,.documents-sidebar-row .folder-expand-toggle{flex-shrink:0;width:28px;min-width:28px;height:28px;min-height:28px}.documents-sidebar-row:hover,.documents-sidebar-row.active{background:var(--accent-bg)}.documents-sidebar-row.folder-drag-over{box-shadow:inset 0 0 0 2px var(--accent)}@media (hover:hover){.documents-sidebar-row .folder-action-button{opacity:0;transition:opacity var(--duration-fast)}.documents-sidebar-row:hover .folder-action-button,.documents-sidebar-row:focus-within .folder-action-button,.documents-sidebar-row .folder-rename-form .folder-action-button{opacity:1}}.documents-sidebar-tree,.documents-sidebar-tree-nested,.documents-sidebar-top{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.documents-sidebar-tree-nested{overflow:hidden}.documents-sidebar-divider{background:var(--border);height:1px;margin:8px 0}.documents-sidebar-storage{color:var(--text);flex-direction:column;gap:4px;font-size:12px;display:flex}.documents-vault-main{flex:1;min-width:0}.page-header-folder-divider{border-radius:var(--radius-pill);background:var(--accent-dark);opacity:.7;vertical-align:middle;width:4px;height:4px;margin:0 10px;display:inline-block}.page-header-folder-tag{border-radius:var(--radius-pill);background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--text-h);font-family:var(--sans);vertical-align:middle;animation:fadeInFolderTag var(--duration-base) var(--ease-out);align-items:center;padding:3px 12px 4px;font-size:.65em;font-weight:600;display:inline-flex}@keyframes fadeInFolderTag{0%{opacity:0}to{opacity:1}}.documents-vault-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.documents-vault-content{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--social-bg);margin-top:16px;padding:14px 16px}.documents-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.document-grid-card-body{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex}.document-grid-card-icon{color:var(--accent)}.document-grid-card-name{word-break:break-word;font-size:13px;font-weight:600}.document-grid-card-meta{color:var(--text);opacity:.8;font-size:11px}.documents-table{border-collapse:collapse;width:100%;font-size:13px}.documents-table th,.documents-table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 12px}.documents-table-sort-header{color:var(--text-h);cursor:pointer;font:inherit;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-weight:600;display:flex}.documents-table-actions-cell{text-align:right;position:relative}@media (width<=768px){.documents-vault-shell{flex-direction:column}.documents-sidebar{z-index:40;background:var(--bg);width:80%;max-width:320px;box-shadow:var(--shadow-glass);transition:transform var(--duration-base) var(--ease-out);flex:none;padding:24px 16px;position:fixed;inset:0;transform:translate(-100%)}.documents-sidebar.open{transform:translate(0)}.documents-sidebar-backdrop{z-index:39;background:#00000080;position:fixed;inset:0}}@media (width>=769px){.documents-sidebar-toggle{display:none}}