:root{color:#e9fff0;font-synthesis:none;background:#050806;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.auth-shell,.settings-shell{color:#f4f4f4;background:#111;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.settings-shell>form,.settings-header{width:min(100%,520px)}.auth-card{background:#202020;border:1px solid #3a3a3a;border-radius:18px;padding:28px}.auth-card form,.settings-shell form{gap:12px;display:grid}.auth-card input{color:#fff;background:#111;border:1px solid #555;border-radius:8px;padding:12px}.auth-divider,.auth-alternate{text-align:center;color:#aaa}.social-logins{grid-template-columns:1fr 1fr;gap:10px;display:grid}.social-login,.logout{cursor:pointer;border:0;border-radius:8px;padding:12px;font-weight:700}.social-login.google{color:#222;background:#fff}.social-login.naver{color:#fff;background:#03c75a}.settings-shell{align-content:center;gap:18px}.settings-header{justify-content:space-between;align-items:center;display:flex}.settings-shell fieldset{border:1px solid #444;border-radius:12px;gap:10px;padding:16px;display:grid}.settings-option{background:#202020;border-radius:10px;align-items:flex-start;gap:12px;padding:12px;display:flex}.settings-option span{gap:4px;display:grid}.settings-option small,.settings-account{color:#aaa}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% 10%,#163c27,#050806 42%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.shell{grid-template-columns:minmax(280px,380px) minmax(580px,1fr);align-items:center;gap:56px;max-width:1180px;min-height:100vh;margin:auto;padding:48px 28px;display:grid}.eyebrow{color:#47f28b;letter-spacing:.16em;font:700 12px/1.2 ui-monospace,monospace}h1{margin:10px 0 28px;font-size:clamp(34px,5vw,58px);line-height:.98}.provider-tabs{gap:8px;display:flex}.provider{color:#789984;cursor:pointer;background:#0a110c;border:1px solid #284f36;border-radius:999px;padding:10px 18px}.provider.active{color:#041007;background:#47f28b;border-color:#47f28b;font-weight:800}.capability,.message{color:#91a899;font-size:13px}form{margin-top:28px}label{color:#b8c9bd;margin-bottom:8px;font-size:13px;display:block}.search-row{gap:8px;display:flex}input{color:#e9fff0;background:#0a110c;border:1px solid #284f36;border-radius:10px;outline:none;width:100%;padding:14px}input:focus{border-color:#47f28b;box-shadow:0 0 0 3px #47f28b22}.voice,.start{cursor:pointer;white-space:nowrap;border:0;border-radius:10px;font-weight:800}.voice{color:#47f28b;background:#13281a;padding:0 14px}.start{color:#041007;background:#47f28b;width:100%;margin-top:10px;padding:14px}.candidates{gap:8px;margin-top:10px;display:grid}.candidate{color:#d8ffe4;cursor:pointer;text-align:left;background:#13281a;border:1px solid #284f36;border-radius:10px;padding:12px 14px}.preview-wrap{min-width:0}.g2-preview{color:#d8ffe4;background:#000;border:1px solid #47f28b;width:576px;height:288px;font-family:ui-monospace,SFMono-Regular,monospace;position:relative;overflow:hidden;box-shadow:0 0 60px #47f28b25,inset 0 0 30px #47f28b10}#mini-map{border-bottom:1px solid #174d2a;border-right:1px solid #174d2a;width:288px;height:144px;position:absolute;inset:0 auto auto 0}.turn-panel{border-bottom:1px solid #174d2a;flex-direction:column;justify-content:center;width:280px;height:88px;padding:10px;display:flex;position:absolute;top:0;left:296px}.turn-panel strong{color:#fff;font-size:30px}.turn-panel span{color:#47f28b;font-size:14px}.metrics{color:#d8ffe4;justify-content:space-between;width:270px;font-size:14px;display:flex;position:absolute;top:92px;left:296px}.bottom{border-top:1px solid #174d2a;grid-template-rows:26px 54px 24px;grid-template-columns:1fr 80px 1fr;align-items:center;width:576px;height:136px;padding:12px 16px;display:grid;position:absolute;top:152px;left:0}.bottom #provider-label{color:#47f28b;font-size:12px}.bottom #maneuver{color:#fff;grid-area:1/2/3;justify-self:center;font-size:64px;line-height:1}.bottom #remaining-time{grid-column:3;justify-self:end}.bottom #eta{grid-area:2/1;font-size:20px}.bottom #gps{color:#789984;grid-area:3/3;justify-self:end}.preview-note{color:#789984;font:12px/1.5 ui-monospace,monospace}@media (width<=980px){.shell{grid-template-columns:1fr}.preview-wrap{overflow-x:auto}}