:root{--bg:#f6efe5;--panel:rgba(255,252,246,0.88);--panel-strong:rgba(255,249,238,0.96);--line:rgba(72,55,36,0.12);--text:#2f2417;--muted:#6e5d4c;--accent:#1f6b5b;--accent-soft:#dbefe8;--fastest:#98a0a8;--danger:#8b3d24;--shadow:0 24px 80px rgba(71,49,23,0.14)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{color:var(--text);font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif;background:radial-gradient(circle at top left,rgba(255,255,255,.9),transparent 30%),radial-gradient(circle at bottom right,rgba(219,239,232,.9),transparent 28%),linear-gradient(135deg,#f7f1e8,#efe2cf)}body.map-focus-active{overflow:hidden}button,input{font:inherit}.page-shell{min-height:100vh;padding:24px}.page-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);grid-gap:20px;gap:20px;min-height:calc(100vh - 48px)}.map-column{display:grid;grid-template-rows:auto auto minmax(0,1fr);grid-gap:16px;gap:16px;min-height:0}.panel{display:flex;flex-direction:column;gap:18px;padding:24px;border:1px solid var(--line);border-radius:28px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 8px;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.75rem}.hero{margin:0;font-family:Georgia,Iowan Old Style,serif;font-size:clamp(2.6rem,5vw,4.2rem);line-height:.94;letter-spacing:-.05em}.lede,.metric-label,.metric-value,.route-chip,.small-note,.summary-copy{color:var(--muted)}.lede{margin:0;line-height:1.55}.form-stack{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:8px;gap:8px}.field-label{font-size:.88rem;font-weight:600}.field-input{width:100%;padding:14px 16px;border:1px solid rgba(72,55,36,.14);border-radius:16px;background:rgba(255,255,255,.72);color:var(--text)}.field-input:focus{outline:2px solid rgba(31,107,91,.18);border-color:rgba(31,107,91,.38)}.small-note{margin:0;font-size:.84rem;line-height:1.5}.primary-button{border:0;border-radius:999px;padding:14px 18px;background:linear-gradient(135deg,#1f6b5b,#255347);color:#f4f6ef;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 18px 36px rgba(31,107,91,.18)}.primary-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.72;cursor:wait;transform:none}.secondary-button{border:1px solid rgba(72,55,36,.14);border-radius:999px;padding:9px 14px;background:rgba(255,255,255,.68);color:var(--text);cursor:pointer}.form-actions{display:flex;justify-content:flex-start}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.location-card,.metric-card,.nav-card,.profile-card,.summary-card,.voice-card{padding:16px;border-radius:18px;background:var(--panel-strong);border:1px solid var(--line)}.metric-label{margin:0 0 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.metric-value{margin:0;color:var(--text);font-size:1.4rem;font-weight:700}.metric-value strong{color:var(--accent)}.summary-card{display:grid;grid-gap:12px;gap:12px}.profile-card{display:grid;grid-gap:14px;gap:14px}.location-card{display:grid;grid-gap:10px;gap:10px}.voice-card{display:grid;grid-gap:14px;gap:14px}.location-card.minimized,.nav-card.minimized,.profile-card.minimized,.summary-card.minimized,.voice-card.minimized{gap:10px}.nav-card{display:grid;grid-gap:12px;gap:12px}.card-head-row,.location-row,.nav-card-head,.profile-header,.profile-slider-top,.trait-bar-copy,.trait-row-top,.voice-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.profile-slider-list,.trait-list{display:grid;grid-gap:12px;gap:12px}.profile-slider{display:grid;grid-gap:6px;gap:6px}.profile-slider-value,.trait-better{color:var(--accent);font-size:.84rem;font-weight:700;white-space:nowrap}.profile-range{width:100%;accent-color:var(--accent)}.summary-title{margin:0;font-size:1rem}.card-summary-copy{margin-top:6px}.summary-copy{margin:0;line-height:1.55}.nav-actions{display:flex;flex-wrap:wrap;gap:10px}.voice-meta-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.voice-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.card-toggle-button,.voice-toggle-button{white-space:nowrap}.voice-inline-field{display:grid;grid-gap:8px;gap:8px;min-width:180px}.voice-select{min-width:180px}.voice-stat-block{display:grid;grid-gap:4px;gap:4px}.voice-stat-block strong{color:var(--text);font-size:1.1rem}.voice-status{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid var(--line);color:var(--muted);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.voice-status.connected{color:var(--accent)}.voice-status.error{color:var(--danger)}.voice-form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px}.voice-transcript-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.voice-events-card,.voice-transcript-card{display:grid;grid-gap:8px;gap:8px;padding:12px;border-radius:16px;background:rgba(255,255,255,.58);border:1px solid rgba(72,55,36,.08)}.voice-transcript-copy{margin:0;color:var(--text);line-height:1.5}.voice-events-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.voice-event-list{display:grid;grid-gap:8px;gap:8px}.voice-event-item{display:grid;grid-gap:4px;gap:4px;padding:10px 12px;border-radius:14px;background:rgba(31,107,91,.06);border:1px solid rgba(31,107,91,.12)}.voice-event-kind{color:var(--accent);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.voice-event-summary{margin:0;color:var(--text);line-height:1.45}.nav-primary-button{box-shadow:none;padding-inline:16px}.nav-instruction{margin:0;color:var(--text);font-size:1.1rem;font-weight:700;line-height:1.35}.nav-detail{margin:0;color:var(--muted);line-height:1.5}.nav-detail strong{color:var(--text)}.location-copy{margin:6px 0 0;color:var(--muted);line-height:1.45}.route-chip-row,.trait-legend{display:flex;flex-wrap:wrap;gap:8px}.trait-row{display:grid;grid-gap:10px;gap:10px;padding:12px;border-radius:16px;background:rgba(255,255,255,.58);border:1px solid rgba(72,55,36,.08)}.trait-detail,.trait-label{margin:0}.trait-label{color:var(--text);font-size:.92rem;font-weight:700}.trait-detail{color:var(--muted);font-size:.82rem;line-height:1.45}.trait-better.lower{color:#9b5d20}.trait-bar-group{display:grid;grid-gap:8px;gap:8px}.trait-bar-row{display:grid;grid-gap:6px;gap:6px}.trait-bar-copy{color:var(--muted);font-size:.82rem}.trait-bar-copy strong{color:var(--text)}.trait-bar-track{width:100%;height:9px;border-radius:999px;background:rgba(72,55,36,.08);overflow:hidden}.trait-bar-fill{height:100%;border-radius:999px}.trait-bar-fill.calm{background:linear-gradient(90deg,#2d8c76,#1f6b5b)}.trait-bar-fill.fastest{background:linear-gradient(90deg,#c4c9cf,#9097a0)}.route-road-list{display:flex;flex-wrap:wrap;gap:8px}.route-road-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(31,107,91,.08);border:1px solid rgba(31,107,91,.12);color:var(--text);font-size:.84rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.route-road-name{font-weight:600}.route-road-distance{color:var(--muted);font-size:.76rem;white-space:nowrap}.route-road-pill:hover{transform:translateY(-1px);background:rgba(31,107,91,.12)}.route-road-pill.calm.active{background:rgba(194,108,28,.14);border-color:rgba(194,108,28,.32)}.route-road-pill.fastest.active{background:rgba(49,95,183,.12);border-color:rgba(49,95,183,.28)}.route-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.74);border:1px solid var(--line);font-size:.84rem}.route-chip:before{content:"";width:10px;height:10px;border-radius:999px;background:var(--fastest)}.route-chip.calm:before{background:var(--accent)}.error-text{margin:0;color:var(--danger);font-size:.9rem}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(520px,100%);display:grid;grid-gap:18px;gap:18px;padding:28px;border-radius:28px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.auth-hero{font-size:clamp(2.3rem,4vw,3.5rem)}.map-card{position:relative;min-height:70vh;border-radius:32px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#f3ebdc}.map-focus-actions{position:absolute;top:18px;right:18px;z-index:18;display:flex;gap:10px}.map-surface{position:absolute;inset:0}.page-shell.map-focus{padding:16px}.page-grid.map-focus{grid-template-columns:minmax(0,1fr);min-height:calc(100vh - 32px)}.page-grid.map-focus>.panel{display:none}.page-grid.map-focus .map-column{position:relative;grid-template-rows:minmax(0,1fr);min-height:calc(100vh - 32px)}.page-grid.map-focus .nav-card,.page-grid.map-focus .voice-card{position:absolute;z-index:16;width:min(380px,calc(100vw - 64px));max-height:min(42vh,420px);overflow:auto;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.page-grid.map-focus .voice-card{top:18px;left:18px}.page-grid.map-focus .nav-card{left:18px;bottom:18px;max-height:min(30vh,280px)}.page-grid.map-focus .map-card{min-height:calc(100vh - 32px);height:calc(100vh - 32px);border-radius:36px}.map-overlay{position:absolute;right:18px;bottom:18px;width:min(360px,calc(100% - 36px));padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.48);background:rgba(34,30,24,.78);color:rgba(255,248,240,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.map-overlay p{margin:0;line-height:1.45;font-size:.9rem}@media (max-width:960px){.page-shell{padding:14px}.page-grid{grid-template-columns:1fr;min-height:auto}.page-shell.map-focus{padding:10px}.page-grid.map-focus{min-height:calc(100vh - 20px)}.map-card,.map-column,.panel{min-height:0}.map-card{height:62vh}.page-grid.map-focus .map-column{min-height:calc(100vh - 20px)}.page-grid.map-focus .nav-card,.page-grid.map-focus .voice-card{width:calc(100vw - 44px);max-width:none;left:12px;right:12px}.page-grid.map-focus .voice-card{top:12px;max-height:min(42vh,380px)}.page-grid.map-focus .nav-card{bottom:12px;max-height:min(26vh,240px)}.page-grid.map-focus .map-card{height:calc(100vh - 20px);min-height:calc(100vh - 20px);border-radius:26px}.map-focus-actions{top:12px;right:12px}.location-row,.nav-card-head,.voice-card-head,.voice-events-head,.voice-meta-row{align-items:flex-start;flex-direction:column}.voice-form,.voice-transcript-grid{grid-template-columns:1fr}}