:root{--green-25: #f6fef9;--green-50: #ecfdf3;--green-100: #d1fadf;--green-200: #a6f4c5;--green-300: #6ce9a6;--green-400: #32d583;--green-500: #12b76a;--green-600: #039855;--green-700: #027a48;--green-800: #05603a;--green-900: #054f31;--gray-25: #fcfcfd;--gray-50: #f9fafb;--gray-100: #f2f4f7;--gray-200: #eaecf0;--gray-300: #d0d5dd;--gray-400: #98a2b3;--gray-500: #667085;--gray-600: #475467;--gray-700: #344054;--gray-800: #1d2939;--gray-900: #101828;--gray-950: #0c111d;--amber-50: #fffaeb;--amber-100: #fef0c7;--amber-300: #fec84b;--amber-500: #f79009;--amber-600: #dc6803;--amber-700: #b54708;--amber-900: #7a2e0e;--red-50: #fef3f2;--red-100: #fee4e2;--red-300: #fda29b;--red-500: #f04438;--red-600: #d92d20;--red-700: #b42318;--red-900: #7a271a;--blue-50: #eff8ff;--blue-100: #d1e9ff;--blue-500: #2e90fa;--blue-700: #175cd3;--blue-900: #194185;--violet-50: #f5f3ff;--violet-100: #ede9fe;--violet-500: #7a5af8;--violet-700: #5925dc;--violet-900: #2e125e;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-num: var(--font-sans);--text-xs: .75rem;--text-sm: .8125rem;--text-md: .9375rem;--text-base: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--leading-tight: 1.2;--leading-normal: 1.45;--leading-relaxed: 1.65;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 999px;--header-h: 52px;--nav-h: 60px;--content-max: 680px;--wide-max: 1100px;--tap-min: 44px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.3, .5, 1);--dur-fast: .12s;--dur-base: .22s;--dur-slow: .32s;--z-nav: 20;--z-fab: 30;--z-sheet: 60;--z-toast: 80;--z-gate: 100}:root,:root[data-theme=light]{color-scheme:light;--bg: var(--gray-50);--bg-elevated: #ffffff;--bg-sunken: var(--gray-100);--surface: #ffffff;--surface-hover: var(--gray-50);--surface-active: var(--gray-100);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--text-inverse: #ffffff;--border: var(--gray-200);--border-strong: var(--gray-300);--brand: var(--green-600);--brand-hover: var(--green-700);--brand-subtle: var(--green-50);--brand-subtle-text: var(--green-800);--brand-ring: color-mix(in srgb, var(--green-500) 35%, transparent);--on-brand: #ffffff;--warn: var(--amber-600);--warn-subtle: var(--amber-50);--warn-subtle-text: var(--amber-700);--warn-border: var(--amber-300);--danger: var(--red-600);--danger-subtle: var(--red-50);--danger-subtle-text: var(--red-700);--danger-border: var(--red-300);--info: var(--blue-700);--info-subtle: var(--blue-50);--info-subtle-text: var(--blue-700);--accent: var(--violet-700);--accent-subtle: var(--violet-50);--accent-subtle-text: var(--violet-700);--header-bg: color-mix(in srgb, #ffffff 82%, transparent);--nav-bg: color-mix(in srgb, #ffffff 88%, transparent);--scrim: rgb(16 24 40 / 45%);--shadow-xs: 0 1px 2px rgb(16 24 40 / 5%);--shadow-sm: 0 1px 3px rgb(16 24 40 / 10%), 0 1px 2px rgb(16 24 40 / 6%);--shadow-md: 0 4px 8px -2px rgb(16 24 40 / 10%), 0 2px 4px -2px rgb(16 24 40 / 6%);--shadow-lg: 0 12px 16px -4px rgb(16 24 40 / 8%), 0 4px 6px -2px rgb(16 24 40 / 3%);--shadow-brand: 0 8px 20px -4px color-mix(in srgb, var(--green-600) 40%, transparent)}:root[data-theme=dark]{color-scheme:dark;--bg: var(--gray-950);--bg-elevated: #161b26;--bg-sunken: #090d14;--surface: #161b26;--surface-hover: #1f242f;--surface-active: #262b36;--text-primary: #f5f6f8;--text-secondary: #b3bac6;--text-tertiary: #8d95a3;--text-inverse: var(--gray-950);--border: #262b36;--border-strong: #363c48;--brand: var(--green-400);--brand-hover: var(--green-300);--brand-subtle: color-mix(in srgb, var(--green-500) 16%, transparent);--brand-subtle-text: var(--green-300);--brand-ring: color-mix(in srgb, var(--green-400) 45%, transparent);--on-brand: var(--gray-950);--warn: var(--amber-300);--warn-subtle: color-mix(in srgb, var(--amber-500) 18%, transparent);--warn-subtle-text: var(--amber-300);--warn-border: color-mix(in srgb, var(--amber-500) 40%, transparent);--danger: #ff8a80;--danger-subtle: color-mix(in srgb, var(--red-500) 18%, transparent);--danger-subtle-text: var(--red-300);--danger-border: color-mix(in srgb, var(--red-500) 40%, transparent);--info: #84caff;--info-subtle: color-mix(in srgb, var(--blue-500) 18%, transparent);--info-subtle-text: #84caff;--accent: #bdb4fe;--accent-subtle: color-mix(in srgb, var(--violet-500) 20%, transparent);--accent-subtle-text: #bdb4fe;--header-bg: color-mix(in srgb, #161b26 78%, transparent);--nav-bg: color-mix(in srgb, #161b26 88%, transparent);--scrim: rgb(0 0 0 / 60%);--shadow-xs: 0 1px 2px rgb(0 0 0 / 40%);--shadow-sm: 0 1px 3px rgb(0 0 0 / 50%);--shadow-md: 0 4px 10px -2px rgb(0 0 0 / 55%);--shadow-lg: 0 14px 24px -6px rgb(0 0 0 / 60%);--shadow-brand: 0 8px 20px -4px color-mix(in srgb, var(--green-500) 35%, transparent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: var(--gray-950);--bg-elevated: #161b26;--bg-sunken: #090d14;--surface: #161b26;--surface-hover: #1f242f;--surface-active: #262b36;--text-primary: #f5f6f8;--text-secondary: #b3bac6;--text-tertiary: #8d95a3;--text-inverse: var(--gray-950);--border: #262b36;--border-strong: #363c48;--brand: var(--green-400);--brand-hover: var(--green-300);--brand-subtle: color-mix(in srgb, var(--green-500) 16%, transparent);--brand-subtle-text: var(--green-300);--brand-ring: color-mix(in srgb, var(--green-400) 45%, transparent);--on-brand: var(--gray-950);--warn: var(--amber-300);--warn-subtle: color-mix(in srgb, var(--amber-500) 18%, transparent);--warn-subtle-text: var(--amber-300);--warn-border: color-mix(in srgb, var(--amber-500) 40%, transparent);--danger: #ff8a80;--danger-subtle: color-mix(in srgb, var(--red-500) 18%, transparent);--danger-subtle-text: var(--red-300);--danger-border: color-mix(in srgb, var(--red-500) 40%, transparent);--info: #84caff;--info-subtle: color-mix(in srgb, var(--blue-500) 18%, transparent);--info-subtle-text: #84caff;--accent: #bdb4fe;--accent-subtle: color-mix(in srgb, var(--violet-500) 20%, transparent);--accent-subtle-text: #bdb4fe;--header-bg: color-mix(in srgb, #161b26 78%, transparent);--nav-bg: color-mix(in srgb, #161b26 88%, transparent);--scrim: rgb(0 0 0 / 60%);--shadow-xs: 0 1px 2px rgb(0 0 0 / 40%);--shadow-sm: 0 1px 3px rgb(0 0 0 / 50%);--shadow-md: 0 4px 10px -2px rgb(0 0 0 / 55%);--shadow-lg: 0 14px 24px -6px rgb(0 0 0 / 60%);--shadow-brand: 0 8px 20px -4px color-mix(in srgb, var(--green-500) 35%, transparent)}}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}.num,.tabular{font-variant-numeric:tabular-nums}[hidden],.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--brand-subtle);color:var(--brand-subtle-text)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-header{position:sticky;top:0;z-index:var(--z-nav);display:flex;align-items:center;gap:var(--space-2);height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--space-4) 0;background:var(--header-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border)}.app-header h1{flex:1;min-width:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:var(--space-1)}.icon-btn{display:grid;place-items:center;width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--dur-fast),color var(--dur-fast)}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.icon-btn:active{background:var(--surface-active)}.icon-btn[aria-pressed=true]{color:var(--brand)}.conn-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--gray-400);transition:background var(--dur-base);flex:0 0 auto}.conn-dot[data-state=online]{background:var(--green-500)}.conn-dot[data-state=offline]{background:var(--amber-500)}#app{padding:var(--space-4) var(--space-4) calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--space-8))}.screen{max-width:var(--content-max);margin-inline:auto;animation:screen-in var(--dur-base) var(--ease-out)}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}}.screen-section+.screen-section{margin-top:var(--space-6)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-secondary)}.eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.bottom-nav{position:fixed;inset:auto 0 0;z-index:var(--z-nav);display:flex;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--nav-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--border)}.nav-btn{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);transition:color var(--dur-fast)}.nav-btn .icon{width:24px;height:24px}.nav-btn[aria-current=page]{color:var(--brand)}.nav-btn:active .icon{transform:scale(.9);transition:transform var(--dur-fast)}.nav-badge{position:absolute;top:4px;left:50%;translate:4px 0;min-width:17px;height:17px;padding:0 4px;border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:10px;font-weight:var(--weight-bold);line-height:17px;text-align:center}.fab{position:fixed;right:var(--space-4);bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--space-4));z-index:var(--z-fab);display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-brand);transition:transform var(--dur-base) var(--ease-spring),background var(--dur-fast)}.fab:active{transform:scale(.94)}.fab[aria-expanded=true]{transform:rotate(45deg)}.fab-menu{position:fixed;right:var(--space-4);bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 80px);z-index:var(--z-fab);display:flex;flex-direction:column;gap:var(--space-2);align-items:stretch}.fab-menu button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);font-size:var(--text-md);font-weight:var(--weight-medium);text-align:left;animation:fab-item-in var(--dur-base) var(--ease-out) backwards}.fab-menu button:nth-child(1){animation-delay:0ms}.fab-menu button:nth-child(2){animation-delay:30ms}.fab-menu button:nth-child(3){animation-delay:60ms}.fab-menu button:nth-child(4){animation-delay:90ms}.fab-menu button:nth-child(5){animation-delay:.12s}@keyframes fab-item-in{0%{opacity:0;transform:translateY(12px) scale(.96)}}@media(min-width:900px){#app{padding-inline:var(--space-8)}.screen{max-width:var(--wide-max)}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6);align-items:start}}.gate{position:fixed;inset:0;z-index:var(--z-gate);display:grid;place-items:center;padding:var(--space-6);background:linear-gradient(160deg,var(--green-700),var(--green-900))}.gate-card{width:100%;max-width:380px;padding:var(--space-8) var(--space-6);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-lg);text-align:center}.gate-logo{font-size:44px;line-height:1;margin-bottom:var(--space-3)}.gate-card h1{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.02em}.gate-card p{margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--text-md)}.gate-card form{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xs)}.card+.card{margin-top:var(--space-3)}.card-tight{padding:var(--space-3)}.card-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.card-group>*+*{border-top:1px solid var(--border)}.list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.list-item{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:opacity var(--dur-base),transform var(--dur-base) var(--ease-out)}.list-item.is-checked{opacity:.5}.list-item.is-checked .item-name{text-decoration:line-through}.list-item.is-entering{animation:item-in var(--dur-base) var(--ease-out)}.list-item.is-leaving{opacity:0;transform:translate(-24px);pointer-events:none}@keyframes item-in{0%{opacity:0;transform:translateY(-6px) scale(.985)}}.item-body{flex:1;min-width:0}.item-name{font-weight:var(--weight-medium);line-height:var(--leading-tight);overflow-wrap:anywhere}.item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:3px;font-size:var(--text-sm);color:var(--text-tertiary)}.item-thumb{width:40px;height:40px;flex:0 0 40px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-sunken)}.check{position:relative;display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border:2px solid var(--border-strong);border-radius:var(--radius-full);color:transparent;transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast)}.check:after{content:"";position:absolute;inset:-9px}.check[aria-checked=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.check:active{transform:scale(.88)}.swipe-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden}.swipe-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-inline:var(--space-5);background:var(--danger);color:#fff;font-weight:var(--weight-semibold)}.swipe-fg{position:relative;touch-action:pan-y;will-change:transform}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-md);font-weight:var(--weight-semibold);text-align:center;transition:background var(--dur-fast),transform var(--dur-fast),opacity var(--dur-fast)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-hover)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--surface-hover)}.btn-ghost{color:var(--brand);padding-inline:var(--space-3)}.btn-ghost:hover{background:var(--brand-subtle)}.btn-danger{background:transparent;border-color:var(--danger-border);color:var(--danger)}.btn-danger:hover{background:var(--danger-subtle)}.btn-block{width:100%}.btn-sm{min-height:34px;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.btn-row>.btn{flex:1 1 auto}.stepper{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px;background:var(--bg-sunken);border-radius:var(--radius-md)}.stepper button{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:20px;line-height:1;transition:background var(--dur-fast)}.stepper button:hover{background:var(--surface);color:var(--text-primary)}.stepper button:disabled{opacity:.35;pointer-events:none}.stepper output,.stepper .value{min-width:26px;text-align:center;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field+.field{margin-top:var(--space-4)}.field>label,.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.field-hint{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-normal)}.input,.select,.textarea{width:100%;min-height:var(--tap-min);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:16px;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.textarea{min-height:120px;padding-block:var(--space-3);resize:vertical;line-height:var(--leading-relaxed)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.select{appearance:none;padding-right:var(--space-8);background-image:linear-gradient(45deg,transparent 50%,currentcolor 50%),linear-gradient(135deg,currentcolor 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.input-row{display:flex;gap:var(--space-2)}.input-row>.input{flex:1}.input-row>.select{flex:0 0 120px;width:120px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--tap-min)}.switch-row .switch-label{flex:1;font-weight:var(--weight-medium)}.switch{position:relative;flex:0 0 auto;width:50px;height:30px;border-radius:var(--radius-full);background:var(--border-strong);transition:background var(--dur-base);cursor:pointer}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-sm);transition:translate var(--dur-base) var(--ease-spring)}.switch[aria-checked=true]{background:var(--brand)}.switch[aria-checked=true]:after{translate:20px 0}.checkbox{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border:2px solid var(--border-strong);border-radius:var(--radius-sm);color:transparent;transition:background var(--dur-fast),border-color var(--dur-fast)}.checkbox[aria-checked=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.search{position:relative}.search .icon{position:absolute;left:var(--space-4);top:50%;translate:0 -50%;color:var(--text-tertiary);pointer-events:none}.search .input{padding-left:calc(var(--space-4) * 2 + 20px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.5;white-space:nowrap;background:var(--bg-sunken);color:var(--text-secondary)}.badge-brand{background:var(--brand-subtle);color:var(--brand-subtle-text)}.badge-warn{background:var(--warn-subtle);color:var(--warn-subtle-text)}.badge-danger{background:var(--danger-subtle);color:var(--danger-subtle-text)}.badge-info{background:var(--info-subtle);color:var(--info-subtle-text)}.badge-accent{background:var(--accent-subtle);color:var(--accent-subtle-text)}.dot{width:9px;height:9px;flex:0 0 9px;border-radius:var(--radius-full);background:var(--gray-400)}.dot-high{background:var(--green-500)}.dot-medium{background:var(--amber-500)}.dot-low{background:var(--gray-400)}.dot-expired{background:var(--red-500)}.dot-critical{background:var(--amber-500)}.dot-soon{background:var(--amber-300)}.dot-ok{background:var(--green-500)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--dur-fast),border-color var(--dur-fast)}.chip:hover{background:var(--surface-hover)}.chip[aria-pressed=true]{background:var(--brand-subtle);border-color:var(--brand);color:var(--brand-subtle-text)}.chip-remove{display:grid;place-items:center;width:22px;height:22px;margin-right:-6px;border-radius:var(--radius-full);color:var(--text-tertiary)}.chip-remove:hover{background:var(--danger-subtle);color:var(--danger)}.sheet-overlay{position:fixed;inset:0;z-index:var(--z-sheet);display:flex;align-items:flex-end;justify-content:center;background:var(--scrim);opacity:0;transition:opacity var(--dur-base)}.sheet-overlay.is-open{opacity:1}.sheet{width:100%;max-width:560px;max-height:min(90dvh,900px);display:flex;flex-direction:column;background:var(--bg-elevated);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:var(--shadow-lg);translate:0 100%;transition:translate var(--dur-slow) var(--ease-out)}.sheet-overlay.is-open .sheet{translate:0 0}.sheet-grip{flex:0 0 auto;padding:var(--space-2) 0 var(--space-1);cursor:grab;touch-action:none}.sheet-grip:before{content:"";display:block;width:40px;height:4px;margin-inline:auto;border-radius:var(--radius-full);background:var(--border-strong)}.sheet-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-5) var(--space-3)}.sheet-title{flex:1;min-width:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.01em;overflow-wrap:anywhere}.sheet-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 var(--space-5) calc(env(safe-area-inset-bottom) + var(--space-6));overscroll-behavior:contain}.sheet-actions{position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-3);background:linear-gradient(to top,var(--bg-elevated) 70%,transparent)}@media(min-width:640px){.sheet-overlay{align-items:center;padding:var(--space-6)}.sheet{border-radius:var(--radius-2xl);translate:0 16px;opacity:0;transition:translate var(--dur-base) var(--ease-out),opacity var(--dur-base)}.sheet-overlay.is-open .sheet{translate:0 0;opacity:1}}.toast-region{position:fixed;left:50%;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--space-4));translate:-50% 0;z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:max-content;max-width:min(92vw,480px);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);background:var(--gray-900);color:#fff;font-size:var(--text-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in var(--dur-base) var(--ease-spring)}:root[data-theme=dark] .toast{background:var(--gray-200);color:var(--gray-950)}.toast.is-leaving{opacity:0;translate:0 8px;transition:opacity var(--dur-base),translate var(--dur-base)}.toast-danger{background:var(--red-600);color:#fff}.toast-action{margin-left:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-weight:var(--weight-semibold);color:var(--green-300)}:root[data-theme=dark] .toast-action{color:var(--green-700)}@keyframes toast-in{0%{opacity:0;translate:0 12px}}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-5);text-align:center;color:var(--text-secondary)}.empty-icon{font-size:40px;line-height:1;opacity:.85}.empty-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.empty-text{max-width:34ch;font-size:var(--text-md);line-height:var(--leading-relaxed)}.error-box{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--danger-subtle);border:1px solid var(--danger-border);color:var(--danger-subtle-text);font-size:var(--text-md)}.notice{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--brand-subtle);color:var(--brand-subtle-text);font-size:var(--text-md);line-height:var(--leading-relaxed)}.notice-warn{background:var(--warn-subtle);color:var(--warn-subtle-text)}.notice-danger{background:var(--danger-subtle);color:var(--danger-subtle-text)}.muted{color:var(--text-secondary);font-size:var(--text-md);line-height:var(--leading-relaxed)}.tiny{font-size:var(--text-sm);color:var(--text-tertiary)}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-sunken) 25%,var(--surface-hover) 37%,var(--bg-sunken) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton-row{height:62px;margin-bottom:var(--space-2)}.skeleton-text{height:12px;margin-bottom:var(--space-2)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes spin{to{rotate:360deg}}.offline-bar{position:sticky;top:calc(var(--header-h) + env(safe-area-inset-top));z-index:calc(var(--z-nav) - 1);display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--warn-subtle);color:var(--warn-subtle-text);font-size:var(--text-sm);font-weight:var(--weight-medium)}.ring-row{display:flex;align-items:center;justify-content:space-around;gap:var(--space-4)}.ring{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.ring svg{transform:rotate(-90deg)}.ring-track{stroke:var(--bg-sunken)}.ring-value{stroke-linecap:round;transition:stroke-dashoffset var(--dur-slow) var(--ease-out)}.ring-label{font-size:var(--text-xs);color:var(--text-tertiary)}.ring-number{font-size:var(--text-md);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.chart{width:100%;overflow-x:auto}.chart svg{width:100%;height:auto;overflow:visible}.chart-axis{stroke:var(--border);stroke-width:1}.chart-grid{stroke:var(--border);stroke-dasharray:2 4;opacity:.7}.chart-label{fill:var(--text-tertiary);font-size:10px}.chart-line{fill:none;stroke:var(--brand);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-line-soft{fill:none;stroke:var(--text-tertiary);stroke-width:1.5;stroke-dasharray:3 3;opacity:.7}.chart-area{fill:var(--brand);opacity:.12}.chart-dot{fill:var(--brand)}.chart-bar{fill:var(--brand);rx:3}.chart-bar-over{fill:var(--warn)}.chart-target{stroke:var(--warn);stroke-width:1.5;stroke-dasharray:4 3}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.stat{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border)}.stat-value{font-size:var(--text-xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-label{margin-top:2px;font-size:var(--text-sm);color:var(--text-tertiary)}.stat-danger .stat-value{color:var(--danger)}.stat-warn .stat-value{color:var(--warn)}.stat-brand .stat-value{color:var(--brand)}.results{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);max-height:52vh;overflow-y:auto;overscroll-behavior:contain}.result{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:left;font-size:var(--text-md);transition:background var(--dur-fast),border-color var(--dur-fast)}.result:hover{background:var(--surface-hover);border-color:var(--border-strong)}.result-new{background:var(--brand-subtle);border-color:color-mix(in srgb,var(--brand) 35%,transparent);color:var(--brand-subtle-text);font-weight:var(--weight-semibold)}.reader{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-lg);overflow:hidden;background:#000}.reader video{width:100%;height:100%;object-fit:cover}.scan-frame{position:relative}.scan-frame:after{content:"";position:absolute;inset:22% 12%;border:2px solid rgb(255 255 255 / 85%);border-radius:var(--radius-md);box-shadow:0 0 0 100vmax #00000059;pointer-events:none}.add-form{position:relative;margin-bottom:var(--space-5)}.add-row{display:flex;gap:var(--space-2)}.add-row .input{flex:1}.add-btn{flex:0 0 52px;width:52px;padding:0}.suggest{position:absolute;inset:calc(100% + 6px) 0 auto 0;z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.suggest-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-md)}.suggest-item+.suggest-item{border-top:1px solid var(--border)}.suggest-item:hover{background:var(--surface-hover)}.suggest-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-head{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-5) 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.02em;text-transform:uppercase;color:var(--text-tertiary)}.cat-head:first-child{margin-top:0}.cat-icon{font-size:15px}.cat-count{margin-left:auto;font-variant-numeric:tabular-nums}.item-open{display:block;text-align:left;background:none;border:none;padding:0;font:inherit;color:inherit}.list-row{list-style:none}.list-row .list-item{margin:0}.summary-bar{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-2) var(--space-1);font-size:var(--text-sm);color:var(--text-tertiary)}.summary-bar>:last-child{margin-left:auto}.done-section{margin-top:var(--space-6)}.done-section>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-1);font-size:var(--text-sm);color:var(--text-tertiary);cursor:pointer;list-style:none}.done-section>summary::-webkit-details-marker{display:none}.done-section .list{margin-top:var(--space-2)}.pantry-toolbar{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-row .chip{flex:0 0 auto}.thumb-fallback{display:grid;place-items:center;font-size:20px;background:var(--bg-sunken)}.list-item.is-low{border-color:var(--warn-border)}.list-item.is-expired{border-color:var(--danger-border)}.row-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.prod-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--bg-sunken)}.batch-list{display:flex;flex-direction:column;gap:var(--space-2)}.batch-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-md)}.batch-row>:last-child{margin-left:auto}.expiry-hint{margin-top:var(--space-5);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-sunken)}.resolve-img{max-width:140px;margin:0 auto var(--space-4);border-radius:var(--radius-md)}.week-nav{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.week-title{flex:1;display:flex;flex-direction:column;align-items:center;line-height:1.25}.week-title .tiny{color:var(--text-tertiary)}.day-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);transition:border-color var(--dur-fast),background var(--dur-fast)}.day-card.is-today{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.day-card.is-past{opacity:.65}.day-card.is-droptarget{border-color:var(--brand);background:var(--brand-subtle)}.day-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.day-empty{padding:var(--space-2) 0}.plan-entry{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border)}.plan-entry.is-dragging{opacity:.4}.plan-entry[draggable=true]{cursor:grab}.plan-tools{margin-top:var(--space-5)}.recipe-tools{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.recipe-tools .btn{flex:1}.recipe-footer{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.ingredient-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.recipe-hero{width:100%;max-height:200px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.ingredient-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.ingredient-list li{display:flex;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.ing-amount{flex:0 0 84px;color:var(--text-secondary)}.instructions{white-space:pre-wrap;line-height:var(--leading-relaxed)}.feasibility{margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.ing-editor{display:flex;flex-direction:column;gap:var(--space-2)}.ing-row{display:flex;gap:var(--space-2);align-items:center}.ing-amount-input{flex:0 0 74px;width:74px;padding-inline:var(--space-2)}.ing-unit{flex:0 0 92px;width:92px;padding-inline:var(--space-2);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%}.ing-row .input:not(.ing-amount-input){flex:1;min-width:0}.cook-mode{display:flex;flex-direction:column;gap:var(--space-4)}.cook-ingredients-wrap summary{cursor:pointer;font-weight:var(--weight-medium);padding:var(--space-2) 0}.cook-ingredients{margin-top:var(--space-2)}.cook-step{min-height:180px;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--bg-sunken)}.cook-step-num{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--brand)}.cook-step-text{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.food-actions{margin:var(--space-4) 0}.section-gap{margin-top:var(--space-5);margin-bottom:var(--space-2)}.kcal-preview{margin-top:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--brand)}.receipt-list{display:flex;flex-direction:column;margin-top:var(--space-3)}.receipt-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);transition:opacity var(--dur-fast)}.receipt-row.is-excluded{opacity:.4}.receipt-main{flex:1;min-width:0}.receipt-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.qty-input{flex:0 0 58px;width:58px;min-height:38px;padding:var(--space-1);text-align:center}.date-input{flex:0 0 auto;width:auto;min-height:36px;padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.assign-btn{display:inline-block;max-width:100%;margin-top:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-sunken);font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assign-btn.is-assigned{background:var(--brand-subtle);border-color:color-mix(in srgb,var(--brand) 30%,transparent);color:var(--brand-subtle-text)}.loading-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) 0}.scan-video{width:100%;height:100%;object-fit:cover}.scan-hint{margin-top:var(--space-3);text-align:center}.settings-head{margin:var(--space-6) 0 var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-md);font-weight:var(--weight-bold)}section:first-child>.settings-head{margin-top:0;padding-top:0;border-top:none}.energy-out{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.energy-out:empty{display:none}.energy-target{font-weight:var(--weight-bold);color:var(--brand)}.device-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.device-row>:last-child{margin-left:auto}.breakdown{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.breakdown-head{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-md);margin-bottom:var(--space-1)}.breakdown-track{height:8px;border-radius:var(--radius-full);background:var(--bg-sunken);overflow:hidden}.breakdown-fill{height:100%;border-radius:var(--radius-full);background:var(--brand)}@media(min-width:900px){.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.recipe-tools{max-width:480px}}