:root{color:#152026;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef3f5}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#e7f0f2 0,#f7f9fa 340px),#f7f9fa}.cast-landing{display:grid;gap:16px;width:min(460px,100%);min-height:100vh;margin:0 auto;align-content:center;padding:28px}.cast-landing h1{font-size:1.7rem}.cast-language{justify-self:end;min-height:36px;border:1px solid #176b87;border-radius:8px;padding:6px 12px;background:#fff;color:#176b87}.cast-landing p{margin:0;color:#52646d;line-height:1.6}.cast-open{display:block;border-radius:8px;padding:14px 18px;background:#176b87;color:#fff;font-weight:720;text-align:center;text-decoration:none}.cast-help{font-size:.88rem}button,input,select{font:inherit}button{border:0;min-height:46px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}input,select{width:100%;min-height:48px;border:1px solid #c1ccd1;border-radius:8px;padding:10px 12px;background:#fff;color:#152026}label{display:grid;gap:7px;color:#596a72;font-size:.88rem}.shell{width:min(760px,100%);min-height:100vh;margin:0 auto;padding:18px 14px 92px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.eyebrow{margin:0 0 4px;color:#5b7179;font-size:.82rem;overflow-wrap:anywhere}h1{margin:0;font-size:1.45rem;letter-spacing:0}.icon-button{width:46px;border-radius:50%;background:#152026;color:#fff;font-size:1.2rem}.hero{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;margin:18px 0 14px;border:1px solid #d5dfe3;border-radius:8px;background:#d5dfe3}.hero div,.metric{min-width:0;background:#fff;padding:13px}.hero span,.metric span{display:block;margin-bottom:5px;color:#63737a;font-size:.78rem}.hero strong,.metric strong{display:block;color:#142027;font-size:1.1rem;font-weight:760;overflow-wrap:anywhere}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.panel{display:none;gap:10px}.panel.active{display:grid}.stack{display:grid;gap:12px;padding:14px;border:1px solid #d5dfe3;border-radius:8px;background:#fff}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}button:not(.icon-button):not(.tab):not(.quiet):not(.candidate){border-radius:8px;background:#176b87;color:#fff;font-weight:720}button.secondary{border:1px solid #176b87;background:#fff;color:#176b87}.quiet{min-height:38px;background:transparent;color:#52646d;text-align:left}.candidate-list{display:grid;gap:8px}.candidate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:54px;border:1px solid #c1ccd1;border-radius:8px;padding:9px 11px;background:#f8fbfc;color:inherit;text-align:left}.candidate strong,.candidate small{display:block;overflow-wrap:anywhere}.candidate small,.empty,.message{color:#63737a}.empty{margin:0}.message{min-height:22px;margin:14px 2px 0;font-size:.88rem;overflow-wrap:anywhere}.tabs{position:fixed;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:min(760px,100%);margin:0 auto;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid #d5dfe3;background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tab{display:grid;gap:2px;place-items:center;min-height:54px;border-radius:8px;background:transparent;color:#5d6d74;font-size:.78rem}.tab span{font-size:1rem}.tab.active{background:#dcebef;color:#0f5f79;font-weight:760}@media(min-width:720px){.shell{padding-top:28px}.panel.active{grid-template-columns:repeat(2,minmax(0,1fr))}.panel.active .stack{align-self:start}.tabs{border:1px solid #d5dfe3;border-radius:12px 12px 0 0}}@media(prefers-color-scheme:dark){:root{color:#e8eff2;color-scheme:dark;background:#101719}body{background:linear-gradient(180deg,#132125 0,#0f1618 340px),#0f1618}input,select,.hero div,.metric,.stack,button.secondary{border-color:#314147;background:#172125;color:#e8eff2}.hero,.tabs{border-color:#314147;background:#314147}.hero span,.metric span,label,.eyebrow,.quiet,.candidate small,.empty,.message{color:#9facb2}.hero strong,.metric strong{color:#eef6f8}.icon-button{background:#eef6f8;color:#142027}.candidate{border-color:#314147;background:#111b1e}.tabs{background:#101719f0}.tab{color:#9facb2}.tab.active{background:#15313a;color:#8ed4ee}}
