.btn{position:relative;padding:14px 22px;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:-.01em;cursor:pointer;overflow:hidden;transition:filter .2s var(--ease-out)}.btn[data-block=true]{width:100%}.btn-inner{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:#f4f6f8;color:#0a0e13;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #7dd3fc33,inset 0 1px #fff9}.btn-primary[data-tone=dark]{background:linear-gradient(180deg,#1a2029,#11161d);color:var(--fg);border:1px solid var(--border-strong);box-shadow:0 10px 30px #0006,inset 0 1px #ffffff14}.btn-primary[data-tone=accent]{background:linear-gradient(135deg,#7dd3fc,#38bdf8);color:#05070a;border:1px solid rgba(125,211,252,.7);box-shadow:0 10px 30px #38bdf859,inset 0 1px #ffffff80}.btn-primary .btn-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translate(-120%);transition:transform .7s var(--ease-out);pointer-events:none}.btn-primary:hover .btn-shine{transform:translate(120%)}.btn-ghost{background:#ffffff14;color:var(--fg);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.btn-ghost:hover{background:#ffffff1f;border-color:#ffffff38}.onb{display:flex;flex-direction:column;height:100%;background:var(--bg-deep);color:var(--fg)}.onb-image{position:relative;flex:1;min-height:380px;overflow:hidden;background:radial-gradient(80% 60% at 70% 30%,rgba(125,211,252,.2),transparent 60%),radial-gradient(60% 50% at 20% 80%,rgba(167,139,250,.17),transparent 60%),linear-gradient(180deg,#0d131a,#05070a);border-bottom-left-radius:36px;border-bottom-right-radius:36px}.onb-grain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:screen;opacity:.6}.onb-glow{position:absolute;top:-60px;right:-60px;width:260px;height:260px;background:radial-gradient(closest-side,rgba(125,211,252,.35),transparent 80%);filter:blur(4px)}.onb-glow-2{top:auto;right:auto;left:-80px;bottom:-80px;width:240px;height:240px;background:radial-gradient(closest-side,rgba(167,139,250,.28),transparent 80%)}.onb-circuit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.65}.onb-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.onb-orbit{position:absolute;border-radius:50%;border:1px dashed rgba(125,211,252,.22);pointer-events:none}.onb-orbit-outer{width:320px;height:320px;animation:spin-slow 40s linear infinite}.onb-orbit-inner{width:220px;height:220px;border-style:solid;border-color:#a78bfa1f;animation:spin-rev 30s linear infinite}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes spin-rev{to{transform:rotate(-360deg)}}.onb-float-wrap{position:absolute;transform:translate(-50%,-50%);z-index:4;animation:onb-float-drift 5s ease-in-out infinite}.onb-float-wrap:nth-child(2){animation-delay:-1s}.onb-float-wrap:nth-child(3){animation-delay:-2s}.onb-float-wrap:nth-child(4){animation-delay:-3s}.onb-float{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 8px;border-radius:999px;background:#0a0e13e0;border:1px solid rgba(125,211,252,.32);color:var(--accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000080,0 0 12px #7dd3fc2e;z-index:4;white-space:nowrap;animation:onb-float-drift 5s ease-in-out infinite}.onb-float span{font-size:10.5px;font-weight:600;letter-spacing:.04em;color:var(--fg)}.onb-float[data-tone=success]{color:var(--accent-success);border-color:#4ade8066;box-shadow:0 8px 24px #00000080,0 0 12px #4ade8038}.onb-float[data-tone=violet]{color:var(--accent-violet);border-color:#a78bfa66;box-shadow:0 8px 24px #00000080,0 0 12px #a78bfa38}.onb-float[data-tone=warm]{color:var(--accent-warm);border-color:#fbbf2466;box-shadow:0 8px 24px #00000080,0 0 12px #fbbf2438}@keyframes onb-float-drift{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 8px))}}.onb-phone{position:relative;width:190px;height:300px;background:linear-gradient(180deg,#1b2230,#0c1219);border-radius:30px;border:2px solid #222a37;box-shadow:0 30px 60px #000000a6,0 0 0 1px #7dd3fc14,inset 0 0 20px #7dd3fc1f;padding:10px;z-index:3}.onb-phone-screen{position:relative;width:100%;height:100%;border-radius:22px;background:radial-gradient(140% 80% at 20% 20%,rgba(125,211,252,.18),transparent 50%),linear-gradient(180deg,#070a10,#02040a);overflow:hidden}.onb-phone-head{position:absolute;top:12px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between}.onb-phone-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.onb-phone-bars{display:flex;gap:3px}.onb-phone-bars span{width:3px;height:8px;border-radius:2px;background:#7dd3fc66}.onb-phone-bars span:nth-child(2){height:11px;background:#7dd3fc99}.onb-phone-bars span:nth-child(3){height:14px;background:var(--accent)}.onb-phone-chip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:14px;background:linear-gradient(135deg,#2d3746,#0f141b);border:1px solid rgba(125,211,252,.35);box-shadow:0 0 40px #7dd3fc4d,inset 0 0 20px #7dd3fc1f;display:grid;place-items:center}.onb-phone-chip-core{width:56px;height:56px;border-radius:10px;display:grid;place-items:center;background:#05070a99;border:1px dashed rgba(125,211,252,.4);color:var(--accent)}.onb-phone-chip-pins{position:absolute;display:flex;gap:6px}.onb-phone-chip-pins i{display:block;width:3px;height:8px;border-radius:2px;background:#7dd3fc8c}.onb-phone-chip-pins.top{top:-10px;left:50%;transform:translate(-50%)}.onb-phone-chip-pins.bottom{bottom:-10px;left:50%;transform:translate(-50%)}.onb-phone-chip-pins.left,.onb-phone-chip-pins.right{top:50%;flex-direction:column;gap:6px}.onb-phone-chip-pins.left{left:-10px;transform:translateY(-50%)}.onb-phone-chip-pins.right{right:-10px;transform:translateY(-50%)}.onb-phone-chip-pins.left i,.onb-phone-chip-pins.right i{width:8px;height:3px}.onb-phone-traces{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,transparent 45%,rgba(125,211,252,.1) 50%,transparent 55%),linear-gradient(180deg,transparent 45%,rgba(125,211,252,.08) 50%,transparent 55%);background-size:40px 100%,100% 40px;opacity:.5;pointer-events:none}.onb-scanline{position:absolute;left:0;right:0;height:50%;background:linear-gradient(180deg,transparent,rgba(125,211,252,.18),transparent);pointer-events:none}.onb-sparkle{position:absolute;top:40px;right:36px;color:var(--accent);opacity:.85}.onb-content{padding:32px 26px 36px;background:var(--bg-deep);position:relative;z-index:2}.onb-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mid);padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-glass);margin-bottom:18px}.onb-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-success);box-shadow:0 0 10px var(--accent-success)}.onb-headline{font-size:38px;color:var(--fg);margin-bottom:14px}.onb-headline em{font-style:normal;background:linear-gradient(135deg,#7dd3fc 20%,#a78bfa 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.onb-sub{font-size:14px;line-height:1.55;color:var(--fg-mid);margin-bottom:24px;max-width:320px}.onb-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.onb-skip{display:block;margin:4px auto 0;font-size:12px;color:var(--fg-dim);padding:8px 14px;border-radius:999px;transition:color .18s var(--ease-out)}.onb-skip:hover{color:var(--fg-mid)}.home-hello{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.home-hello .eyebrow{margin-bottom:4px}.home-hello .page-title{font-size:26px}.wave{display:inline-block;transform-origin:70% 70%;animation:wave 2.5s ease-in-out infinite}@keyframes wave{0%,70%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}}.icon-btn{position:relative}.bell-dot{position:absolute;top:10px;right:12px;width:7px;height:7px;border-radius:50%;background:var(--accent-warm);box-shadow:0 0 6px var(--accent-warm)}.home-hero{position:relative;padding:22px;border-radius:var(--radius-lg);background:radial-gradient(120% 120% at 100% 0%,rgba(125,211,252,.18),transparent 60%),linear-gradient(135deg,#121923,#0a0e13);border:1px solid var(--border);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-card)}.hero-glow{position:absolute;top:-80px;right:-80px;width:220px;height:220px;background:radial-gradient(closest-side,rgba(125,211,252,.35),transparent);filter:blur(4px);pointer-events:none}.hero-inner{position:relative;z-index:2;max-width:68%}.hero-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:#7dd3fc1f;border:1px solid rgba(125,211,252,.3);margin-bottom:14px}.hero-title{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--fg);margin-bottom:8px}.hero-sub{font-size:12.5px;color:var(--fg-mid);line-height:1.5;margin-bottom:16px}.hero-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;font-size:13px;font-weight:600;color:#05070a;background:linear-gradient(135deg,#7dd3fc,#38bdf8);box-shadow:0 6px 18px #38bdf859}.hero-art{position:absolute;top:50%;right:-30px;transform:translateY(-50%);width:140px;height:140px;display:grid;place-items:center;pointer-events:none}.art-ring{position:absolute;border-radius:50%;border:1px dashed rgba(125,211,252,.3)}.art-ring.r1{width:100%;height:100%;animation:spin 22s linear infinite}.art-ring.r2{width:70%;height:70%;border-style:solid;border-color:#7dd3fc26}.art-ring.r3{width:40%;height:40%;background:#7dd3fc14;border:1px solid rgba(125,211,252,.3)}.art-icon{color:var(--accent);z-index:2}@keyframes spin{to{transform:rotate(360deg)}}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-card{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 10px;text-align:left;color:var(--fg);transition:border-color .2s var(--ease-out)}.quick-card:hover{border-color:var(--border-strong)}.quick-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;margin-bottom:12px}.quick-card[data-tone=accent] .quick-icon{background:#7dd3fc1f;color:var(--accent);border:1px solid rgba(125,211,252,.25)}.quick-card[data-tone=warm] .quick-icon{background:#fbbf241a;color:var(--accent-warm);border:1px solid rgba(251,191,36,.25)}.quick-card[data-tone=violet] .quick-icon{background:#a78bfa1f;color:var(--accent-violet);border:1px solid rgba(167,139,250,.25)}.quick-label{font-size:13px;font-weight:600;letter-spacing:-.01em;margin-bottom:2px}.quick-sub{font-size:11px;color:var(--fg-dim)}.active-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border);cursor:pointer;margin-bottom:10px;transition:border-color .2s var(--ease-out)}.active-card:hover{border-color:var(--border-strong)}.active-card.done{opacity:.85}.active-thumb{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#7dd3fc1f;border:1px solid rgba(125,211,252,.25);color:var(--accent);font-size:22px;flex-shrink:0}.active-thumb.done{background:#4ade801a;border-color:#4ade8040;color:var(--accent-success)}.active-meta{flex:1;min-width:0}.active-chip{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:#7dd3fc1a;border:1px solid rgba(125,211,252,.25);padding:3px 8px;border-radius:999px;margin-bottom:6px}.active-chip.done{color:var(--accent-success);background:#4ade801a;border-color:#4ade8040}.active-title{font-size:14px;font-weight:600;color:var(--fg);margin-bottom:6px}.active-sub{font-size:12px;color:var(--fg-dim)}.active-progress{display:flex;align-items:center;gap:10px}.bar{flex:1;height:4px;background:#ffffff14;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#7dd3fc,#38bdf8);border-radius:999px}.active-progress span{font-size:11px;color:var(--fg-dim);font-weight:500}.active-arrow{color:var(--fg-dim);flex-shrink:0}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.impact-card{padding:14px 10px;background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s var(--ease-out)}.impact-card:hover{border-color:var(--border-strong)}.impact-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;margin-bottom:10px}.impact-icon.success{color:var(--accent-success);background:#4ade801a}.impact-icon.violet{color:var(--accent-violet);background:#a78bfa1f}.impact-icon.warm{color:var(--accent-warm);background:#fbbf241a}.impact-value{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--fg);margin-bottom:2px}.impact-label{font-size:10px;letter-spacing:.06em;color:var(--fg-dim)}.scanner-sub{color:var(--fg-mid);font-size:14px;line-height:1.5;margin-bottom:18px}.search{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;background:var(--bg-glass);border:1px solid var(--border);color:var(--fg-mid);transition:border-color .2s var(--ease-out);margin-bottom:14px}.search:focus-within{border-color:var(--border-accent);background:#7dd3fc0a}.search input{flex:1;background:none;border:none;outline:none;font:inherit;color:var(--fg);font-size:14px}.search input::placeholder{color:var(--fg-dim)}.search-clear{font-size:11px;font-weight:600;color:var(--fg-dim);padding:4px 8px;border-radius:6px}.search-clear:hover{color:var(--accent)}.camera-cta{position:relative;display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px;border-radius:var(--radius-md);background:linear-gradient(135deg,#7dd3fc1f,#a78bfa14);border:1px solid rgba(125,211,252,.25);color:var(--fg);overflow:hidden;cursor:pointer}.cam-halo{position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(closest-side,rgba(125,211,252,.35),transparent);filter:blur(4px)}.cam-icon{width:44px;height:44px;border-radius:12px;background:#05070a;border:1px solid rgba(125,211,252,.3);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.cam-title{font-size:14px;font-weight:600;margin-bottom:2px}.cam-sub{font-size:12px;color:var(--fg-mid)}.cam-chip{position:absolute;top:12px;right:12px;font-size:9px;font-weight:700;letter-spacing:.15em;padding:3px 8px;border-radius:999px;background:var(--accent);color:#05070a}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.device-card{padding:16px;background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;color:var(--fg);cursor:pointer;transition:border-color .2s var(--ease-out);position:relative;overflow:hidden}.device-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(closest-side,rgba(125,211,252,.1),transparent);opacity:0;transition:opacity .2s var(--ease-out);pointer-events:none}.device-card:hover{border-color:var(--border-strong)}.device-card:hover:after{opacity:1}.device-icon{width:40px;height:40px;border-radius:12px;background:#7dd3fc14;color:var(--accent);display:grid;place-items:center;margin-bottom:18px}.device-label{font-size:14px;font-weight:600;margin-bottom:2px}.device-count{font-size:11px;color:var(--fg-dim)}.scanner-footer{margin-top:14px}.scan-result{display:flex;flex-direction:column}.scanning-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding-bottom:48px}.scan-anim-wrap{position:relative;width:120px;height:120px;display:grid;place-items:center}.scan-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid var(--accent)}.scan-ring-2{top:-12px;right:-12px;bottom:-12px;left:-12px}.scan-icon-wrap{position:relative;z-index:2;color:var(--accent)}.scan-line{position:absolute;left:10px;right:10px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);border-radius:1px;z-index:3}.scan-label{font-size:16px;font-weight:600;color:var(--fg);margin:0}.scan-sub{font-size:13px;color:var(--fg-mid);margin:0}.result-state{display:flex;flex-direction:column;gap:16px}.result-header{display:flex;flex-direction:column;gap:4px}.result-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fbbf24;background:#fbbf241f;border:1px solid rgba(251,191,36,.25);padding:5px 10px;border-radius:999px;width:fit-content}.result-device{font-size:22px;font-weight:700;color:var(--fg);margin:4px 0 0}.defect-image-wrap{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e1b4b);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:16px 0}.defect-svg{width:160px;height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}.confidence-badge{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#4ade80;background:#4ade801f;border:1px solid rgba(74,222,128,.25);padding:4px 10px;border-radius:999px}.defect-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ef444412;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);cursor:default}.defect-card-icon{width:36px;height:36px;border-radius:10px;background:#ef444426;color:#ef4444;display:grid;place-items:center;flex-shrink:0}.defect-card-body{flex:1}.defect-card-title{font-size:14px;font-weight:600;color:var(--fg);margin-bottom:2px}.defect-card-sub{font-size:12px;color:var(--fg-mid)}.defect-card-arrow{color:var(--fg-dim)}.result-actions{display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.result-skip{text-align:center;font-size:13px;font-weight:500;color:var(--fg-mid);padding:10px;border-radius:var(--radius-sm);transition:color .2s var(--ease-out)}.result-skip:hover{color:var(--fg)}.defect-detail{display:flex;flex-direction:column}.dd-content{display:flex;flex-direction:column;gap:22px;padding-bottom:28px}.verdict-card{position:relative;display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--radius-md);background:linear-gradient(135deg,#4ade801f,#4ade800a);border:1px solid rgba(74,222,128,.3);overflow:hidden}.verdict-glow{position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:radial-gradient(closest-side,rgba(74,222,128,.25),transparent);filter:blur(8px);pointer-events:none}.verdict-icon{width:52px;height:52px;border-radius:14px;background:#4ade8026;border:1px solid rgba(74,222,128,.3);color:#4ade80;display:grid;place-items:center;flex-shrink:0}.verdict-title{font-size:16px;font-weight:700;color:#4ade80;margin-bottom:3px}.verdict-sub{font-size:13px;color:var(--fg-mid);line-height:1.4}.verdict-sub strong{color:var(--fg);font-weight:700}.dd-section{display:flex;flex-direction:column;gap:12px}.dd-section-title{font-size:12px;font-weight:600;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.09em;margin:0}.cost-comparison{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-md)}.cost-row{display:flex;flex-direction:column;gap:5px}.cost-row-meta{display:flex;align-items:center;gap:6px}.cost-label{font-size:12px;color:var(--fg-mid);flex:1}.cost-tag{font-size:9px;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:999px;background:#7dd3fc1f;color:var(--accent);border:1px solid rgba(125,211,252,.25)}.cost-value{font-size:12px;font-weight:700;color:var(--fg);font-variant-numeric:tabular-nums}.cost-bar-track{height:6px;border-radius:999px;background:#ffffff0d;overflow:hidden}.cost-bar-fill{height:100%;border-radius:999px;min-width:4px}.savings-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-sm);background:#7dd3fc0f;border:1px solid rgba(125,211,252,.15);font-size:13px;color:var(--fg-mid)}.savings-banner svg{color:var(--accent);flex-shrink:0}.savings-banner strong{color:var(--fg)}.eco-card{padding:16px;background:linear-gradient(135deg,#4ade800f,#4ade8005);border:1px solid rgba(74,222,128,.18);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:14px}.eco-row{display:flex;align-items:stretch}.eco-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:#4ade80}.eco-icon-text{font-size:18px;line-height:1}.eco-value{font-size:18px;font-weight:700;color:var(--fg);line-height:1}.eco-label{font-size:11px;color:var(--fg-dim);text-align:center}.eco-divider{width:1px;background:var(--border);margin:0 4px}.eco-note{font-size:12px;color:var(--fg-mid);line-height:1.5;margin:0;padding-top:2px;border-top:1px solid rgba(74,222,128,.12)}.eco-note strong{color:var(--fg)}.map-wrap{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.map-svg{width:100%;height:auto;display:block}.map-label{padding:7px 12px;font-size:11px;color:var(--fg-dim);border-top:1px solid var(--border);background:#0000004d}.shop-list{display:flex;flex-direction:column;gap:8px}.shop-item{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;color:var(--fg);cursor:pointer;transition:border-color .2s var(--ease-out),background .2s var(--ease-out)}.shop-item[data-active=true]{border-color:#ef444466;background:#ef44440d}.shop-num{width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.shop-num[data-open=true]{background:#ef4444;color:#fff}.shop-num[data-open=false]{background:#374151;color:var(--fg-mid)}.shop-info{flex:1;display:flex;flex-direction:column;gap:3px}.shop-name-row{display:flex;align-items:center;gap:8px}.shop-name{font-size:13px;font-weight:600;color:var(--fg)}.shop-stars{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#fbbf24}.shop-address{font-size:11px;color:var(--fg-dim)}.shop-meta-row{display:flex;align-items:center;gap:10px;margin-top:1px}.shop-dist,.shop-hours{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--fg-mid)}.shop-hours[data-open=true]{color:#4ade80}.shop-hours[data-open=false]{color:var(--fg-dim)}.shop-speciality{font-size:11px;color:var(--fg-dim);margin-top:2px}.shop-arrow{color:var(--fg-dim);flex-shrink:0;margin-top:4px}.defect-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-mid);background:#ef444412;border:1px solid rgba(239,68,68,.2);padding:6px 12px;border-radius:999px;width:fit-content}.defect-pill svg{color:#ef4444;flex-shrink:0}.defect-pill strong{color:var(--fg)}.dd-info-box{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:#7dd3fc0f;border:1px solid rgba(125,211,252,.18);border-radius:var(--radius-sm);color:var(--accent);font-size:13px;line-height:1.5}.dd-info-box svg{flex-shrink:0;margin-top:2px}.dd-info-box p{margin:0;color:var(--fg-mid)}.info-urgency{font-weight:600;color:var(--fg)!important;margin-bottom:4px!important}.dd-footer{display:flex;flex-direction:column;gap:10px}.dd-secondary-cta{text-align:center;font-size:13px;font-weight:500;color:var(--fg-mid);padding:10px;border-radius:var(--radius-sm);transition:color .2s var(--ease-out)}.dd-secondary-cta:hover{color:var(--fg)}.diag-device{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--radius-md);background:linear-gradient(135deg,#7dd3fc1a,#a78bfa0d);border:1px solid rgba(125,211,252,.2);margin-bottom:20px}.diag-device-icon{width:48px;height:48px;border-radius:14px;background:var(--bg-stage);border:1px solid var(--border);display:grid;place-items:center;font-size:22px}.diag-device-name{font-size:15px;font-weight:600;margin-top:2px}.diag-change{margin-left:auto;font-size:12px;font-weight:600;color:var(--accent);padding:8px 12px;border-radius:999px;border:1px solid rgba(125,211,252,.3);background:#7dd3fc14}.diag-change:hover{background:#7dd3fc26}.diag-sub{color:var(--fg-mid);font-size:13px;line-height:1.5;margin-bottom:14px}.diag-live{overflow:hidden;margin-bottom:14px}.diag-live-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#4ade801f,#4ade8008);border:1px solid rgba(74,222,128,.25);transition:background .3s var(--ease-out),border-color .3s var(--ease-out)}.diag-live-inner[data-tone=mid]{background:linear-gradient(135deg,#fbbf241f,#fbbf2408);border-color:#fbbf244d}.diag-live-inner[data-tone=danger]{background:linear-gradient(135deg,#f871711f,#f8717108);border-color:#f871714d}.diag-live-score{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mid);font-weight:600}.diag-live-score svg{color:var(--accent-success)}.diag-live-inner[data-tone=mid] .diag-live-score svg{color:var(--accent-warm)}.diag-live-inner[data-tone=danger] .diag-live-score svg{color:var(--accent-danger)}.diag-live-score strong{font-family:Space Grotesk,sans-serif;font-size:22px;color:var(--fg);margin-left:4px;letter-spacing:-.02em}.diag-live-mini{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--fg-mid);font-weight:500}.diag-live-mini .sep{opacity:.4}.symptom-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.symptom{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border);color:var(--fg);text-align:left;transition:all .2s var(--ease-out);cursor:pointer}.symptom:hover{border-color:var(--border-strong)}.symptom[data-active=true]{background:linear-gradient(135deg,#7dd3fc1f,#7dd3fc0a);border-color:#7dd3fc66;box-shadow:inset 0 0 0 1px #7dd3fc33}.symptom-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--bg-glass);color:var(--fg-mid);border:1px solid var(--border);flex-shrink:0}.symptom[data-active=true] .symptom-icon{background:#7dd3fc26;color:var(--accent);border-color:#7dd3fc4d}.symptom-text{flex:1;min-width:0}.symptom-title{font-size:14px;font-weight:600;margin-bottom:2px;display:flex;align-items:center;gap:8px}.symptom-tag{font-size:9px;font-weight:600;letter-spacing:.1em;padding:2px 6px;border-radius:6px;background:#fbbf2426;color:var(--accent-warm);border:1px solid rgba(251,191,36,.3);text-transform:uppercase}.symptom-sub{font-size:12px;color:var(--fg-dim)}.symptom-check{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--border-strong);display:grid;place-items:center;color:transparent;flex-shrink:0;transition:all .2s var(--ease-out)}.symptom[data-active=true] .symptom-check{background:var(--accent);border-color:var(--accent);color:#05070a}.diag-footer{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.diag-footer-meta{font-size:12px;color:var(--fg-mid);flex-shrink:0;margin-right:auto;padding-left:6px}.diag-footer-meta strong{color:var(--fg);font-weight:700}.verdict-card{position:relative;padding:22px;border-radius:var(--radius-lg);background:radial-gradient(120% 120% at 0% 0%,rgba(74,222,128,.1),transparent 60%),linear-gradient(135deg,#111922,#0a0e13);border:1px solid rgba(74,222,128,.2);overflow:hidden;margin-bottom:4px;transition:border-color .3s var(--ease-out),background .3s var(--ease-out)}.verdict-card[data-tone=mid]{background:radial-gradient(120% 120% at 0% 0%,rgba(251,191,36,.1),transparent 60%),linear-gradient(135deg,#1a1810,#0a0e13);border-color:#fbbf2440}.verdict-card[data-tone=danger]{background:radial-gradient(120% 120% at 0% 0%,rgba(248,113,113,.1),transparent 60%),linear-gradient(135deg,#1a1013,#0a0e13);border-color:#f8717140}.verdict-card[data-tone=neutral]{background:linear-gradient(135deg,#121821,#0a0e13);border-color:var(--border)}.verdict-halo{position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(closest-side,rgba(74,222,128,.25),transparent);filter:blur(6px);transition:background .3s var(--ease-out)}.verdict-card[data-tone=mid] .verdict-halo{background:radial-gradient(closest-side,rgba(251,191,36,.2),transparent)}.verdict-card[data-tone=danger] .verdict-halo{background:radial-gradient(closest-side,rgba(248,113,113,.2),transparent)}.verdict-card[data-tone=neutral] .verdict-halo{background:radial-gradient(closest-side,rgba(160,167,180,.15),transparent)}.verdict-tag{display:inline-block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:4px 10px;border-radius:999px;color:var(--accent-success);background:#4ade801a;border:1px solid rgba(74,222,128,.25);margin-bottom:10px}.verdict-tag[data-tone=mid]{color:var(--accent-warm);background:#fbbf241a;border-color:#fbbf244d}.verdict-tag[data-tone=danger]{color:var(--accent-danger);background:#f871711a;border-color:#f871714d}.verdict-tag[data-tone=neutral]{color:var(--fg-mid);background:var(--bg-glass);border-color:var(--border)}.verdict-head{font-size:22px;letter-spacing:-.02em;line-height:1.15;margin-bottom:10px}.verdict-top{position:relative;z-index:2;display:flex;gap:18px;align-items:center}.verdict-score{position:relative;width:120px;height:120px;flex-shrink:0}.verdict-score-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.02em}.verdict-score-num span{font-size:36px;color:var(--fg)}.verdict-score-num small{font-size:11px;color:var(--fg-dim);letter-spacing:.1em;margin-top:-2px}.verdict-meta{flex:1;min-width:0}.verdict-text{font-size:12.5px;color:var(--fg-mid);line-height:1.55;margin-top:10px}.verdict-text strong{color:var(--fg);font-weight:600}.factor-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.factor{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border)}.factor-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--bg-glass);color:var(--fg-mid);border:1px solid var(--border);flex-shrink:0}.factor[data-tone=good] .factor-icon{color:var(--accent-success);background:#4ade8014;border-color:#4ade8033}.factor[data-tone=mid] .factor-icon{color:var(--accent-warm);background:#fbbf2414;border-color:#fbbf2433}.factor-label{flex:1;font-size:13px;color:var(--fg-mid)}.factor-value{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;color:var(--fg)}.factor[data-tone=good] .factor-value{color:var(--accent-success)}.savings{display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--radius-md);background:linear-gradient(135deg,#4ade8026,#4ade800a);border:1px solid rgba(74,222,128,.3);margin-bottom:18px;transition:background .3s var(--ease-out),border-color .3s var(--ease-out)}.savings[data-tone=mid]{background:linear-gradient(135deg,#fbbf241f,#fbbf2408);border-color:#fbbf244d}.savings[data-tone=danger]{background:linear-gradient(135deg,#f871711f,#f8717108);border-color:#f871714d}.savings[data-tone=mid] .savings-label{color:var(--accent-warm)}.savings[data-tone=danger] .savings-label{color:var(--accent-danger)}.diag-breakdown{margin-bottom:18px}.breakdown-list{display:flex;flex-direction:column;gap:6px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border);padding:4px}.breakdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:13px;color:var(--fg-mid);transition:background .18s var(--ease-out)}.breakdown-item:hover{background:#ffffff08}.breakdown-item svg{color:var(--accent);flex-shrink:0}.breakdown-item span:nth-child(2){flex:1;color:var(--fg);font-weight:500}.bd-price{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:13px;color:var(--accent-success)}.savings-left{flex:1}.savings-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-success);font-weight:600;margin-bottom:4px}.savings-num{font-size:28px;color:var(--fg)}.savings-right{display:flex;flex-direction:column;gap:6px}.savings-stat{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--fg-mid);padding:5px 10px;border-radius:999px;background:#ffffff0a;border:1px solid var(--border)}.decision-actions{display:flex;flex-direction:column;gap:10px}.dec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guide-hero{padding:18px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#111823,#0a0e13);border:1px solid var(--border);margin-bottom:8px}.guide-hero-top{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.guide-lead{color:var(--fg-mid);font-size:13px;line-height:1.55;margin:8px 0 16px}.guide-progress-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--fg-dim);font-weight:600;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.gp-bar{height:5px;background:#ffffff0f;border-radius:999px;overflow:hidden}.gp-fill{height:100%;background:linear-gradient(90deg,#7dd3fc,#4ade80);border-radius:999px;box-shadow:0 0 10px #7dd3fc66}.tool-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.tool-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:11.5px;font-weight:500;background:var(--bg-glass);border:1px solid var(--border);color:var(--fg-mid)}.tool-pill svg{color:var(--accent)}.video-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border);color:var(--fg);text-align:left;cursor:pointer;margin-top:20px}.video-thumb{position:relative;width:84px;height:56px;border-radius:10px;background:radial-gradient(closest-side,rgba(125,211,252,.3),transparent),linear-gradient(135deg,#1e2733,#0f141b);border:1px solid var(--border);display:grid;place-items:center;flex-shrink:0;overflow:hidden}.video-play{width:32px;height:32px;border-radius:50%;background:var(--accent);display:grid;place-items:center;color:#0a0e13;box-shadow:0 0 20px #7dd3fc80}.video-duration{position:absolute;right:4px;bottom:4px;font-size:9px;padding:2px 6px;border-radius:6px;background:#05070acc;color:var(--fg);font-weight:600;letter-spacing:.05em}.video-info{flex:1;min-width:0}.video-title{font-size:13px;font-weight:600;margin:3px 0 2px}.video-sub{font-size:11px;color:var(--fg-dim)}.step-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.step{display:flex;gap:14px;padding:14px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border);color:var(--fg);text-align:left;cursor:pointer;transition:border-color .2s var(--ease-out)}.step[data-state=active]{background:linear-gradient(135deg,#7dd3fc1a,#7dd3fc05);border-color:#7dd3fc59}.step[data-state=done]{opacity:.6}.step-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;border:1.5px solid var(--border-strong);flex-shrink:0;color:var(--fg-mid);background:var(--bg-stage)}.step[data-state=active] .step-num{background:var(--accent);border-color:var(--accent);color:#05070a;box-shadow:0 0 14px #7dd3fc66}.step[data-state=done] .step-num{background:#4ade8026;border-color:#4ade804d;color:var(--accent-success)}.step-body{flex:1;min-width:0}.step-title{font-size:14px;font-weight:600;margin-bottom:3px}.step[data-state=done] .step-title{text-decoration:line-through;text-decoration-color:var(--fg-dim)}.step-desc{font-size:12px;color:var(--fg-mid);line-height:1.5}.step-media{margin-top:12px}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.media-tile{height:72px;border-radius:10px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 8px,transparent 8px 16px),linear-gradient(135deg,#151c25,#0c1218);border:1px dashed rgba(255,255,255,.12);display:grid;place-items:center;color:var(--fg-dim)}.step-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#fbbf2414;border:1px solid rgba(251,191,36,.25);color:var(--accent-warm);font-size:11.5px;line-height:1.4}.guide-footer{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.congrats{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(80% 60% at 50% 0%,rgba(74,222,128,.15),transparent 60%),radial-gradient(60% 50% at 80% 90%,rgba(125,211,252,.1),transparent 60%),var(--bg-deep)}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:0;border-radius:2px}.congrats-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 24px 48px;width:100%}.trophy-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100px;height:100px}.trophy-glow{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;background:radial-gradient(closest-side,rgba(251,191,36,.3),transparent);filter:blur(8px)}.trophy-emoji{font-size:64px;line-height:1;filter:drop-shadow(0 4px 24px rgba(251,191,36,.4))}.congrats-text{text-align:center}.congrats-headline{font-size:32px;line-height:1.1;margin-bottom:10px}.congrats-sub{font-size:14px;color:var(--fg-mid);line-height:1.6;max-width:280px;margin:0 auto}.congrats-stats{display:flex;gap:10px;width:100%}.cstat{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-md)}.cstat[data-tone=warm]{border-color:#fbbf2433}.cstat[data-tone=success]{border-color:#4ade8033}.cstat[data-tone=accent]{border-color:#7dd3fc33}.cstat-icon{margin-bottom:2px}.cstat[data-tone=warm] .cstat-icon{color:#fbbf24}.cstat[data-tone=success] .cstat-icon{color:#4ade80}.cstat[data-tone=accent] .cstat-icon{color:var(--accent)}.cstat-value{font-size:15px;font-weight:700;color:var(--fg);line-height:1;font-family:Space Grotesk,sans-serif}.cstat-label{font-size:10px;color:var(--fg-dim);text-align:center}.congrats-badge{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#4ade801a,#4ade8008);border:1px solid rgba(74,222,128,.25);border-radius:var(--radius-md);width:100%;font-size:22px}.badge-title{font-size:13px;font-weight:600;color:var(--fg);margin-bottom:2px}.badge-sub{font-size:12px;color:#4ade80}.congrats-actions{display:flex;flex-direction:column;gap:10px;width:100%}.congrats-share{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:500;color:var(--fg-mid);padding:10px;border-radius:var(--radius-sm);transition:color .2s var(--ease-out)}.congrats-share:hover{color:var(--fg)}.settings{display:flex;flex-direction:column}.settings-content{display:flex;flex-direction:column;gap:24px;padding-bottom:24px}.settings-group-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:8px}.settings-list{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.settings-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-icon{width:30px;height:30px;border-radius:8px;background:#7dd3fc14;color:var(--accent);display:grid;place-items:center;flex-shrink:0}.settings-label{flex:1;font-size:14px;color:var(--fg)}.settings-control{display:flex;align-items:center}.settings-trail{font-size:13px;color:var(--fg-mid)}.settings-arrow{color:var(--fg-dim)}.toggle{width:42px;height:24px;border-radius:999px;background:var(--bg-glass-strong);border:1px solid var(--border);display:flex;align-items:center;padding:2px;cursor:pointer;transition:background .2s var(--ease-out),border-color .2s var(--ease-out)}.toggle--on{background:var(--accent);border-color:var(--accent)}.toggle-knob{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000004d}.toggle--on .toggle-knob{margin-left:auto}.parts-sub{font-size:13px;color:var(--fg-mid);margin-bottom:18px}.filter-row{display:flex;gap:6px;overflow-x:auto;margin-bottom:20px;padding-bottom:4px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-pill{padding:8px 14px;border-radius:999px;font-size:12px;font-weight:600;background:var(--bg-glass);border:1px solid var(--border);color:var(--fg-mid);white-space:nowrap;transition:all .18s var(--ease-out);cursor:pointer}.filter-pill[data-active=true]{background:var(--fg);color:var(--bg-deep);border-color:var(--fg)}.parts-list{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.part-card{display:flex;gap:14px;padding:14px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border);color:var(--fg);text-align:left;cursor:pointer;transition:border-color .2s var(--ease-out)}.part-card:hover{border-color:var(--border-strong)}.part-thumb{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;background:#7dd3fc14;color:var(--accent);border:1px solid rgba(125,211,252,.2)}.part-thumb[data-tone=success]{background:#4ade8014;color:var(--accent-success);border-color:#4ade8033}.part-thumb[data-tone=violet]{background:#a78bfa1a;color:var(--accent-violet);border-color:#a78bfa40}.part-info{flex:1;min-width:0}.part-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px}.part-name{font-size:14px;font-weight:600;line-height:1.3}.part-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--fg-dim);margin-bottom:10px;flex-wrap:wrap}.part-rating{display:inline-flex;align-items:center;gap:4px;color:var(--accent-warm);font-weight:600}.part-sep{opacity:.5}.part-seller{color:var(--fg-mid)}.part-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.part-ship{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--accent-success);font-weight:500}.part-price{font-size:17px;color:var(--fg);letter-spacing:-.01em}.shops-list{display:flex;flex-direction:column;gap:10px}.shop-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border);color:var(--fg);text-align:left;cursor:pointer;transition:border-color .2s var(--ease-out)}.shop-card:hover{border-color:var(--border-strong)}.shop-icon{width:44px;height:44px;border-radius:14px;background:#a78bfa1a;color:var(--accent-violet);border:1px solid rgba(167,139,250,.25);display:grid;place-items:center;flex-shrink:0}.shop-info{flex:1;min-width:0}.shop-name{font-size:14px;font-weight:600;margin-bottom:2px}.shop-sub{font-size:12px;color:var(--fg-mid);margin-bottom:8px}.shop-chips{display:flex;gap:6px;flex-wrap:wrap}.shop-arrow{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--bg-glass);color:var(--fg-mid);border:1px solid var(--border)}.comm-hero{position:relative;padding:20px;border-radius:var(--radius-lg);background:radial-gradient(140% 100% at 100% 0%,rgba(167,139,250,.2),transparent 60%),linear-gradient(135deg,#131625,#0a0e13);border:1px solid rgba(167,139,250,.2);margin-bottom:18px;overflow:hidden;display:flex;align-items:center;gap:12px}.comm-hero-bg{position:absolute;top:-80px;right:-60px;width:220px;height:220px;background:radial-gradient(closest-side,rgba(167,139,250,.3),transparent);filter:blur(4px)}.comm-hero-text{flex:1;position:relative;z-index:2}.comm-hero-sub{font-size:13px;color:var(--fg-mid);line-height:1.5;margin-top:8px}.comm-hero-avatars{display:flex;align-items:center;position:relative;z-index:2}.comm-av{width:40px;height:40px;border-radius:50%;background:var(--bg-stage);border:2px solid rgba(167,139,250,.4);display:grid;place-items:center;font-size:18px;box-shadow:0 4px 12px #0006}.comm-av.more{background:#a78bfa33;color:var(--accent-violet);font-size:12px;font-weight:700;letter-spacing:-.02em;transform:translate(-42px)!important}.helper-list{display:flex;flex-direction:column;gap:10px}.helper-card{display:flex;gap:14px;padding:14px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border);color:var(--fg);text-align:left;cursor:pointer;transition:border-color .2s var(--ease-out)}.helper-card:hover{border-color:var(--border-strong)}.helper-av{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#7dd3fc26,#a78bfa26);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;font-size:22px;flex-shrink:0}.helper-info{flex:1;min-width:0}.helper-head{display:flex;align-items:baseline;gap:4px;margin-bottom:4px;flex-wrap:wrap}.helper-name{font-size:14px;font-weight:600}.helper-role{font-size:12px;color:var(--fg-dim)}.helper-rating{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--fg-dim);margin-bottom:6px}.stars{color:var(--accent-warm);font-size:11px;letter-spacing:1px}.helper-sep{opacity:.5}.helper-bio{font-size:12px;color:var(--fg-mid);margin-bottom:8px}.helper-tags{display:flex;gap:6px;flex-wrap:wrap}.helper-cta{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#7dd3fc1a;color:var(--accent);border:1px solid rgba(125,211,252,.25);flex-shrink:0;align-self:flex-start}.event-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.event-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border);color:var(--fg);text-align:left;cursor:pointer;transition:border-color .2s var(--ease-out)}.event-card:hover{border-color:var(--border-strong)}.event-date{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#4ade8014;color:var(--accent-success);border:1px solid rgba(74,222,128,.2);flex-shrink:0;position:relative}.event-hot{position:absolute;top:-6px;right:-8px;font-size:8px;font-weight:700;letter-spacing:.12em;padding:2px 5px;border-radius:6px;background:var(--accent-warm);color:#05070a}.event-body{flex:1;min-width:0}.event-title{font-size:14px;font-weight:600;margin-bottom:3px}.event-meta{font-size:12px;color:var(--fg-mid);margin-bottom:4px}.event-loc{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--fg-dim)}.event-btn{padding:8px 14px;border-radius:999px;background:var(--fg);color:var(--bg-deep);font-size:12px;font-weight:600;flex-shrink:0}.comm-footer{margin-top:8px}.profile-hero{position:relative;text-align:center;padding:28px 20px 24px;border-radius:var(--radius-lg);background:radial-gradient(80% 100% at 50% 0%,rgba(125,211,252,.15),transparent 60%),linear-gradient(180deg,#101620,#0a0e13);border:1px solid var(--border);margin-bottom:18px;overflow:hidden}.profile-hero-bg{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(closest-side,rgba(125,211,252,.25),transparent);filter:blur(6px)}.profile-av-wrap{position:relative;width:80px;height:80px;margin:0 auto}.profile-av{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#7dd3fc4d,#a78bfa4d);border:2px solid rgba(255,255,255,.14);display:grid;place-items:center;font-size:36px;box-shadow:0 12px 30px #0006}.profile-edit{position:absolute;bottom:-2px;right:-2px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#05070a;display:grid;place-items:center;border:2px solid var(--bg-stage)}.profile-sub{font-size:12px;color:var(--fg-dim);margin-top:4px;margin-bottom:12px}.profile-level{display:flex;justify-content:center}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:4px}.pstat{padding:14px 10px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border);text-align:center;cursor:pointer;transition:all .2s var(--ease-out)}.pstat:hover{border-color:var(--border-strong)}.pstat[data-tone=success] .pstat-num{color:var(--accent-success)}.pstat[data-tone=accent] .pstat-num{color:var(--accent)}.pstat[data-tone=warm] .pstat-num{color:var(--accent-warm)}.pstat-num{font-size:22px;letter-spacing:-.02em;margin-bottom:2px}.pstat-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);font-weight:600}.ach-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.ach-card{padding:14px 6px;text-align:center;background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s var(--ease-out)}.ach-card[data-got=false]{opacity:.4;filter:saturate(0)}.ach-card[data-got=true]:hover{border-color:#fbbf2466}.ach-emoji{font-size:24px;margin-bottom:6px}.ach-label{font-size:10px;color:var(--fg-mid);font-weight:500;letter-spacing:.02em}.dev-list{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.dev-row{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border);color:var(--fg);text-align:left;cursor:pointer;transition:border-color .2s var(--ease-out)}.dev-row:hover{border-color:var(--border-strong)}.dev-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#7dd3fc1a;color:var(--accent);border:1px solid rgba(125,211,252,.22);flex-shrink:0}.dev-icon[data-tone=success]{background:#4ade801a;color:var(--accent-success);border-color:#4ade8038}.dev-info{flex:1;min-width:0}.dev-name{font-size:14px;font-weight:600;margin-bottom:2px}.dev-sub{font-size:12px;color:var(--fg-mid);margin-bottom:8px}.dev-bar{height:3px;background:#ffffff14;border-radius:999px;overflow:hidden}.dev-bar-fill{height:100%;background:linear-gradient(90deg,#7dd3fc,#38bdf8);border-radius:999px}.dev-bar-fill[data-tone=success]{background:linear-gradient(90deg,#4ade80,#22c55e)}.dev-arrow{color:var(--fg-dim);flex-shrink:0}.menu-list{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:var(--grad-card);margin-bottom:20px}.menu-row{display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--fg);text-align:left;cursor:pointer;border-bottom:1px solid var(--border);transition:background .18s var(--ease-out)}.menu-row:last-child{border-bottom:none}.menu-row:hover{background:#ffffff08}.menu-icon{color:var(--fg-mid)}.menu-label{flex:1;font-size:13.5px;font-weight:500}.menu-trail{font-size:12px;color:var(--fg-dim)}.menu-arrow{color:var(--fg-dim)}.hp-hero{text-align:center;padding:28px 20px 20px;border-radius:var(--radius-lg);background:radial-gradient(80% 100% at 50% 0%,rgba(125,211,252,.15),transparent 60%),linear-gradient(180deg,#101620,#0a0e13);border:1px solid var(--border);margin-bottom:14px;position:relative;overflow:hidden}.hp-hero-bg{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(closest-side,rgba(125,211,252,.2),transparent);filter:blur(6px)}.hp-av{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#7dd3fc33,#a78bfa33);border:2px solid rgba(255,255,255,.12);display:grid;place-items:center;font-size:32px;margin:0 auto 12px;position:relative;z-index:1}.hp-name{font-size:22px;margin-bottom:4px;position:relative;z-index:1}.hp-role{font-size:12px;color:var(--fg-mid);margin-bottom:12px;position:relative;z-index:1}.hp-rating{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--fg-dim);flex-wrap:wrap;position:relative;z-index:1}.hp-sep{opacity:.5}.hp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.hpstat{padding:12px 8px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border);text-align:center}.hpstat-val{font-size:18px;color:var(--accent);margin-bottom:2px}.hpstat-label{font-size:10px;color:var(--fg-dim);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.hp-bio{font-size:13px;line-height:1.6;color:var(--fg-mid);margin-bottom:6px}.hp-joined{margin-bottom:4px}.hp-skills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.hp-skill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:600;background:var(--bg-glass);border:1px solid var(--border);color:var(--fg-mid)}.hp-skill[data-tone=accent]{color:var(--accent);border-color:#7dd3fc4d;background:#7dd3fc14}.hp-skill[data-tone=violet]{color:var(--accent-violet);border-color:#a78bfa4d;background:#a78bfa14}.hp-skill[data-tone=success]{color:var(--accent-success);border-color:#4ade804d;background:#4ade8014}.hp-skill[data-tone=warn]{color:var(--accent-warm);border-color:#fbbf244d;background:#fbbf2414}.hp-ach-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:4px}.hp-ach{padding:12px 6px;text-align:center;background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-md)}.hp-ach-emoji{font-size:20px;margin-bottom:5px}.hp-ach-label{font-size:10px;color:var(--fg-mid);font-weight:500}.hp-repairs{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.hp-repair{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border)}.hp-repair-info{flex:1}.hp-repair-device{font-size:13px;font-weight:600;margin-bottom:2px}.hp-repair-what{font-size:11px;color:var(--fg-dim)}.hp-repair-rating{color:var(--accent-warm);font-size:12px;letter-spacing:1px}.hp-cta{margin-top:8px}.ed-hero{text-align:center;padding:24px 20px 20px;border-radius:var(--radius-lg);background:radial-gradient(120% 80% at 50% 0%,rgba(74,222,128,.12),transparent 60%),linear-gradient(180deg,#0d1812,#0a0e13);border:1px solid rgba(74,222,128,.18);margin-bottom:16px;position:relative;overflow:hidden}.ed-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(closest-side at 50% 0%,rgba(74,222,128,.15),transparent);filter:blur(8px)}.ed-icon{font-size:40px;margin-bottom:12px;position:relative;z-index:1}.ed-title{font-size:22px;margin-bottom:10px;position:relative;z-index:1}.ed-info-list{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border);margin-bottom:14px}.ed-info-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--fg-mid)}.ed-info-row svg{color:var(--accent-success);flex-shrink:0;margin-top:1px}.ed-map-placeholder{height:100px;border-radius:var(--radius-md);background:linear-gradient(135deg,#4ade800f,#7dd3fc0a);border:1px solid var(--border);display:grid;place-items:center;margin-bottom:14px}.ed-map-inner{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--fg-mid);font-size:12px}.ed-map-inner svg{color:var(--accent-success);margin-bottom:2px}.ed-map-sub{font-size:11px;color:var(--fg-dim)}.ed-desc{font-size:13px;line-height:1.6;color:var(--fg-mid);margin-bottom:4px}.ed-what-list{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.ed-what-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--fg-mid);padding:8px 12px;border-radius:var(--radius-sm);background:#4ade800d;border:1px solid rgba(74,222,128,.12)}.ed-what-item svg{color:var(--accent-success);flex-shrink:0}.ed-helpers{display:flex;gap:10px;margin-bottom:16px}.ed-helper{flex:1;padding:12px 8px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border);text-align:center;cursor:pointer;transition:border-color .18s var(--ease-out)}.ed-helper:hover{border-color:var(--border-strong)}.ed-helper-av{font-size:22px;margin-bottom:6px}.ed-helper-name{font-size:12px;font-weight:600;margin-bottom:2px;color:var(--fg)}.ed-helper-role{font-size:10px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em}.ed-capacity{margin-bottom:14px}.ed-cap-bar{height:4px;background:#ffffff14;border-radius:999px;overflow:hidden;margin-bottom:6px}.ed-cap-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:999px}.ed-cap-label{font-size:11px;color:var(--accent-success);font-weight:500}.ed-cta{margin-top:8px}.vp-screen{aspect-ratio:16 / 9;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0d1219,#131c25);border:1px solid var(--border);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.vp-thumb{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(80% 80% at 50% 50%,rgba(125,211,252,.07),transparent)}.vp-bg-icon{color:#ffffff0d}.vp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:2}.vp-play-btn{width:56px;height:56px;border-radius:50%;background:#7dd3fc2e;border:1.5px solid rgba(125,211,252,.45);color:var(--accent);display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .18s var(--ease-out)}.vp-play-btn:hover{background:#7dd3fc47}.vp-duration{position:absolute;bottom:8px;right:10px;font-size:11px;font-weight:600;color:var(--fg-mid);background:#0000008c;padding:2px 6px;border-radius:6px;z-index:2}.vp-progress{margin:14px 0 12px}.vp-progress-bar{height:4px;background:#ffffff1a;border-radius:999px;cursor:pointer;position:relative;margin-bottom:6px}.vp-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-deep));border-radius:999px;position:absolute;top:0;left:0}.vp-progress-knob{width:12px;height:12px;border-radius:50%;background:var(--fg);position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 2px 8px #00000080}.vp-time{display:flex;justify-content:space-between;font-size:11px;color:var(--fg-dim)}.vp-title{font-size:18px;margin-bottom:6px}.vp-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-dim);margin-bottom:14px}.vp-sep{opacity:.5}.vp-actions{display:flex;gap:8px;margin-bottom:4px}.vp-action{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:600;background:var(--bg-glass);border:1px solid var(--border);color:var(--fg-mid);cursor:pointer;transition:all .18s var(--ease-out)}.vp-action:hover{background:var(--bg-glass-strong);color:var(--fg)}.vp-related{display:flex;flex-direction:column;gap:10px}.vp-rel-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border);color:var(--fg);text-align:left;cursor:pointer;transition:border-color .2s var(--ease-out)}.vp-rel-card:hover{border-color:var(--border-strong)}.vp-rel-thumb{width:56px;height:40px;border-radius:8px;background:#7dd3fc12;border:1px solid rgba(125,211,252,.15);display:grid;place-items:center;color:var(--accent);flex-shrink:0;position:relative}.vp-rel-dur{position:absolute;bottom:2px;right:3px;font-size:9px;color:var(--fg-dim);font-weight:600}.vp-rel-info{flex:1;min-width:0}.vp-rel-title{font-size:13px;font-weight:600;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-rel-meta{font-size:11px;color:var(--fg-dim)}.vp-rel-arrow{color:var(--fg-dim);flex-shrink:0}.sd-hero{text-align:center;padding:24px 20px 20px;border-radius:var(--radius-lg);background:radial-gradient(80% 100% at 50% 0%,rgba(167,139,250,.12),transparent 60%),linear-gradient(180deg,#120e1a,#0a0e13);border:1px solid rgba(167,139,250,.2);margin-bottom:14px;position:relative;overflow:hidden}.sd-hero-bg{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(closest-side,rgba(167,139,250,.2),transparent);filter:blur(6px)}.sd-icon{font-size:38px;margin-bottom:10px;position:relative;z-index:1}.sd-name{font-size:22px;margin-bottom:4px;position:relative;z-index:1}.sd-type{font-size:12px;color:var(--fg-dim);margin-bottom:12px;position:relative;z-index:1}.sd-rating{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--fg-dim);flex-wrap:wrap;position:relative;z-index:1}.sd-sep{opacity:.5}.sd-info-list{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border);margin-bottom:14px}.sd-info-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--fg-mid)}.sd-info-row svg{color:var(--accent-violet);flex-shrink:0;margin-top:1px}.sd-dist{color:var(--fg-dim)}.sd-map-placeholder{height:100px;border-radius:var(--radius-md);background:linear-gradient(135deg,#a78bfa0f,#7dd3fc0a);border:1px solid var(--border);display:grid;place-items:center;margin-bottom:4px}.sd-map-inner{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--fg-mid);font-size:12px}.sd-map-inner svg{color:var(--accent-violet);margin-bottom:2px}.sd-map-sub{font-size:11px;color:var(--fg-dim)}.sd-services{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.sd-service{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border)}.sd-svc-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:#a78bfa1a;color:var(--accent-violet);border:1px solid rgba(167,139,250,.22)}.sd-svc-icon[data-tone=accent]{background:#7dd3fc1a;color:var(--accent);border-color:#7dd3fc38}.sd-svc-icon[data-tone=success]{background:#4ade801a;color:var(--accent-success);border-color:#4ade8038}.sd-svc-icon[data-tone=warn]{background:#fbbf241a;color:var(--accent-warm);border-color:#fbbf2438}.sd-svc-info{flex:1}.sd-svc-label{font-size:13px;font-weight:600;margin-bottom:2px}.sd-svc-price{font-size:11px;color:var(--fg-dim)}.sd-svc-arrow{color:var(--fg-dim);flex-shrink:0}.sd-reviews{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.sd-review{padding:12px 14px;border-radius:var(--radius-md);background:var(--grad-card);border:1px solid var(--border)}.sd-rev-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sd-rev-av{width:28px;height:28px;border-radius:50%;background:var(--bg-glass);border:1px solid var(--border);display:grid;place-items:center;font-size:14px;flex-shrink:0}.sd-rev-meta{display:flex;flex-direction:column;gap:2px;flex:1}.sd-rev-name{font-size:12px;font-weight:600}.sd-rev-date{font-size:10px;color:var(--fg-dim);white-space:nowrap}.sd-rev-text{font-size:12px;line-height:1.5;color:var(--fg-mid)}.sd-cta{margin-top:8px}:root{--bg-deep: #05070a;--bg-stage: #0a0e13;--bg-raised: #11161d;--bg-elevated: #1a2029;--bg-glass: rgba(255, 255, 255, .04);--bg-glass-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--border-accent: rgba(120, 220, 255, .35);--fg: #f4f6f8;--fg-mid: #a0a7b4;--fg-dim: #646c7a;--accent: #7dd3fc;--accent-deep: #38bdf8;--accent-warm: #fbbf24;--accent-success: #4ade80;--accent-danger: #f87171;--accent-violet: #a78bfa;--grad-hero: radial-gradient(120% 80% at 20% 0%, rgba(125, 211, 252, .25) 0%, transparent 60%), radial-gradient(100% 60% at 90% 100%, rgba(167, 139, 250, .2) 0%, transparent 60%), linear-gradient(180deg, #0a0e13 0%, #05070a 100%);--grad-card: linear-gradient(135deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .02) 100%);--grad-success: linear-gradient(135deg, rgba(74, 222, 128, .18), rgba(74, 222, 128, .04));--grad-warn: linear-gradient(135deg, rgba(251, 191, 36, .18), rgba(251, 191, 36, .04));--grad-danger: linear-gradient(135deg, rgba(248, 113, 113, .18), rgba(248, 113, 113, .04));--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 32px;--radius-full: 999px;--shadow-glow: 0 0 40px rgba(125, 211, 252, .25);--shadow-card: 0 12px 40px rgba(0, 0, 0, .4);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--fg);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--accent);color:var(--bg-deep)}.app-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(800px 500px at 10% 10%,rgba(125,211,252,.08),transparent 60%),radial-gradient(700px 500px at 90% 90%,rgba(167,139,250,.07),transparent 60%),var(--bg-deep);position:relative;overflow:auto}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.device{width:393px;height:820px;background:var(--bg-stage);border-radius:52px;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 80px #0009,0 0 0 10px #14181e,0 0 0 11px #1f2530,0 0 60px #7dd3fc0d,inset 0 0 0 1px #ffffff0a;position:relative;overflow:hidden;z-index:1}.device:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:120px;height:32px;background:#000;border-radius:20px;z-index:50}.device:after{content:"";position:absolute;top:21px;left:calc(50% + 32px);width:10px;height:10px;border-radius:50%;background:#0a0e13;box-shadow:inset 0 0 2px #7dd3fc66;z-index:51}.status-bar{height:54px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 28px 8px;font-size:14px;font-weight:600;color:var(--fg);position:relative;z-index:10}.status-bar .right{display:flex;align-items:center;gap:6px;font-size:13px}.screen-wrap{position:absolute;top:54px;right:0;bottom:84px;left:0;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.tabbar{position:absolute;bottom:0;left:0;right:0;height:84px;padding:10px 20px 22px;background:linear-gradient(180deg,transparent,rgba(5,7,10,.9) 30%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-around;z-index:20;border-top:1px solid rgba(255,255,255,.05)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;border-radius:14px;position:relative;color:var(--fg-dim);transition:color .2s var(--ease-out)}.tab[data-active=true]{color:var(--accent)}.tab-indicator{position:absolute;top:0;left:50%;margin-left:-14px;width:28px;height:3px;border-radius:999px;background:var(--accent);box-shadow:0 0 12px var(--accent)}.tab-label{font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.display{font-family:Space Grotesk,Inter,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.05}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim)}.page-title{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.section-label{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);margin:22px 0 12px;display:flex;align-items:center;gap:8px}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent)}.glass{background:var(--grad-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);box-shadow:var(--shadow-inset)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;border:1px solid var(--border);background:var(--bg-glass);color:var(--fg-mid)}.chip[data-tone=accent]{color:var(--accent);border-color:#7dd3fc4d;background:#7dd3fc1a}.chip[data-tone=success]{color:var(--accent-success);border-color:#4ade804d;background:#4ade8014}.chip[data-tone=warn]{color:var(--accent-warm);border-color:#fbbf244d;background:#fbbf2414}.chip[data-tone=violet]{color:var(--accent-violet);border-color:#a78bfa4d;background:#a78bfa14}.screen-padding{padding:24px 22px 40px}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:var(--bg-glass);border:1px solid var(--border);color:var(--fg);transition:all .18s var(--ease-out)}.icon-btn:hover{background:var(--bg-glass-strong);border-color:var(--border-strong)}.icon-btn:active{transform:scale(.94)}