@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=Oleo+Script:wght@400;700&display=swap";:root{--surface-lowest:#0e0e0e;--surface:#131313;--surface-low:#1c1b1b;--surface-c:#222;--surface-hi:#2a2a2a;--surface-hh:#333;--surface-bright:#3a3a3a;--primary:#adc6ff;--primary-c:#4d8eff;--on-primary:#002e6a;--accent:#ffb786;--accent-strong:#ff8a52;--on-surface:#e5e2e1;--on-surface-var:#c2c6d6;--ghost-border:#7b81963d;--ghost-border-strong:#99a0ba75;--success:#7bd389;--warning:#ffb786;--danger:#ff8a80;--glass-bg:#131313a8;--shadow-modal:0 24px 64px #9fb5e71a, 0 2px 8px #00000061;--surface-rgb:19, 19, 19;--hero-after-fade:linear-gradient(180deg, rgba(var(--surface-rgb), 0) 0%, rgba(var(--surface-rgb), .58) 58%, var(--surface) 100%);--font-display:"Manrope", ui-sans-serif, sans-serif;--font-body:"IBM Plex Sans", ui-sans-serif, sans-serif;--font-hero:"Oleo Script", cursive;--font-mono:ui-monospace, "JetBrains Mono", Menlo, monospace;--r-md:6px;--r-lg:8px;--r-xl:12px;--r-2xl:16px;--r-pill:9999px;--ease-out:cubic-bezier(.2, .8, .2, 1);--dur:.2s;--max-w:1280px;--app-header-height:58px}[data-theme=light]{--surface-lowest:#f4efe7;--surface:#fbf7f2;--surface-low:#f0ebe3;--surface-c:#fff;--surface-hi:#fbf7f1;--surface-hh:#f5efe5;--surface-bright:#fff;--primary:#2a5bd6;--primary-c:#4d8eff;--accent:#e2741f;--accent-strong:#c95e0a;--on-surface:#1a1614;--on-surface-var:#5c5852;--ghost-border:#281e141f;--ghost-border-strong:#281e1438;--glass-bg:#faf7f2c7;--shadow-modal:0 24px 60px #281e141a, 0 2px 8px #281e140d;--surface-rgb:251, 247, 242;--hero-after-fade:linear-gradient(180deg, rgba(var(--surface-rgb), 0) 0%, rgba(var(--surface-rgb), .72) 62%, var(--surface) 100%)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--surface);min-width:320px;color:var(--on-surface);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background var(--dur) var(--ease-out), color var(--dur) var(--ease-out);font-size:16px;line-height:1.5;overflow-x:hidden}h1,h2,h3{color:var(--on-surface);font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-weight:700;line-height:1.08}p{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button:not(:disabled),a,.chip,.add{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%;display:block}::selection{background:var(--accent-strong);color:#fff}.kv-label{color:var(--on-surface-var);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.kv-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app-header{z-index:50;height:var(--app-header-height);border-bottom:1px solid var(--ghost-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);justify-content:space-between;align-items:center;gap:20px;padding:0 28px;display:flex;position:fixed;inset:0 0 auto}.brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand-mark{flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand small{color:var(--on-surface-var);letter-spacing:.16em;text-transform:uppercase;margin-top:1px;font-size:10px;font-weight:600;line-height:1;display:block}.nav,.header-actions,.footer-links,.row,.cta-actions,.hero-actions{align-items:center;display:flex}.nav{gap:4px}.nav a{border-radius:var(--r-md);color:var(--on-surface-var);transition:color var(--dur) var(--ease-out), background var(--dur) var(--ease-out);padding:8px 14px;font-size:14px;font-weight:600;position:relative}.nav a:hover{background:var(--surface-hi);color:var(--on-surface)}.nav a.active{color:var(--on-surface)}.nav a.active:after{content:"";background:var(--accent-strong);border-radius:2px;height:2px;position:absolute;bottom:-11px;left:14px;right:14px}.header-actions{gap:8px}.header-actions .icon-btn{width:34px;height:34px}.header-avatar{border-color:color-mix(in srgb, var(--accent-strong) 34%, var(--ghost-border));background:radial-gradient(circle at 50% 38%, #ffffff47, transparent 34%), linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff}.header-avatar:hover{border-color:color-mix(in srgb, var(--accent-strong) 62%, var(--ghost-border-strong));background:radial-gradient(circle at 50% 38%, #ffffff57, transparent 34%), linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff}.header-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.app-header .btn{padding:8px 16px}.icon-btn{border:1px solid var(--ghost-border);border-radius:var(--r-md);background:var(--surface-c);width:38px;height:38px;color:var(--on-surface-var);transition:all var(--dur) var(--ease-out);place-items:center;display:grid}.icon-btn:hover{border-color:var(--ghost-border-strong);background:var(--surface-bright);color:var(--on-surface)}.icon-btn:disabled{cursor:wait;opacity:.65}.btn{border-radius:var(--r-md);letter-spacing:-.005em;transition:all var(--dur) var(--ease-out);border:0;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.btn-primary{background:var(--accent-strong);color:#fff}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 0 28px #ff8a5259}.btn-ghost{border:1px solid var(--ghost-border);background:var(--surface-hi);color:var(--on-surface)}.btn-ghost:hover{background:var(--surface-bright)}.btn-lg{padding:14px 24px;font-size:15px}.menu-toggle{display:none}.footer{border-top:1px solid var(--ghost-border);color:var(--on-surface-var);justify-content:space-between;gap:24px;padding:28px 32px;font-size:13px;display:flex}.footer-links{gap:24px}.route-enter{min-height:100vh;animation:routeIn .42s var(--ease-out)}.viveiro-scene-shell,.viveiro-scene{width:100%;height:100%;position:absolute;inset:0}.viveiro-scene-shell{isolation:isolate;background:#14331f;overflow:hidden}.viveiro-scene{touch-action:none}.viveiro-factory-menu{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080b0d6b;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:6px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 46px #00000061}.viveiro-factory-menu__object-button{color:#fff8e8;cursor:pointer;width:118px;height:92px;font:inherit;background:url(/assets/feeder-isometric2.webp) 50%/cover no-repeat;border:1px solid #ffffff2e;border-radius:12px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;box-shadow:0 10px 24px #00000057,inset 0 1px #ffffff1a}.viveiro-factory-menu__object-button:hover,.viveiro-factory-menu__object-button:focus-visible{border-color:#ffd58e75;outline:none;transform:translateY(-2px);box-shadow:0 14px 30px #0000006b,0 0 0 1px #ffd58e2e,inset 0 1px #ffffff29}.viveiro-factory-menu__object-button--placing,.viveiro-factory-menu__object-button--placing:hover,.viveiro-factory-menu__object-button--placing:focus-visible{color:#f1f6ff;border-color:#4d8dff94;box-shadow:0 14px 30px #0000006b,0 0 0 2px #4d8dff52,0 0 26px #4d8dff3d}.viveiro-factory-menu__object-button:active{transform:translateY(0)}.viveiro-factory-menu__object-tooltip{z-index:1;color:#fff8e8;letter-spacing:.02em;opacity:0;pointer-events:none;text-transform:uppercase;white-space:nowrap;background:#080b0de6;border:1px solid #ffffff24;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:800;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px)}.viveiro-factory-menu__object-button:hover .viveiro-factory-menu__object-tooltip,.viveiro-factory-menu__object-button:focus-visible .viveiro-factory-menu__object-tooltip,.viveiro-factory-menu__object-button--placing .viveiro-factory-menu__object-tooltip{opacity:1;transform:translate(-50%)}@media (width<=768px){.viveiro-factory-menu{width:auto;max-width:calc(100% - 24px);box-shadow:none;background:#363636;border:1px solid #2c2c2c;border-radius:12px;gap:6px;padding:4px;bottom:0}.viveiro-factory-menu__object-button{border-radius:9px;flex:1;justify-content:center;width:72px;min-width:0;max-width:82px;height:56px}.viveiro-factory-menu__object-tooltip{border-radius:8px;padding:6px 8px;font-size:11px;bottom:calc(100% + 8px)}}@media (hover:none),(pointer:coarse){.viveiro-factory-menu__object-button:hover{border-color:#ffffff2e;transform:none;box-shadow:0 10px 24px #00000057,inset 0 1px #ffffff1a}.viveiro-factory-menu__object-button:hover .viveiro-factory-menu__object-tooltip{opacity:0;transform:translate(-50%,4px)}.viveiro-factory-menu__object-button--placing:hover{border-color:#4d8dff94;box-shadow:0 14px 30px #0000006b,0 0 0 2px #4d8dff52,0 0 26px #4d8dff3d}.viveiro-factory-menu__object-button--placing:hover .viveiro-factory-menu__object-tooltip{opacity:1;transform:translate(-50%)}}main[data-screen-label=Home]{padding-top:var(--app-header-height)}@keyframes routeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{--hero-content-offset:-58px;align-items:center;height:100vh;min-height:640px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#000000db 0%,#000000c2 36%,#00000057 64%,#0000 86%);position:absolute;inset:0}.hero-layer{will-change:transform;position:absolute;inset:0}.hero-bg{filter:saturate(.92);background:url(/assets/hero-bg.webp) 50% 30%/cover}[data-theme=light] .hero-bg{filter:saturate(1.08)brightness(1.02)}.hero-after-fade{z-index:4;background:var(--hero-after-fade);pointer-events:none;height:clamp(132px,18vh,220px);margin-top:calc(-1*clamp(54px,8vh,96px));position:relative}.hero-content,.hero-meta{z-index:5;width:100%;max-width:var(--max-w);margin:0 auto;padding:0 32px;position:relative}.hero-content{color:#fff}.hero h1{color:#fff;max-width:720px;font-family:var(--font-hero);letter-spacing:0;text-shadow:0 2px 24px #0000004d;font-size:clamp(2.6rem,6vw,4.85rem);font-weight:700;line-height:1.02}.hero h1 .accent{font-style:normal;font-weight:700}.accent{color:var(--accent);font-style:italic;font-weight:600}.hero p{color:#ffffffdb;max-width:560px;margin-top:20px;font-size:17px}.hero-actions,.cta-actions{flex-wrap:wrap;gap:12px;margin-top:32px}.hero-meta{color:#ffffffdb;flex-wrap:wrap;gap:32px;display:flex;position:absolute;bottom:clamp(78px,10vh,112px);left:0;right:0}.hero-meta-item{flex-direction:column;gap:2px;display:flex}.hero-meta-item .v{color:#fff;font-family:var(--font-display);font-size:22px;font-weight:800}.hero-meta-item .l{letter-spacing:.16em;opacity:.76;text-transform:uppercase;font-size:10px;font-weight:700}.hero-credit{z-index:6;border-radius:var(--r-pill);color:#fff;-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);background:#110d0857;border:1px solid #ffffff3d;align-items:center;gap:10px;padding:8px 10px 8px 12px;display:flex;position:absolute;bottom:clamp(86px,11vh,124px);right:32px;box-shadow:0 14px 34px #0000002e}[data-theme=light] .hero-credit{color:#1f1710;background:#ffffff6b;border-color:#ffffff70;box-shadow:0 14px 34px #42291224}.hero-credit-prefix{letter-spacing:.16em;text-transform:uppercase;opacity:.82;font-size:9px;font-weight:800}.hero-credit-logo{justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex;position:relative}.hero-credit-logo img{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-credit-logo-dark{opacity:0}.hero-credit-logo-light,[data-theme=light] .hero-credit-logo-dark{opacity:1}[data-theme=light] .hero-credit-logo-light{opacity:0}.hero-credit-text{line-height:1.15}.hero-credit-title,.hero-credit-sub{color:currentColor;display:block}.hero-credit-title{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.hero-credit-sub{opacity:.86;margin-top:2px;font-size:11px;font-weight:600}.section{max-width:var(--max-w);margin:0 auto;padding:96px 32px}.section-narrow{padding-top:32px}.section-head{max-width:760px;margin-bottom:48px}.section-head h2{margin-top:12px;font-size:clamp(2rem,4vw,3.5rem)}.section-head p{max-width:680px;color:var(--on-surface-var);margin-top:16px;font-size:17px}.reveal{opacity:0;transition:opacity .62s var(--ease-out), transform .62s var(--ease-out);transform:translateY(20px)}.reveal.in{opacity:1;transform:translateY(0)}.feature-grid,.shop-grid,.dev-grid,.stats-band{gap:16px;display:grid}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.card,.device-card,.pair-card,.product-card,.stat-tile,.cta-strip,.shop-hero-card{border:1px solid var(--ghost-border);background:var(--surface-c);box-shadow:var(--shadow-modal)}.feature-card{border-radius:var(--r-xl);min-height:250px;padding:28px 24px;position:relative;overflow:hidden}.feature-card:before{content:"";background:radial-gradient(circle,#ff8a522b,#0000 66%);border-radius:50%;width:180px;height:180px;position:absolute;inset:auto -18% -42% auto}.feature-card .index{color:var(--on-surface-var);font-family:var(--font-mono);font-size:12px}.icon-wrap{border-radius:var(--r-lg);background:var(--surface-hi);width:46px;height:46px;color:var(--accent);place-items:center;margin-top:38px;display:grid}.feature-card h3{margin-top:18px;font-size:21px}.feature-card p{color:var(--on-surface-var);margin-top:10px}.cta-strip{border-radius:var(--r-2xl);background:radial-gradient(circle at 78% 28%, #ff8a523d, transparent 28%), linear-gradient(135deg, var(--surface-c), var(--surface-low));grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;padding:48px;display:grid;overflow:hidden}.cta-strip h2{margin-top:12px;font-size:clamp(2rem,4vw,3.35rem)}.cta-strip p{max-width:640px;color:var(--on-surface-var);margin-top:16px}.cta-image{isolation:isolate;position:relative}.cta-image:before,.shop-hero-img:before{content:"";z-index:-1;filter:blur(18px);background:radial-gradient(circle,#ff8a524d,#0000 66%);border-radius:50%;position:absolute;inset:14% 4%}.stats-band{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-tile{border-radius:var(--r-xl);padding:28px 24px}.stat-tile .kv-mono{font-family:var(--font-display);letter-spacing:-.04em;font-size:36px;font-weight:800}.stat-tile span{color:var(--on-surface-var);margin-top:4px;font-size:13px;display:block}.dash-shell{background:radial-gradient(circle at 0% 0%, #4d8eff1a, transparent 32%), radial-gradient(circle at 100% 0%, #ff8a521c, transparent 34%), var(--surface);grid-template-columns:280px 1fr;gap:20px;min-height:100vh;padding:88px 24px 32px;display:grid}.dash-side{border:1px solid var(--ghost-border);border-radius:var(--r-2xl);background:var(--surface-low);align-self:start;padding:16px;position:sticky;top:88px}.dash-side-head,.pet-status,.device-row,.metric-line,.product-foot,.pair-nav,.device-actions,.device-buttons,.between{align-items:center;display:flex}.dash-side-head{gap:12px;margin-bottom:18px}.pet-avatar,.pet-photo{border-radius:var(--r-xl);background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;font-family:var(--font-display);flex-shrink:0;place-items:center;font-weight:800;display:grid}.pet-avatar{width:42px;height:42px}.dash-house{font-weight:800}.dash-sub,.temp-info span,.device-info .id,.next-feed-time .l,.feeder-info .label,.metric-stack .l{color:var(--on-surface-var);font-size:12px}.dash-side nav{gap:6px;display:grid}.dash-side nav a{border-radius:var(--r-lg);color:var(--on-surface-var);align-items:center;gap:10px;padding:11px 12px;font-weight:700;display:flex}.dash-side nav a.active,.dash-side nav a:hover{background:var(--surface-c);color:var(--on-surface)}.badge{border-radius:var(--r-pill);background:var(--accent-strong);color:#fff;margin-left:auto;padding:1px 7px;font-size:11px}.dash-side-card{border-radius:var(--r-xl);background:var(--surface-c);margin-top:18px;padding:16px}.dash-side-card h3{margin-top:6px;font-size:20px}.dash-side-card p{color:var(--on-surface-var);margin-top:4px;font-size:12px}.system-online{color:var(--success);letter-spacing:.1em;align-items:center;gap:8px;margin-top:12px;font-size:11px;font-weight:800;display:inline-flex}.system-online:before{content:"";background:var(--success);width:7px;height:7px;box-shadow:0 0 8px var(--success);border-radius:50%}.dash-main{min-width:0}.dash-top{justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;display:flex}.dash-top h1{margin-top:6px;font-size:clamp(2.2rem,5vw,4rem)}.dash-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.card{border-radius:var(--r-xl);min-width:0;padding:22px}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.card-head h3{font-size:18px}.card-pill{border:1px solid var(--ghost-border);border-radius:var(--r-pill);color:var(--on-surface-var);align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-flex}.card-pill.live{color:var(--success);border-color:#7bd38959}.feeder-gauge{grid-template-columns:84px 1fr;align-items:center;gap:22px;display:grid}.feeder-tube{border:1px solid var(--ghost-border-strong);background:var(--surface-low);border-radius:24px 24px 10px 10px;height:210px;position:relative;overflow:hidden}.feeder-fill{background:linear-gradient(180deg, var(--accent), var(--accent-strong));transition:height .22s var(--ease-out);position:absolute;bottom:0;left:0;right:0}.feeder-marks{z-index:2;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:14px}.feeder-marks span{background:#ffffff2e;height:1px}.feeder-info .pct{font-family:var(--font-display);letter-spacing:-.06em;font-size:58px;font-weight:800}.feeder-info sup,.temp-dial sup{color:var(--on-surface-var);font-size:.42em}.feeder-info input{width:100%;accent-color:var(--accent-strong);margin-top:18px}.feeder-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;display:grid}.feeder-stats>div{border-radius:var(--r-lg);background:var(--surface-hi);padding:12px}.feeder-stats .v{font-weight:800}.feeder-stats .l{color:var(--on-surface-var);font-size:12px}.pet-status{gap:12px;margin-bottom:20px}.pet-photo{width:54px;height:54px;font-size:26px}.pet-status .name{font-family:var(--font-display);font-size:26px;font-weight:800}.pet-status .meta{color:var(--on-surface-var)}.next-feed{gap:10px;display:grid}.next-feed-time,.dispense-btn{border-radius:var(--r-lg);background:var(--surface-hi);padding:13px}.next-feed-time .v{margin-top:2px;font-weight:800}.dispense-btn{color:#fff;background:var(--accent-strong);border:0;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.temp-dial{background:conic-gradient(var(--accent-strong) 0 62%, var(--surface-hi) 62% 100%);border-radius:50%;place-items:center;width:170px;height:170px;margin:8px auto 18px;display:grid}.temp-dial>div{background:var(--surface-c);text-align:center;border-radius:50%;place-items:center;width:126px;height:126px;display:grid}.temp-dial .v{font-size:38px;font-weight:800}.temp-dial .l{color:var(--on-surface-var);font-size:12px}.temp-info{gap:8px;display:grid}.temp-info div{justify-content:space-between;display:flex}.sched-list{gap:10px;display:grid}.sched-item{border-radius:var(--r-lg);background:var(--surface-hi);grid-template-columns:70px 1fr 150px 42px;align-items:center;gap:12px;padding:13px;display:grid}.sched-item.muted{opacity:.55}.sched-item .time,.sched-item .dose strong{font-weight:800}.days{gap:4px;display:flex}.days span{width:19px;height:19px;color:var(--on-surface-var);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.days span.on{background:var(--accent-strong);color:#fff}.sched-toggle{border-radius:var(--r-pill);background:var(--surface-low);border:0;width:40px;height:22px;position:relative}.sched-toggle:after{content:"";background:var(--on-surface-var);width:16px;height:16px;transition:transform var(--dur) var(--ease-out), background var(--dur) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.sched-toggle.on{background:#ff8a5247}.sched-toggle.on:after{background:var(--accent-strong);transform:translate(18px)}.sched-add{border:1px dashed var(--ghost-border-strong);border-radius:var(--r-lg);color:var(--on-surface-var);background:0 0;justify-content:center;align-items:center;gap:8px;padding:13px;font-weight:800;display:inline-flex}.chart-area{min-height:230px}.chart-svg{width:100%;height:230px;overflow:visible}.chart-grid line{stroke:var(--ghost-border)}.chart-area-fill{fill:url(#chartGrad)}.chart-line{fill:none;stroke:var(--accent-strong);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:var(--surface-c);stroke:var(--accent-strong);stroke-width:3px}.chart-label{fill:var(--on-surface-var);font-size:11px;font-weight:700}.chart-value{fill:var(--on-surface);font-family:var(--font-mono);font-size:11px;font-weight:800}.bars{align-items:end;gap:12px;height:220px;padding-top:28px;display:flex}.bar{background:var(--surface-hi);border-radius:8px 8px 2px 2px;flex:1;min-height:10px;position:relative}.bar.active{background:linear-gradient(180deg, var(--accent), var(--accent-strong))}.bar span{color:var(--accent);font-size:11px;font-weight:800;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.bars-labels{color:var(--on-surface-var);justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.mini-title{color:var(--on-surface-var);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.metric-stack{margin-top:26px}.metric-line{align-items:baseline;gap:12px}.metric-line .v{font-family:var(--font-display);letter-spacing:-.05em;font-size:40px;font-weight:800}.metric-line .v span{color:var(--on-surface-var);font-size:20px}.delta-up,.delta-down{border-radius:var(--r-pill);padding:3px 8px;font-size:11px}.delta-up{color:var(--success);background:#7bd3891f}.delta-down{color:var(--danger);background:#ff8a801f}.shop-hero{padding:118px 32px 32px}.shop-hero-card{max-width:var(--max-w);border-radius:var(--r-2xl);background:radial-gradient(circle at 82% 18%, #ff8a5238, transparent 28%), linear-gradient(135deg, var(--surface-c), var(--surface-low));grid-template-columns:1.1fr .9fr;align-items:center;gap:32px;margin:0 auto;padding:54px;display:grid;overflow:hidden}.shop-hero h1{max-width:650px;margin-top:12px;font-size:clamp(2.4rem,5vw,4.6rem)}.shop-hero p{max-width:600px;color:var(--on-surface-var);margin-top:18px;font-size:17px}.price-tag{border-radius:var(--r-lg);background:var(--surface-hi);align-items:baseline;gap:10px;margin-top:26px;padding:12px 16px;display:inline-flex}.price-tag span{color:var(--on-surface-var);font-size:12px}.price-tag strong{font-family:var(--font-display);font-size:28px}.price-tag del{color:var(--on-surface-var)}.shop-hero-img{isolation:isolate;position:relative}.shop-section{padding-top:118px}.shop-head{justify-content:space-between;align-items:end;gap:24px;max-width:none;margin-bottom:24px;display:flex}.shop-kicker{gap:8px;display:grid}.shop-count{color:var(--on-surface-var);font-size:13px;font-weight:700}.shop-head h2{letter-spacing:0;max-width:560px;margin-top:0;font-size:34px}.shop-toolbar{border-radius:var(--r-lg);background:#090a0a9e;border:1px solid #ffffff1a;flex-wrap:wrap;gap:6px;margin-bottom:18px;padding:6px;display:flex;box-shadow:inset 0 1px #ffffff0a}.chip{border-radius:var(--r-md);min-height:34px;color:var(--on-surface-var);transition:background var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:700;display:inline-flex}.chip small{border-radius:var(--r-md);background:var(--surface-hi);min-width:21px;height:21px;color:var(--on-surface-var);place-items:center;font-size:11px;line-height:1;display:grid}.chip.active,.chip:hover{color:var(--on-surface);background:#ffb7861a;border-color:#ffb78647}.chip.active small,.chip:hover small{background:var(--accent-strong);color:#fff}.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.product-card{border-radius:var(--r-lg);min-height:100%;transition:border-color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);background:linear-gradient(#ffffff09,#fff0),#191a1a;border-color:#ffffff17;grid-template-rows:auto 1fr auto auto;gap:14px;padding:14px;display:grid;box-shadow:0 18px 46px #00000042,inset 0 1px #ffffff09}.product-card:hover{border-color:#ffb7864d;transform:translateY(-2px);box-shadow:0 24px 62px #00000061,0 0 0 1px #ffb7860a,inset 0 1px #ffffff0d}.product-thumb{aspect-ratio:auto;border-radius:var(--r-lg);background:#fff;border:1px solid #ffffffe6;place-items:center;height:220px;min-height:220px;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #00000038}.product-thumb img{object-fit:contain;object-position:center;filter:none;width:calc(100% - 16px);max-width:none;height:calc(100% - 16px);max-height:none;margin:auto;display:block;position:absolute;inset:8px}.product-gallery-image{animation:product-image-swap .26s var(--ease-out) both}@keyframes product-image-swap{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.product-thumb-empty{border-radius:var(--r-lg);color:#1d1f1f75;background:#f5f6f7;border:1px dashed #1d1f1f38;place-items:center;width:82px;height:82px;display:grid}.product-image-nav{z-index:2;color:#1d1f1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;width:34px;height:34px;transition:background var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out);background:#ffffff94;border:1px solid #1d1f1f1a;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 18px #1d1f1f1a}.product-thumb:hover .product-image-nav,.product-image-nav:focus-visible{opacity:1;pointer-events:auto}.product-image-nav:hover{background:#ffffffe0;border-color:#1d1f1f2e;transform:translateY(-50%)scale(1.04);box-shadow:0 10px 22px #1d1f1f26}.product-image-nav.prev{left:10px}.product-image-nav.prev svg{transform:rotate(180deg)}.product-image-nav.next{right:10px}.product-tag{z-index:1;border-radius:var(--r-md);color:#fff;background:#1d1f1f;padding:5px 8px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.product-main{align-content:start;gap:8px;display:grid}.product-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.product-category,.product-stock{color:var(--on-surface-var);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.2}.product-stock{color:var(--accent);text-align:right}.product-card h3{letter-spacing:0;font-size:20px}.product-card p{color:var(--on-surface-var);font-size:14px;line-height:1.45}.specs{flex-wrap:wrap;gap:7px;display:flex}.specs span{border-radius:var(--r-md);color:var(--on-surface-var);background:#ffffff0f;padding:5px 8px;font-size:11px;font-weight:800}.product-status-row{min-height:28px;color:var(--on-surface-var);border-top:1px solid #ffffff14;align-items:center;font-size:12px;font-weight:700;display:flex}.product-status-row span{align-items:center;gap:7px;display:inline-flex}.product-foot{justify-content:space-between;align-items:center;gap:14px;display:flex}.price{font-family:var(--font-display);letter-spacing:0;font-size:21px;font-weight:800}.price small{color:var(--on-surface-var);font-family:var(--font-body);font-size:12px;font-weight:500}.add{border-radius:var(--r-md);color:#1b0d05;background:linear-gradient(#ffab73,#e56f28);border:1px solid #ffb78657;align-items:center;gap:7px;min-height:36px;padding:9px 12px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 10px 22px #e56f2833,inset 0 1px #ffffff52}.add:hover{background:linear-gradient(#ffc299,#f07a31);border-color:#ffd3b594;box-shadow:0 12px 28px #e56f284d,inset 0 1px #ffffff61}[data-theme=light] .shop-toolbar{border-color:var(--ghost-border);background:var(--surface-low)}[data-theme=light] .chip.active,[data-theme=light] .chip:hover{border-color:var(--ghost-border-strong);background:var(--surface-c)}[data-theme=light] .product-card{border-color:var(--ghost-border);background:var(--surface-c);box-shadow:var(--shadow-modal)}[data-theme=light] .product-card:hover{border-color:var(--ghost-border-strong);box-shadow:0 18px 48px #281e141f}[data-theme=light] .product-thumb{border-color:#281e141a;box-shadow:0 10px 24px #281e1414}[data-theme=light] .product-tag{background:var(--accent-strong)}[data-theme=light] .specs span{background:var(--surface-hi)}[data-theme=light] .product-status-row{border-top-color:var(--ghost-border)}[data-theme=light] .add{background:var(--accent-strong);color:#fff;box-shadow:none}.dev-grid{grid-template-columns:1fr .9fr;align-items:start}.device-list{gap:16px;display:grid}.device-card,.pair-card{border-radius:var(--r-xl);padding:18px}.device-card.online{border-color:#7bd38938}.device-row{gap:12px}.device-icon{border-radius:var(--r-lg);background:var(--surface-hi);flex-shrink:0;place-items:center;width:58px;height:58px;display:grid}.device-icon img{width:48px}.device-info{flex:1;min-width:0}.device-info .name{font-weight:800}.device-actions{gap:8px}.status-dot{border-radius:var(--r-pill);color:var(--on-surface-var);background:var(--surface-hi);padding:5px 8px;font-size:11px;font-weight:800}.status-dot.on{color:var(--success)}.status-dot.off{color:var(--danger)}.device-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}.device-stats>div{border-radius:var(--r-lg);background:var(--surface-hi);padding:10px}.device-stats .v{font-weight:800}.device-stats .l{color:var(--on-surface-var);font-size:11px}.device-buttons{gap:8px;margin-top:14px}.device-buttons .btn{flex:1;padding:9px 10px;font-size:13px}.add-device{color:var(--on-surface-var);background:0 0;border-style:dashed;justify-content:center;align-items:center;gap:10px;font-weight:800;display:flex}.pair-card{position:sticky;top:88px}.between{justify-content:space-between;gap:12px}.pair-card h3{font-size:24px}.scan-pulse{place-items:center;width:230px;height:230px;margin:22px auto;display:grid;position:relative}.scan-pulse .ring{border:1px solid #ff8a5259;border-radius:50%;animation:2.6s infinite scan;position:absolute;inset:24px}.scan-pulse .ring:nth-child(2){animation-delay:.45s}.scan-pulse .ring:nth-child(3){animation-delay:.9s}.scan-pulse .center{background:var(--accent-strong);color:#fff;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}@keyframes scan{0%{opacity:.75;transform:scale(.55)}to{opacity:0;transform:scale(1.3)}}.pair-steps{gap:14px;display:grid}.pair-step{color:var(--on-surface-var);grid-template-columns:32px 1fr;gap:12px;display:grid}.pair-step .num{background:var(--surface-hi);border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.pair-step.active .num,.pair-step.done .num{background:var(--accent-strong);color:#fff}.pair-step .t{color:var(--on-surface);font-weight:800}.pair-step .d{margin-top:2px;font-size:13px}.pair-action{border-radius:var(--r-lg);background:var(--surface-hi);align-items:center;gap:8px;margin-top:12px;padding:10px;display:flex}.pair-action input{border:1px solid var(--ghost-border);border-radius:var(--r-md);background:var(--surface-low);min-width:0;color:var(--on-surface);flex:1;padding:9px 10px}.pair-nav{gap:10px;margin-top:20px}.pair-nav .btn{flex:1}@media (width<=1100px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-shell,.dev-grid,.shop-hero-card,.cta-strip{grid-template-columns:1fr}.dash-side,.pair-card{position:static}.span-3,.span-4,.span-5,.span-7,.span-8{grid-column:span 6}}@media (width<=920px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){:root{--app-header-height:56px}.app-header{padding:0 16px}.nav{display:none}.menu-toggle{display:grid}.nav-mobile-open .nav{top:var(--app-header-height);border-bottom:1px solid var(--ghost-border);background:var(--surface);flex-direction:column;align-items:stretch;padding:12px;display:flex;position:fixed;left:0;right:0}.nav-mobile-open .nav a{padding:14px 18px}.nav a.active:after,.header-cta{display:none}.hero{--hero-content-offset:-34px;min-height:640px}.hero:before{background:linear-gradient(90deg,#000000db 0%,#000000b8 50%,#00000047 78%,#0000 100%)}.hero-content,.hero-meta,.section,.shop-hero{padding-left:18px;padding-right:18px}.section{padding-top:72px;padding-bottom:72px}.hero-meta{gap:18px;bottom:70px}.hero-credit{transform-origin:100% 100%;padding:7px 9px 7px 10px;bottom:18px;right:18px;transform:scale(.92)}.feature-grid,.stats-band,.shop-grid,.dash-grid,.device-stats{grid-template-columns:1fr}.shop-section{padding-top:88px}.shop-head{gap:14px;display:grid}.shop-head h2{font-size:28px}.shop-toolbar{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.chip{flex:none}.span-3,.span-4,.span-5,.span-7,.span-8{grid-column:span 1}.cta-strip,.shop-hero-card{padding:26px}.dash-shell{padding:84px 14px 24px}.dash-top,.footer,.product-foot{flex-direction:column;align-items:stretch}.dash-grid{display:grid}.sched-item,.feeder-gauge{grid-template-columns:1fr}.feeder-tube{width:94px;margin:0 auto}.device-row,.device-buttons,.pair-action{flex-direction:column;align-items:stretch}.device-actions{justify-content:space-between}.footer-links{flex-wrap:wrap;gap:14px}}.header-cart{position:relative}.header-cart span{border:2px solid var(--surface);background:var(--accent-strong);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.shop-state,.cart-empty,.admin-empty{border:1px solid var(--ghost-border);border-radius:var(--r-lg);background:var(--surface-c);min-height:180px;color:var(--on-surface-var);text-align:center;place-items:center;gap:14px;display:grid}.add:disabled{cursor:not-allowed;border-color:var(--ghost-border);background:var(--surface-hi);color:var(--on-surface-var);box-shadow:none}.cart-section,.admin-section{padding-top:118px}.cart-head,.admin-head{justify-content:space-between;align-items:end;gap:20px;max-width:none;margin-bottom:26px;display:flex}.cart-head h2,.admin-head h2{letter-spacing:0;margin-top:8px;font-size:34px}.cart-layout{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:18px;display:grid}.cart-list{gap:10px;display:grid}.cart-item,.cart-summary,.admin-panel,.admin-card-link{border-radius:var(--r-lg);background:linear-gradient(#ffffff09,#fff0),#191a1a;border:1px solid #ffffff17;box-shadow:0 18px 46px #0000003d,inset 0 1px #ffffff09}.cart-item{grid-template-columns:86px minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:12px;display:grid}.cart-thumb,.admin-table-photo,.admin-image-thumb{border-radius:var(--r-lg);color:#1d1f1f;background:#fff;border:1px solid #281e141a;place-items:center;display:grid;overflow:hidden}.cart-thumb{width:86px;height:86px}.cart-thumb img,.admin-table-photo img,.admin-image-thumb img{object-fit:contain;width:100%;height:100%}.cart-item-main{gap:5px;display:grid}.cart-item-main strong{font-family:var(--font-display);font-size:18px}.cart-item-main span{color:var(--on-surface-var);font-size:13px;font-weight:700}.cart-stepper{border:1px solid var(--ghost-border);border-radius:var(--r-md);background:#ffffff0a;grid-template-columns:34px 42px 34px;height:36px;display:grid;overflow:hidden}.cart-stepper button,.cart-remove{color:var(--on-surface);background:0 0;border:0;font-weight:800}.cart-stepper span{border-right:1px solid var(--ghost-border);border-left:1px solid var(--ghost-border);color:var(--on-surface-var);place-items:center;font-size:13px;font-weight:800;display:grid}.cart-remove{color:var(--on-surface-var);font-size:12px}.cart-summary{top:calc(var(--app-header-height) + 18px);gap:12px;padding:18px;display:grid;position:sticky}.cart-summary div{justify-content:space-between;align-items:center;gap:12px;display:flex}.cart-summary span{color:var(--on-surface-var);font-size:13px;font-weight:700}.cart-summary strong{font-family:var(--font-display);font-size:24px}.cart-checkout{justify-content:center}.admin-actions,.admin-panel-head,.admin-row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-actions{justify-content:flex-end}.admin-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.admin-card-link{transition:border-color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);align-items:center;gap:14px;padding:18px;display:flex}.admin-card-link:hover{border-color:#ffb7864d;transform:translateY(-2px)}.admin-card-icon{border-radius:var(--r-lg);width:48px;height:48px;color:var(--accent);background:#ffb7861c;place-items:center;display:grid}.admin-card-link strong,.admin-card-link small{display:block}.admin-card-link small{color:var(--on-surface-var);margin-top:4px}.admin-panel{padding:18px}.admin-editor{margin-bottom:18px}.admin-panel-head{justify-content:space-between;margin-bottom:18px}.admin-panel-head strong{font-family:var(--font-display);margin-right:auto;font-size:18px}.admin-panel-head span,.admin-muted{color:var(--on-surface-var);font-size:12px;font-weight:700}.admin-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.admin-field{gap:6px;margin-bottom:14px;display:grid}.admin-field>span{color:var(--on-surface-var);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.admin-field small{color:var(--on-surface-var);font-size:11px}.admin-field input,.admin-field textarea{border-radius:var(--r-md);width:100%;color:var(--on-surface);background:#ffffff0b;border:1px solid #ffffff1a;padding:10px 11px}.admin-field textarea{resize:vertical;min-height:78px}.admin-checkbox{color:var(--on-surface-var);align-items:center;gap:9px;margin:4px 0 18px;font-size:13px;font-weight:700;display:inline-flex}.admin-photo-section{border-top:1px solid #ffffff14;gap:12px;margin-top:6px;padding-top:16px;display:grid}.admin-image-grid{flex-wrap:wrap;gap:10px;display:flex}.admin-image-thumb{width:96px;height:96px;position:relative}.admin-image-thumb.pending{border-style:dashed}.admin-image-thumb span{color:#fff;background:#1d1f1fb8;border-radius:999px;padding:3px 6px;font-size:10px;font-weight:800;position:absolute;bottom:5px;left:5px}.admin-image-thumb button{color:#fff;background:#000000a8;border:0;border-radius:999px;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:5px;right:5px}.admin-photo-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-error{border-radius:var(--r-md);color:var(--danger);background:#ff8a8021;margin-top:14px;padding:8px 10px;font-size:13px;font-weight:800;display:inline-flex}.admin-actions-bottom{justify-content:flex-start;margin-top:18px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:12px 14px}.admin-table th{color:var(--on-surface-var);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{color:var(--on-surface-var);margin-top:3px;font-size:11px}.admin-table-photo{width:48px;height:48px}.admin-status{border-radius:var(--r-md);color:var(--on-surface-var);background:#ffffff0f;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.admin-status.active{color:var(--success);background:#7bd38921}.admin-danger{color:var(--danger);background:#ff8a8021;border-color:#ff8a8047}[data-theme=light] .cart-item,[data-theme=light] .cart-summary,[data-theme=light] .admin-panel,[data-theme=light] .admin-card-link,[data-theme=light] .shop-state,[data-theme=light] .cart-empty,[data-theme=light] .admin-empty{border-color:var(--ghost-border);background:var(--surface-c);box-shadow:var(--shadow-modal)}[data-theme=light] .admin-field input,[data-theme=light] .admin-field textarea,[data-theme=light] .cart-stepper{border-color:var(--ghost-border);background:var(--surface-hi)}[data-theme=light] .admin-photo-section,[data-theme=light] .admin-table th,[data-theme=light] .admin-table td{border-color:var(--ghost-border)}@media (width<=1100px){.admin-form-grid,.admin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}@media (width<=780px){.cart-section,.admin-section{padding-top:88px}.cart-head,.admin-head{gap:14px;display:grid}.admin-actions{justify-content:flex-start}.admin-form-grid,.admin-card-grid{grid-template-columns:1fr}.cart-item{grid-template-columns:74px minmax(0,1fr)}.cart-stepper,.cart-remove{grid-column:2;justify-self:start}.cart-thumb{width:74px;height:74px}}