:root{font-family:Noto Sans SC,PingFang SC,Segoe UI,sans-serif;color:#10202b;background:radial-gradient(circle at top left,rgba(198,227,210,.64),transparent 35%),radial-gradient(circle at bottom right,rgba(253,205,173,.52),transparent 28%),#f5f1e7;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}input,textarea,select{width:100%;border-radius:14px;border:1px solid rgba(16,32,43,.12);background:#ffffffeb;padding:12px 14px;color:#10202b}textarea{min-height:112px;resize:vertical}label{display:grid;gap:8px;color:#355164;font-size:14px}.page-shell,.admin-page,.landing-shell{padding:32px}.page-shell--center,.viewer-status-screen{min-height:100vh;display:grid;place-items:center;text-align:center}.viewer-status-screen{color:#f8f1e7;background:radial-gradient(circle at top,rgba(80,117,159,.32),transparent 35%),radial-gradient(circle at bottom,rgba(217,153,109,.28),transparent 25%),#071118}.viewer-status-screen--stack{gap:16px;padding:24px}.panel-card,.stat-card,.admin-login,.scene-list__item,.route-card,.inline-banner,.landing-topbar,.landing-stage,.scene-selector__rail,.scene-spotlight,.vote-card{background:#ffffffc7;border:1px solid rgba(16,32,43,.09);border-radius:24px;box-shadow:0 16px 40px #3b4e5c14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#7d6e55;font-size:12px;margin:0 0 10px}.section-head{margin-bottom:16px}.stack-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stack-row--spread{justify-content:space-between}.primary-button,.ghost-button,.elevate-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:16px;transition:transform .16s ease,opacity .16s ease}.primary-button:hover,.ghost-button:hover,.elevate-button:hover{transform:translateY(-1px)}.primary-button{background:#123f38;color:#f7f2e9}.ghost-button,.chip,.elevate-button{background:#ffffffd1;color:#123f38;border:1px solid rgba(18,63,56,.14)}.pill,.chip,.landing-step,.viewer-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#dce7e1b8;color:#315161;font-size:12px}.pill--good,.chip--active{background:#123f38;color:#f9f4eb}.pill--warn{background:#8f5a37;color:#fff7ed}.landing-shell{display:grid;gap:24px}.landing-topbar{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.landing-topbar h1{margin:0;font-size:30px}.landing-stage{padding:28px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:24px;align-items:stretch}.landing-stage__copy h2{margin:0 0 14px;font-size:42px;line-height:1.12}.landing-stage__copy p{color:#49606f;line-height:1.7}.landing-stage__stats{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{padding:20px;display:grid;gap:8px}.stat-card strong{font-size:28px}.scene-selector{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px}.scene-selector__rail{padding:18px;display:grid;gap:14px;align-content:start}.scene-selector__rail-head{display:flex;justify-content:space-between;align-items:baseline}.scene-selector__rail-head h3{margin:0}.scene-selector__rail-list{display:grid;gap:12px;max-height:620px;overflow:auto}.scene-option{text-align:left;display:grid;gap:6px;padding:14px 16px;border-radius:18px;background:#f4f7f4d1;border:1px solid rgba(16,32,43,.06)}.scene-option--active{background:linear-gradient(135deg,#123f381a,#fffffff2);outline:2px solid rgba(18,63,56,.18)}.scene-option__meta{display:flex;justify-content:space-between;align-items:center}.scene-option small,.scene-spotlight__count,.scene-spotlight__footer,.vote-card p,.inline-message,.inline-banner{color:#5d7380}.scene-spotlight{overflow:hidden;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);min-height:520px}.scene-spotlight--empty{place-items:center;padding:32px}.scene-spotlight__cover{min-height:320px;background:linear-gradient(180deg,#0c151c1f,#0c151cc2),linear-gradient(135deg,#96c0c6,#c7ddc4 45%,#f5c199);background-size:cover;background-position:center}.scene-spotlight__content{padding:28px;display:grid;gap:20px;align-content:space-between}.scene-spotlight__text{display:grid;gap:10px}.scene-spotlight__text h2{margin:0;font-size:40px;line-height:1.1}.scene-spotlight__text p{margin:0;color:#49606f;line-height:1.72;font-size:16px}.scene-spotlight__actions,.scene-spotlight__footer{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.vote-strip{display:grid;gap:16px}.vote-strip__list{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.vote-card{padding:18px;display:flex;justify-content:space-between;align-items:center;gap:14px}.vote-card strong{display:block;margin-bottom:6px}.admin-header{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:24px;align-items:end}.stats-row{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.admin-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;margin-top:24px}.admin-sidebar,.admin-main{display:grid;gap:18px;align-content:start}.scene-list{display:grid;gap:12px}.scene-list__item{text-align:left;padding:16px;display:grid;gap:6px}.scene-list__item--active{outline:2px solid rgba(18,63,56,.32)}.panel-card,.admin-login{padding:22px;display:grid;gap:18px}.admin-login{width:min(420px,100%)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid__wide{grid-column:1 / -1}.checkbox-row{grid-auto-flow:column;justify-content:start;gap:10px}.checkbox-row input{width:auto}.route-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.route-card{padding:18px;display:grid;gap:12px}.inline-banner{padding:14px 18px}.viewer-page{min-height:100vh;position:relative}.viewer-page--immersive{background:#071118}.viewer-shell{min-height:100vh;position:relative;overflow:hidden}.viewer-shell--immersive:after{content:"";position:absolute;inset:auto 0 0;height:220px;background:linear-gradient(180deg,#050b1200,#050b1285);pointer-events:none}.viewer-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.viewer-overlay{position:relative;min-height:100vh;padding:18px;display:grid;grid-template-rows:auto 1fr auto;pointer-events:none}.viewer-overlay--immersive{color:#f5f0e8}.viewer-hud,.viewer-drawer,.viewer-exit{pointer-events:auto}.viewer-hud{display:flex;justify-content:space-between;align-items:start;gap:14px}.viewer-hud__group{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.viewer-badge{background:#0812198f;color:#fff8ef;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.viewer-badge--soft{color:#fff8efd1}.viewer-drawer{align-self:start;justify-self:end;width:min(320px,100%);margin-top:18px;background:#08121985;color:#f5f0e8;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:18px;display:grid;gap:14px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.viewer-drawer label,.viewer-drawer select{color:#f5f0e8}.viewer-drawer select{background:#fffffff0;color:#10202b}.viewer-controls{pointer-events:none}.viewer-controls--immersive{pointer-events:auto;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:end}.viewer-controls__left,.viewer-controls__right{display:flex;gap:14px;align-items:end}.viewer-controls__hint{align-self:end;justify-self:center;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;color:#fff8efdb;font-size:13px;background:#08121957;border:1px solid rgba(255,255,255,.06);padding:12px 16px;border-radius:999px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.touch-pad{width:120px;height:120px;border-radius:50%;background:#0812195c;position:relative;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.touch-pad__ring{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;border:1px dashed rgba(255,255,255,.24)}.touch-pad__label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#f5f0e8eb;font-size:14px}.viewer-vertical{display:grid;gap:10px}.elevate-button{min-width:88px;background:#08121970;color:#f5f0e8}.viewer-exit{position:fixed;left:18px;top:18px;z-index:10;background:#0812198f;color:#fff8ef;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:10px 14px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.viewer-intro{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(circle at center,#142a3a2e,#071118b8),#0711188f;color:#fff6eb;opacity:0;pointer-events:none;transition:opacity .32s ease}.viewer-intro--visible{opacity:1}.viewer-intro h1{margin:0 0 12px;font-size:clamp(34px,5vw,56px)}.viewer-intro p:last-child{margin:0;max-width:720px;line-height:1.7;color:#fff6ebdb}@media (max-width: 960px){.page-shell,.admin-page,.landing-shell{padding:18px}.landing-topbar,.landing-stage,.scene-selector,.admin-header,.admin-layout,.scene-spotlight{grid-template-columns:1fr}.landing-stage__stats{grid-template-columns:1fr 1fr 1fr}.scene-selector__rail-list{max-height:none}.form-grid{grid-template-columns:1fr}.viewer-overlay{padding:12px}.viewer-hud{flex-direction:column}.viewer-drawer{justify-self:stretch;width:100%}.viewer-controls--immersive{grid-template-columns:1fr;justify-items:stretch}.viewer-controls__left,.viewer-controls__right{justify-content:space-between}.viewer-controls__hint{order:-1;justify-self:stretch}.touch-pad{width:108px;height:108px}}