:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#1A1D21;background:#F5F6F7;--navy:#0F2742;--deep:#081827;--gold:#D4AF37;--soft:#F5F6F7;--line:rgba(15,39,66,.13);--danger:#b42318}
*{box-sizing:border-box}body{margin:0;background:var(--soft)}button,input,textarea{font:inherit}.app-frame{min-height:100vh;background:var(--soft)}.chat-shell{max-width:720px;margin:auto;min-height:100vh;padding:0 16px 36px}.brand-header,.room-header{min-height:68px;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--line);margin:0 -16px 18px;padding:10px 16px;position:sticky;top:0;z-index:5}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--gold);color:var(--deep);font-weight:900;border-radius:11px}.brand-header div:last-child,.room-header div{display:flex;flex-direction:column}.brand-header strong,.room-header strong{color:var(--navy);font-size:18px}.brand-header small,.room-header small{color:#6b7280}.hero-card,.product-card,.state-card,.policy-note,.composer{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px}.hero-card h1{margin:4px 0 8px;color:var(--deep);font-size:26px}.hero-card p,.policy-note p{line-height:1.5;color:#56606b}.eyebrow{font-size:10px;font-weight:900;color:var(--gold);letter-spacing:1.3px}.row{display:flex;justify-content:space-between;gap:12px;align-items:center}.product-card h2{margin:3px 0 14px;color:var(--navy)}.product-card small{color:#68717c}.active-pill{padding:5px 8px;border-radius:999px;background:#eef9f2;color:#16794b;font-size:10px;font-weight:800}.primary,.secondary{width:100%;min-height:48px;border-radius:13px;padding:11px 14px;font-weight:800;cursor:pointer}.primary{border:0;background:var(--navy);color:#fff}.secondary{border:1px solid var(--line);background:#fff;color:var(--navy);margin-top:8px}.primary:disabled{opacity:.55;cursor:not-allowed}label{display:block;font-size:12px;font-weight:800;margin:12px 0 6px}input,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;outline:none}input:focus,textarea:focus{border-color:#c9a95a;box-shadow:0 0 0 3px rgba(212,175,55,.12)}.notice{padding:11px 13px;background:#fff7e7;color:#75561d;border-radius:12px;margin-bottom:12px}.policy-note{font-size:12px}.room-header{margin-bottom:10px}.icon-button{border:0;background:var(--soft);width:42px;height:42px;border-radius:50%;font-size:28px;color:var(--navy)}.ai-tip{background:#fff8df;border-left:3px solid var(--gold);padding:10px 12px;margin-bottom:12px;border-radius:9px;font-size:12px}.messages{display:flex;flex-direction:column;gap:9px;padding:6px 0 16px}.bubble{max-width:86%;padding:11px 13px;border-radius:16px;border:1px solid var(--line);background:#fff}.bubble.mine{align-self:flex-end;background:#eef3f7}.bubble.theirs{align-self:flex-start}.bubble small{font-weight:800;color:var(--navy)}.bubble p{margin:5px 0;white-space:pre-wrap}.bubble a{display:block;color:#24558a;word-break:break-all}.bubble time{display:block;text-align:right;font-size:9px;color:#7b8490;margin-top:6px}.media-chip{padding:8px;border-radius:10px;background:var(--soft);margin-top:6px;font-size:11px}.composer{position:sticky;bottom:0;box-shadow:0 -8px 24px rgba(8,24,39,.07)}.composer textarea{min-height:76px;resize:vertical}.link-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:8px}.link-row .secondary{width:auto;margin:0}.chips{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.chips span{background:var(--soft);padding:5px 7px;border-radius:8px;font-size:10px}.composer input[type=file]{margin:9px 0}.update-card{max-width:430px;margin:12vh auto}.link-button{display:block;text-align:center;text-decoration:none}
@media(max-width:480px){.chat-shell{padding-left:12px;padding-right:12px}.brand-header,.room-header{margin-left:-12px;margin-right:-12px}.hero-card h1{font-size:22px}}

.chat-media{display:block;max-width:100%;max-height:360px;border-radius:12px;margin-top:8px;background:#081827}.bubble video.chat-media{width:100%}.section-title{margin:18px 2px 8px;color:var(--navy)}.disabled-product{opacity:.72}.active-pill.inactive{background:#f1f3f5;color:#6b7280}.product-card p{margin:2px 0 12px;color:#66717d;font-size:12px}
.chat-main{min-height:100vh;padding-bottom:72px}
.chat-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;height:64px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;gap:8px;padding:6px max(12px,calc((100vw - 720px)/2))}
.chat-bottom-nav a{flex:1;max-width:340px;display:grid;place-items:center;text-decoration:none;color:#6b7280;font-size:12px;font-weight:900;letter-spacing:.4px;border-top:3px solid transparent}
.chat-bottom-nav a.active{color:var(--navy);border-color:var(--gold)}
.home-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 2px}
.home-title div{display:flex;flex-direction:column}.home-title small{font-size:10px;color:var(--gold);font-weight:900;letter-spacing:1.2px}.home-title strong{font-size:21px;color:var(--deep)}
.link-action{border:0;background:transparent;color:var(--navy);font-weight:900;cursor:pointer}
.chat-list-row{width:100%;display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:center;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--line);padding:14px 8px;cursor:pointer}
.chat-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900}
.chat-row-copy{min-width:0;display:flex;flex-direction:column}.chat-row-copy strong{color:var(--deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row-copy small{color:var(--gold);font-weight:800;margin:2px 0}.chat-row-copy p{margin:0;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-ai-tip{margin-top:18px}.qr-code{display:block;width:min(280px,90%);margin:16px auto;border-radius:14px}
.linked-device-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:11px 0}.linked-device-row div{display:flex;flex-direction:column;min-width:0}.linked-device-row strong{color:var(--deep)}.linked-device-row small{color:#6b7280}.secondary.compact{width:auto;min-height:34px;padding:6px 9px;margin:0;font-size:11px}.compact-state{padding:12px;margin:10px 0}