@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;700;800;900&display=swap";: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:Plus Jakarta Sans,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;touch-action:manipulation}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), box-shadow .22s var(--ease-premium);border-radius:999px;padding:0 12px;font-size:.76rem;font-weight:950;box-shadow:0 8px 20px #25252514}.settings-trigger:hover{transform:translateY(-1px);box-shadow:0 10px 24px #2525251c}.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}.view-transition-shell{animation:view-enter .24s var(--ease-premium);transform-origin:50% 18%;will-change:opacity, transform}.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), box-shadow .22s var(--ease-premium);background:0 0;border:0;border-radius:16px;font-size:.74rem;font-weight:900;position:relative}.bottom-nav button:hover{transform:translateY(-1px)}.bottom-nav button.active{background:var(--color-orange);color:var(--active-text);animation:tab-pop .24s var(--ease-premium);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}.search-input:focus{transform:translateY(-1px)}.category-card{background:var(--surface-bg);border:1px solid var(--color-line);animation:list-item-enter .26s var(--ease-premium) both;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), box-shadow .22s var(--ease-premium), outline-color .22s var(--ease-premium);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid;position:relative}.product-row:hover{transform:translate(1px)}.product-row:before{content:"";width:6px;height:28px;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,.22)}.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;transition:transform .16s var(--ease-premium), background .16s var(--ease-premium), box-shadow .16s var(--ease-premium), filter .16s var(--ease-premium);background:#25252514;border:0;border-radius:14px;padding:0 14px;font-weight:900}.product-row button:hover,.secondary-button:hover,.sheet-actions button:hover{transform:translateY(-1px)}.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)}.product-row.just-marked{animation:mark-confirm .56s var(--ease-premium)}.sheet-backdrop{z-index:20;padding:14px 14px calc(14px + var(--keyboard-offset,0px));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#25252570;align-items:end;display:grid;position:fixed;inset:0}.motion-backdrop{animation:backdrop-enter .22s var(--ease-premium)}.quantity-sheet{width:min(100%,520px);max-height:calc(100dvh - var(--keyboard-offset,0px) - 28px);background:var(--color-panel);color:var(--app-text);border:1px solid var(--color-line);animation:sheet-enter .34s var(--ease-premium);transform-origin:bottom;will-change:opacity, transform;border-radius:30px;justify-self:center;gap:14px;padding:22px;display:grid;overflow:auto;box-shadow:0 -24px 70px #25252540}.sheet-premium-motion input{animation:input-focus-ring .72s var(--ease-premium) .18s both}.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}.settings-tabs{background:color-mix(in srgb, var(--app-text) 7%, transparent);border:1px solid var(--color-line);border-radius:18px;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;display:grid}.settings-tabs button{min-height:42px;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}.settings-tabs button.active{background:var(--color-orange);color:var(--active-text);box-shadow:inset 0 1px #ffffff47,0 8px 18px #e48f4f29}.settings-tabs button:active{transform:scale(.98)}.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}.reusable-history-card{gap:12px}.history-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.history-card-head strong{display:block}.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}.compact-action{white-space:nowrap;min-height:38px;padding:0 12px}.history-retention-note{background:var(--color-charcoal);color:var(--color-paper);box-shadow:var(--shadow-tight);border-radius:20px;gap:4px;padding:14px;display:grid}.history-retention-note small{color:#f6f6f3b8;font-weight:820;line-height:1.35}.category-order-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.category-order-row{background:var(--row-bg);border:1px solid var(--color-line);border-radius:18px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:12px;font-weight:900;display:grid}.drag-handle{background:color-mix(in srgb, var(--app-text) 7%, transparent);width:32px;height:32px;color:var(--color-ink-muted);border-radius:12px;place-items:center;font-weight:1000;display:grid}.position-pill{color:var(--marked-text);background:#e48f4f26;border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:1000}.order-actions{gap:4px;display:flex}.order-actions button{width:34px;height:34px;color:inherit;background:#25252514;border:0;border-radius:12px;font-weight:1000}.order-actions button:disabled{opacity:.35;cursor:not-allowed}.muted-copy{color:var(--color-ink-muted);font-weight:750}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes sheet-enter{0%{opacity:0;transform:translateY(26px)scale(.965)}70%{opacity:1;transform:translateY(-2px)scale(1.005)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes input-focus-ring{0%{border-color:var(--color-line);box-shadow:0 0 #e48f4f00}58%{border-color:#e48f4fb8;box-shadow:0 0 0 4px #e48f4f29}to{border-color:#e48f4f94;box-shadow:0 0 0 3px #e48f4f1a}}@keyframes mark-confirm{0%{transform:scale(.985);box-shadow:0 0 #e48f4f00}42%{transform:scale(1.012);box-shadow:0 0 0 5px #e48f4f24}to{transform:scale(1);box-shadow:0 0 #e48f4f00}}@keyframes view-enter{0%{opacity:0;filter:blur(2px);transform:translateY(10px)scale(.992)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes tab-pop{0%{transform:scale(.96)}70%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes list-item-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}