:root{--bg0: #0b0f14;--bg1: #141b24;--accent: #c4a574;--accent-soft: rgba(196, 165, 116, .22);--text: #f4efe6;--muted: #9aa3ad;--card: rgba(255, 255, 255, .04);--line: rgba(255, 255, 255, .08);--safe: 4vmin;font-family:Segoe UI,Helvetica Neue,sans-serif;color:var(--text);background:var(--bg0)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{background:radial-gradient(1200px 800px at 70% 10%,#1c2735 0%,transparent 55%),radial-gradient(900px 700px at 10% 90%,#1a1510 0%,transparent 50%),linear-gradient(160deg,var(--bg0),var(--bg1))}.display-root{position:relative;min-height:100%;height:100%;overflow:hidden;padding:var(--safe)}.ambient{display:grid;place-items:center;min-height:100%;text-align:center}.ambient-brand{letter-spacing:.35em;text-transform:uppercase;font-size:clamp(.7rem,1.4vmin,1rem);color:var(--muted);margin-bottom:2.5rem}.ambient-error{color:#e8b4b4;margin-bottom:1.5rem;max-width:36rem;font-size:clamp(.85rem,1.8vmin,1.05rem)}.ambient-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent);background:linear-gradient(180deg,rgba(196,165,116,.18),transparent);color:var(--text);padding:1.1rem 2.4rem;font-size:clamp(1rem,2.4vmin,1.35rem);letter-spacing:.08em;border-radius:999px;cursor:pointer}.ambient-cta:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.assistant-stage{display:grid;place-items:center;min-height:100%}.orb{width:min(42vmin,320px);height:min(42vmin,320px);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6e8,transparent 40%),radial-gradient(circle at 50% 55%,var(--accent),#2a2118 70%);box-shadow:0 0 80px var(--accent-soft);transition:transform .28s ease,filter .28s ease,opacity .28s ease}.orb[data-state=LISTENING]{transform:scale(1.04);filter:saturate(1.15)}.orb[data-state=THINKING]{animation:pulse 1.6s ease-in-out infinite}.orb[data-state=SPEAKING]{animation:speak .9s ease-in-out infinite}.orb[data-state=ERROR]{filter:hue-rotate(-40deg) saturate(1.4)}.orb[data-state=OFFLINE]{opacity:.45;filter:grayscale(.7)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes speak{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.orb[data-state=THINKING],.orb[data-state=SPEAKING]{animation:none}}.content-shell{display:grid;gap:1.5rem;min-height:100%;height:100%}.content-shell[data-orientation=landscape]{grid-template-columns:1fr min(28vmin,260px);align-items:stretch}.content-shell[data-orientation=portrait]{grid-template-rows:1fr auto}.content-shell[data-dock=left][data-orientation=landscape]{grid-template-columns:min(28vmin,260px) 1fr}.orb.docked{width:min(22vmin,180px);height:min(22vmin,180px);justify-self:center;align-self:end}.content-shell[data-orientation=landscape] .orb.docked{align-self:center}.grid-title{font-size:clamp(1.4rem,3.5vmin,2.4rem);font-weight:500;margin:0 0 1rem}.product-grid{display:grid;gap:1rem;overflow:auto;max-height:calc(100vh - 12vmin);padding-bottom:1rem}.product-grid[data-orientation=portrait]{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid[data-orientation=landscape]{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.1rem;min-height:140px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgba(196,165,116,.12),transparent 55%);pointer-events:none}.product-card h3{margin:0;font-size:clamp(.95rem,1.8vmin,1.2rem);font-weight:560}.product-card p{margin:.35rem 0 0;color:var(--muted);font-size:.9rem}.detail-hero{display:grid;place-items:end start;min-height:60vmin;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(0,0,0,.55)),radial-gradient(circle at 30% 20%,rgba(196,165,116,.25),transparent 50%),#18202a;padding:2rem}.detail-hero h2{margin:0;font-size:clamp(1.8rem,5vmin,3.2rem);font-weight:500}.detail-hero p{margin:.5rem 0 0;color:var(--muted)}.offline-banner{position:absolute;top:var(--safe);left:50%;transform:translate(-50%);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.media-stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:min(70vh,720px);padding:1rem}.media-image{display:block;max-width:100%;max-height:min(78vh,820px);width:auto;height:auto;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pairing{display:grid;place-items:center;align-content:center;gap:clamp(.75rem,2.5vmin,1.5rem);min-height:100%;text-align:center;padding:var(--safe)}.pairing-brand{letter-spacing:.35em;text-transform:uppercase;font-size:clamp(.75rem,1.6vmin,1.05rem);color:var(--muted)}.pairing-title{margin:0;font-weight:500;font-size:clamp(1.35rem,4.2vmin,2.4rem);letter-spacing:.04em;color:var(--text)}.pairing-code{margin:clamp(.5rem,2vmin,1.25rem) 0;font-size:clamp(2.8rem,14vmin,7.5rem);font-weight:600;letter-spacing:.18em;line-height:1.05;color:var(--text);text-shadow:0 0 40px var(--accent-soft);font-variant-numeric:tabular-nums;word-break:keep-all}.pairing-subtitle{margin:0;color:var(--muted);font-size:clamp(1rem,2.6vmin,1.35rem);letter-spacing:.06em}.pairing-hint{margin:0;color:var(--muted);opacity:.75;font-size:clamp(.8rem,1.8vmin,1rem)}.pairing-message{margin:0;max-width:36rem;color:#e8b4b4;font-size:clamp(.9rem,2vmin,1.1rem)}.pairing-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:.75rem;border:1px solid var(--accent);background:linear-gradient(180deg,rgba(196,165,116,.18),transparent);color:var(--text);padding:1rem 2.2rem;font-size:clamp(.95rem,2.2vmin,1.2rem);letter-spacing:.08em;border-radius:999px;cursor:pointer}.pairing-action:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(orientation:portrait){.pairing-code{font-size:clamp(2.4rem,16vw,5.5rem);letter-spacing:.14em}}