:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-charcoal:#252525;--color-orange:#e48f4f;--color-cloud:#e9e9e9;--color-paper:#f6f6f3;--app-bg:#e9e9e9;--app-bg-end:#f7f7f4;--app-text:#252525;--panel-bg:#f8f8f5;--panel-bg-strong:#fff;--surface-bg:#fff;--row-bg:#fbfbf8;--input-bg:#fff;--nav-bg:#ffffffe0;--nav-text:#77716a;--active-text:#252525;--marked-text:#6a3512;--color-ink-muted:#716b64;--color-line:#2525251a;--color-panel:#f8f8f5;--shadow-soft:0 22px 54px #2525251a;--shadow-tight:0 10px 26px #25252513;--ease-premium:cubic-bezier(.16, 1, .3, 1);background:var(--app-bg);color:var(--app-text);font-family:Outfit,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#171716;--app-bg-end:#23211f;--app-text:#f4f1ec;--panel-bg:#242321;--panel-bg-strong:#2b2926;--surface-bg:#2c2a27;--row-bg:#302e2b;--input-bg:#1d1c1a;--nav-bg:#1c1b19e6;--nav-text:#f4f1ecb3;--active-text:#24140a;--marked-text:#ffe1c8;--color-ink-muted:#f4f1ecbd;--color-line:#ffffff1f;--color-panel:#242321;--shadow-soft:0 24px 64px #00000057;--shadow-tight:0 14px 34px #00000038}[data-theme=amoled]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#050505;--app-bg-end:#0b0a09;--app-text:#f7f4ef;--panel-bg:#0d0d0c;--panel-bg-strong:#141311;--surface-bg:#151412;--row-bg:#11100f;--input-bg:#090909;--nav-bg:#070707eb;--nav-text:#f7f4efb3;--active-text:#211207;--marked-text:#ffe1c8;--color-ink-muted:#f7f4efbd;--color-line:#ffffff21;--color-panel:#0d0d0c;--shadow-soft:0 24px 70px #00000094;--shadow-tight:0 14px 34px #0006}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--app-text);background:#e9e9e9;margin:0}.app-theme-shell{background:radial-gradient(circle at 18% -10%, #e48f4f2e, transparent 31%), radial-gradient(circle at 95% 4%, #ffffff61, transparent 28%), linear-gradient(180deg, var(--app-bg) 0%, var(--app-bg-end) 100%);min-height:100vh;color:var(--app-text)}.app-theme-shell:before{content:"";pointer-events:none;z-index:60;opacity:.035;background-image:radial-gradient(circle at 25% 25%,currentColor 0 1px,#0000 1px);background-size:8px 8px;position:fixed;inset:0}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #e48f4f75}.app-shell{min-height:100vh;padding:max(20px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom))}.hero-card{background:var(--color-panel);box-shadow:var(--shadow-soft);border:1px solid #ffffffb8;border-radius:30px;padding:30px}.eyebrow{color:var(--color-orange);text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:.76rem;font-weight:900}h1{letter-spacing:-.055em;text-wrap:balance;margin:0 0 10px;font-size:clamp(2.55rem,11vw,4rem);line-height:.9}p{text-wrap:pretty;line-height:1.5}.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--panel-bg);border:1px solid var(--color-line);width:min(100%,430px);box-shadow:var(--shadow-soft);border-radius:32px;gap:16px;padding:28px;display:grid}.login-card label{gap:8px;font-weight:800;display:grid}input,select{border:1px solid var(--color-line);background:var(--input-bg);width:100%;color:inherit;border-radius:17px;padding:14px 16px;transition:border-color .18s,box-shadow .18s,background .18s}input:focus,select:focus{background:var(--input-bg);border-color:#e48f4fc2;box-shadow:0 0 0 4px #e48f4f1f}.primary-button{background:var(--color-charcoal);min-height:52px;color:var(--color-paper);transition:transform .16s var(--ease-premium), filter .16s var(--ease-premium), background .16s var(--ease-premium);border:0;border-radius:18px;font-weight:900;box-shadow:0 12px 28px #2525252e}.primary-button:hover{filter:brightness(1.08)}.primary-button:active{transform:translateY(1px)scale(.98)}.form-error{color:#a43d32;margin:0;font-weight:800}.mobile-frame{max-width:720px;min-height:100vh;padding:max(18px, env(safe-area-inset-top)) 16px calc(86px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.mobile-frame:after{content:"";left:24px;right:24px;bottom:max(72px, calc(72px + env(safe-area-inset-bottom)));pointer-events:none;opacity:.55;background:linear-gradient(90deg,#0000,#e48f4f57,#0000);height:1px;position:fixed}.top-bar{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.top-bar h1{font-size:2.1rem}.top-actions{align-items:center;gap:8px;padding-top:2px;display:flex}.settings-trigger{border:1px solid var(--color-line);background:var(--surface-bg);min-height:36px;color:var(--app-text);transition:background .22s var(--ease-premium), transform .16s var(--ease-premium), border-color .22s var(--ease-premium);border-radius:999px;padding:0 12px;font-size:.76rem;font-weight:950;box-shadow:0 8px 20px #25252514}.settings-trigger.active{background:var(--color-orange);color:var(--active-text);border-color:#0000}.settings-trigger:active{transform:translateY(1px)scale(.98)}.sync-status{white-space:nowrap;background:color-mix(in srgb, var(--surface-bg) 88%, transparent);border:1px solid var(--color-line);border-radius:999px;padding:8px 10px;font-size:.74rem;font-weight:900}.sync-offline{color:#a43d32}.sync-syncing{color:#8f551f}.sync-saved{color:#2f6b42}.content-panel{background:linear-gradient(180deg, var(--panel-bg-strong), var(--panel-bg));border:1px solid var(--color-line);min-height:62vh;box-shadow:var(--shadow-tight), inset 0 1px 0 #ffffff1a;border-radius:26px;padding:14px}.empty-state{min-height:280px;color:var(--color-ink-muted);text-align:center;place-items:center;display:grid}.bottom-nav{left:max(12px,50vw - 348px);right:max(12px,50vw - 348px);bottom:max(12px, env(safe-area-inset-bottom));background:var(--nav-bg);border:1px solid var(--color-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;display:grid;position:fixed;box-shadow:0 16px 34px #2525252e}.bottom-nav button{min-height:46px;color:var(--nav-text);transition:background .22s var(--ease-premium), color .22s var(--ease-premium), transform .22s var(--ease-premium);background:0 0;border:0;border-radius:16px;font-size:.74rem;font-weight:900;position:relative}.bottom-nav button.active{background:var(--color-orange);color:var(--active-text);box-shadow:inset 0 1px #ffffff47,0 8px 18px #e48f4f2e}.bottom-nav button.active:after{display:none}.bottom-nav button:active{transform:translateY(1px)scale(.98)}.screen-stack{gap:14px;display:grid}.search-input{z-index:2;position:sticky;top:8px;box-shadow:0 10px 24px #25252514}.category-card{background:var(--surface-bg);border:1px solid var(--color-line);border-radius:23px;overflow:hidden}.category-card summary{cursor:pointer;justify-content:space-between;align-items:center;padding:16px;font-weight:950;display:flex}.category-card summary span{color:var(--marked-text);background:#e48f4f2e;border-radius:999px;padding:4px 9px;font-size:.76rem}.product-list{background:var(--color-line);gap:1px;display:grid}.product-row{background:var(--row-bg);transition:background .22s var(--ease-premium), transform .22s var(--ease-premium);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid;position:relative}.product-row:before{content:"";width:6px;height:6px;transition:background .22s var(--ease-premium), transform .22s var(--ease-premium);background:0 0;border-radius:999px;position:absolute;top:50%;left:10px;transform:translateY(-50%)scale(.6)}.product-row strong{letter-spacing:-.01em;font-size:1rem;display:block}.product-row small{color:var(--marked-text);margin-top:4px;font-weight:900;display:block}.product-row button,.secondary-button,.sheet-actions button{min-height:42px;color:inherit;background:#25252514;border:0;border-radius:14px;padding:0 14px;font-weight:900;transition:transform .16s,background .16s}.product-row button:active,.secondary-button:active,.sheet-actions button:active{transform:translateY(1px)scale(.98)}.product-row.marked{outline-offset:-1px;background:#e48f4f3d;outline:1px solid #e48f4f70}.product-row.marked:before{background:var(--color-orange);transform:translateY(-50%)scale(1)}.product-row.marked strong{color:var(--marked-text)}.product-row.marked button{background:var(--color-charcoal);color:var(--color-paper)}.sheet-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#25252570;align-items:end;padding:14px;display:grid;position:fixed;inset:0}.quantity-sheet{background:var(--color-panel);color:var(--app-text);border:1px solid var(--color-line);animation:sheet-enter .28s var(--ease-premium);border-radius:30px;gap:14px;padding:22px;display:grid;box-shadow:0 -24px 70px #25252540}.quantity-sheet h2{letter-spacing:-.035em;margin:0;font-size:1.7rem;line-height:1.05}.quantity-sheet label{gap:8px;font-weight:900;display:grid}.sheet-actions{grid-template-columns:1fr 1.3fr;gap:10px;display:grid}.sheet-actions button:last-child{background:var(--color-orange);color:var(--color-charcoal)}.summary-card{background:var(--color-charcoal);color:var(--color-paper);box-shadow:var(--shadow-tight);border-radius:24px;padding:18px}.summary-card h2,.summary-card p{margin:0}.summary-card p{color:#f6f6f3bd;margin-top:6px;font-weight:850}.summary-list{gap:8px;display:grid}.summary-list p{background:var(--surface-bg);border-radius:18px;margin:0;padding:14px;font-weight:800}.secondary-button{min-height:52px}.secondary-button:hover,.product-row button:hover,.sheet-actions button:hover{background:#e48f4f38}.manage-screen label{gap:8px;font-weight:900;display:grid}.manage-card{background:var(--surface-bg);border:1px solid var(--color-line);border-radius:24px;gap:12px;padding:16px;display:grid}.manage-card h2{letter-spacing:-.025em;margin:0}.settings-screen{align-content:start}.settings-card{background:var(--surface-bg);border:1px solid var(--color-line);box-shadow:var(--shadow-tight);border-radius:24px;gap:18px;padding:18px;display:grid}.settings-card h2{letter-spacing:-.035em;margin:0;font-size:1.55rem;line-height:1}.settings-row{gap:10px;display:grid}.settings-row h3{color:var(--color-ink-muted);letter-spacing:.01em;margin:0;font-size:.82rem}.theme-segment{background:color-mix(in srgb, var(--app-text) 7%, transparent);border:1px solid var(--color-line);border-radius:18px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.theme-segment button{min-height:44px;color:var(--nav-text);transition:background .22s var(--ease-premium), color .22s var(--ease-premium), transform .22s var(--ease-premium);background:0 0;border:0;border-radius:14px;font-weight:950}.theme-segment button.active{background:var(--color-orange);color:var(--active-text);box-shadow:inset 0 1px #ffffff47,0 8px 18px #e48f4f29}.theme-segment button:active{transform:scale(.98)}.compact-list{gap:8px;display:grid}.compact-list p{background:var(--row-bg);border:1px solid var(--color-line);border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:10px;margin:0;padding:12px;display:grid}.compact-list button{color:#8b2e25;background:#a43d321a;border:0;border-radius:12px;padding:8px 10px;font-weight:900}.history-card{background:var(--surface-bg);border:1px solid var(--color-line);border-radius:22px;gap:8px;padding:16px;display:grid}.history-card small{color:var(--color-ink-muted);font-weight:850}.history-card pre{white-space:pre-wrap;font:inherit;margin:0;line-height:1.45}.muted-copy{color:var(--color-ink-muted);font-weight:750}@keyframes sheet-enter{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}