:root{--bg:#081014;--panel:#10191e;--gold:#c8a66b;--blue:#68b9e9;--text:#f0eee8;--muted:#a3abb0;--green:#00df5a;--red:#ff3043}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 10%,#142027,#071014 60%,#050a0d);color:var(--text);font-family:"Segoe UI",sans-serif}.header{height:122px;border-bottom:1px solid var(--gold);position:relative;overflow:hidden}.header>img{display:block;width:100%;height:100%;object-fit:cover}.session{position:absolute;right:18px;bottom:6px;font-size:9px;letter-spacing:.18em;color:#918d82;cursor:pointer;padding:8px}.session:hover{color:var(--gold)}main{padding:15px 18px 0}.screen{display:none}.screen.active{display:block}.command{height:72px;display:flex;align-items:center}.command label{width:50%;height:52px;border:1px solid #5d6970;border-radius:8px;background:#101a20;display:flex;align-items:center}.command i{font:32px "Segoe UI Symbol";color:#b7d4e4;padding-left:15px}.command input{flex:1;border:0;outline:0;background:transparent;color:white;padding:0 17px;font-size:13px;letter-spacing:.18em}.metrics{height:56px;display:flex;flex:1}.metrics button{flex:1;border:0;border-left:1px solid #4b555b;background:transparent;color:var(--text);cursor:pointer}.metrics button:hover{background:#ffffff08}.metrics b{font:29px Georgia,serif;display:block}.metrics small{font-size:17px}.metrics span{font-size:10px;letter-spacing:.14em}.metrics .attention b{color:var(--red)}.cars{display:grid;grid-template-columns:repeat(3,minmax(340px,1fr));gap:14px 18px}.car{height:313px;border:1px solid #4d5b63;border-radius:7px;overflow:hidden;position:relative;background:#0e171c;box-shadow:inset 0 0 30px #0008;cursor:pointer}.car.collection{border-color:#857760}.car:before{content:"";position:absolute;z-index:3;top:0;left:0;right:0;height:7px;background:linear-gradient(90deg,#5cbaf0,#8ad2fb 58%,transparent)}.car.collection:before{background:linear-gradient(90deg,#cba762,#f0d9b0 58%,transparent)}.art{position:absolute;left:0;top:0;width:100%;height:254px;object-fit:cover}.rail{position:absolute;z-index:4;bottom:0;left:0;right:0;height:50px;background:#0d161bea;border-top:1px solid #344149;display:grid;grid-template-columns:.9fr 1.15fr .82fr 1.35fr;align-items:center;padding:0 8px}.rail span{height:28px;display:flex;align-items:center;padding:0 9px;border-right:1px solid #344047;font-size:9px;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail span:last-child{border:0}.icon{color:#f1d7aa;font-size:16px;margin-right:8px}.lamp{width:11px;height:11px;border-radius:50%;margin-right:9px;background:var(--green);box-shadow:0 0 6px var(--green),0 0 13px #00df5a88;flex:none}.lamp.red{background:var(--red);box-shadow:0 0 6px var(--red),0 0 13px #ff304388}.car:hover{transform:translateY(-2px);box-shadow:0 10px 28px #000b,0 0 0 1px #6bb9e477}.collection:hover{box-shadow:0 10px 28px #000b,0 0 0 1px #d1ae6f88}footer{height:67px;margin-top:16px;border-top:1px solid var(--gold);display:flex;align-items:center;justify-content:space-between;padding:0 30px;color:#987c55;font-size:10px;letter-spacing:.24em}.page{max-width:1450px;margin:auto}.pagehead{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--gold);padding:14px 0}.pagehead h1{font:31px Georgia,serif;margin:0}.pagehead p{color:var(--gold);font-size:10px;letter-spacing:.17em}.nav,.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid #5b6870;background:#131e24;color:#eee;padding:10px 15px;border-radius:3px;cursor:pointer;font-size:10px;letter-spacing:.08em}.btn.gold{background:var(--gold);color:#101010;border-color:var(--gold);font-weight:bold}.panel{margin-top:15px;padding:18px;background:#10191f;border:1px solid #39464e;border-radius:7px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.summary div{text-align:center;background:#0d161b;border:1px solid #354149;padding:18px}.summary b{display:block;color:var(--gold);font:26px Georgia,serif}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--gold);letter-spacing:.11em;font-size:10px;padding:11px;border-bottom:1px solid #58656d}td{padding:12px 11px;border-bottom:1px solid #273239;font-size:12px}tr:hover td{background:#17252d}.form{display:grid;grid-template-columns:150px 1fr;gap:12px}.form input,.form textarea,.form select{background:#111e25;border:1px solid #47565f;color:white;padding:10px}dialog{width:min(950px,92vw);border:1px solid var(--gold);border-radius:8px;background:#0b1419;color:white;padding:26px;box-shadow:0 25px 80px #000}dialog::backdrop{background:#020609dc}.x{position:absolute;right:12px;top:7px;border:0;background:none;color:#aaa;font-size:27px;cursor:pointer}.chat{max-height:360px;overflow:auto}.bubble{background:#192933;padding:12px;margin:10px 0;border-radius:7px;width:75%}.bubble.me{margin-left:auto;background:#4a3c28}.bar{height:22px;background:#1c2931;margin:9px 0}.bar i{height:100%;display:block;background:linear-gradient(90deg,#9d7c48,#e2c48d)}@media(max-width:1200px){.cars{grid-template-columns:repeat(2,1fr)}.metrics b{font-size:23px}}@media(max-width:760px){.cars{grid-template-columns:1fr}.command{height:auto;display:block}.command label{width:100%}.metrics{margin-top:8px}.summary{grid-template-columns:repeat(2,1fr)}.header{height:90px}.rail{grid-template-columns:1fr 1.2fr}.rail span{font-size:8px}}
/* Home assistant submit control */
.ai-search>button{width:54px;height:100%;border:0;background:transparent;color:#b7d4e4;font:30px "Segoe UI Symbol";cursor:pointer;flex:none}.ai-search>button:hover,.ai-search>button:focus{color:#fff;text-shadow:0 0 12px #68b9e9;outline:0}
.ai-search>.voice-button{width:44px;font-size:18px;border-left:1px solid #334851}.voice-button.listening{color:#65ee9a!important;text-shadow:0 0 15px #4ee889!important;animation:voice-pulse 1s ease-in-out infinite}.ai-bar .voice-button{width:54px;background:#142a34;color:#8bdcff;font-size:18px}.ai-bar .voice-button.listening{background:#153a29}@keyframes voice-pulse{50%{opacity:.45;transform:scale(.88)}}
.owner-mark{font-size:8px;letter-spacing:.12em;color:#bda57c;text-align:center;max-width:34%;white-space:nowrap}
.footer-promo{position:relative;width:290px;min-height:32px;padding:7px 24px 7px 12px;overflow:hidden;border:1px solid #406172;border-radius:999px;background:linear-gradient(110deg,#0d2029,#122b35,#0d2029);color:#8bdcff;text-align:center;font-size:8px;letter-spacing:.12em;cursor:default;box-shadow:inset 0 1px #ffffff10,0 0 16px #49c8ff12}
.footer-promo:not([hidden]):after{content:"";position:absolute;right:10px;top:50%;width:5px;height:5px;border-radius:50%;background:#63e994;box-shadow:0 0 10px #63e994;transform:translateY(-50%);animation:spotlight-beacon 1.8s ease-in-out infinite}
.footer-promo[hidden]{display:none!important}.footer-promo span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-promo .spotlight-enter{animation:spotlight-enter .55s ease both}.footer-promo:hover{border-color:#caa765;color:#efd39e}.spotlight-settings{display:grid;gap:8px}.spotlight-settings textarea{width:100%;resize:vertical}.spotlight-settings small{color:#78d3fb;font-size:8px;letter-spacing:.09em}
@keyframes spotlight-enter{from{opacity:0;transform:translateY(7px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}@keyframes spotlight-beacon{50%{opacity:.3;transform:translateY(-50%) scale(.75)}}
@media(prefers-reduced-motion:reduce){.footer-promo .spotlight-enter,.footer-promo:not([hidden]):after{animation:none}}
@media(max-width:1000px){.footer-promo{width:230px}.owner-mark{max-width:42%;font-size:7px}}
@media(max-width:760px){footer{height:auto;min-height:76px;gap:8px;flex-wrap:wrap;padding:12px 16px}.owner-mark{order:4;max-width:100%;width:100%;white-space:normal}.footer-promo{order:3;width:100%}}
