:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf1f8;background:#050b14;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#16304b 0,#07111f 38%,#040912 100%);min-height:100vh}.app-shell{width:min(1180px,100%);margin:auto;padding:0 18px 48px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:54px;height:48px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.brand-mark img{display:block;width:54px;height:48px;object-fit:contain;background:transparent}.brand strong{font-size:20px;display:block}.brand span{font-size:12px;color:#8fa4b7}.status-pill{border:1px solid #24384c;border-radius:99px;padding:8px 12px;font-size:12px;color:#abc0d2;background:#0b1623}.hero-panel{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;padding:42px;border:1px solid #203349;border-radius:28px;background:linear-gradient(135deg,rgba(17,39,60,.92),rgba(6,16,28,.96));box-shadow:0 30px 70px rgba(0,0,0,.28)}.eyebrow{display:block;font-size:11px;letter-spacing:.16em;font-weight:800;color:#ffb800;margin-bottom:10px}.hero-panel h1{font-size:clamp(38px,6vw,72px);line-height:.96;margin:0 0 18px;letter-spacing:-.04em}.hero-panel p{max-width:650px;color:#aebdcb;font-size:17px;line-height:1.6;margin:0}.hero-actions{display:flex;gap:10px;flex-direction:column;min-width:220px}button,input,select,textarea{font:inherit}.primary,.secondary{border-radius:14px;padding:13px 17px;font-weight:800;cursor:pointer}.primary{border:0;background:#ffb800;color:#16100b}.secondary{border:1px solid #31495e;background:#102030;color:#e9f0f6}.primary:disabled,.secondary:disabled{opacity:.42;cursor:not-allowed}.map-card,.feed-card{margin-top:18px;border:1px solid #203349;border-radius:24px;overflow:hidden;background:#091420;box-shadow:0 20px 50px rgba(0,0,0,.18)}#map{height:52vh;min-height:430px}.map-card{position:relative}.map-overlay{position:absolute;left:14px;bottom:14px;z-index:3;background:rgba(6,14,24,.9);border:1px solid #294157;border-radius:12px;padding:9px 12px;font-size:12px;color:#c7d5e1;backdrop-filter:blur(10px)}.user-dot{width:22px;height:22px;border-radius:50%;background:#3ba7ff;border:4px solid white;box-shadow:0 0 0 8px rgba(59,167,255,.22)}.sighting-dot{width:20px;height:20px;border-radius:6px;background:#ffb800;border:3px solid #fff;box-shadow:0 4px 18px rgba(0,0,0,.35);cursor:pointer}.feed-card{padding:26px}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2{margin:0;font-size:28px}.text-button,.icon-button{border:0;background:none;color:#ffb800;cursor:pointer}.sightings-list{display:grid;gap:10px;margin-top:18px}.sighting-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px;border:1px solid #1d3145;background:#0d1b29;border-radius:14px;cursor:pointer}.sighting-item:hover{border-color:#3d5a73}.train-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#14283a}.sighting-item strong{display:block}.sighting-item span,.sighting-item time{font-size:12px;color:#8fa4b7}.empty{padding:24px;text-align:center;color:#8fa4b7;border:1px dashed #284056;border-radius:14px}.empty.error{color:#ffb19d}dialog{width:min(620px,calc(100% - 24px));border:1px solid #294258;border-radius:24px;padding:0;background:#091521;color:#eaf1f8;box-shadow:0 30px 90px rgba(0,0,0,.6)}dialog::backdrop{background:rgba(1,5,10,.76);backdrop-filter:blur(5px)}#report-form{padding:26px;display:grid;gap:17px}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{margin:0;font-size:30px}.icon-button{font-size:32px;line-height:1}.location-box{display:flex;justify-content:space-between;gap:12px;padding:14px;background:#102437;border:1px solid #244159;border-radius:14px}.location-box span{font-size:12px;color:#8fa4b7}label{display:grid;gap:8px;font-weight:700}label>span{font-weight:400;color:#7d91a3}input,select,textarea{width:100%;border:1px solid #294257;background:#07111d;color:#eef5fb;border-radius:12px;padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:#ffb800;box-shadow:0 0 0 3px rgba(255,184,0,.14)}textarea{resize:vertical}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.direction{border:1px solid #294257;background:#0d1b29;color:#c3d2df;border-radius:12px;padding:11px;cursor:pointer}.direction.active{border-color:#ffb800;background:#2a250d;color:#ffcf4a}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.form-message{margin:0;min-height:20px;color:#ffb800;font-size:13px}@media(max-width:760px){.app-shell{padding:0 10px 28px}.topbar{height:66px}.status-pill{display:none}.hero-panel{grid-template-columns:1fr;padding:26px 20px;border-radius:20px}.hero-actions{min-width:0}.hero-panel h1{font-size:45px}.map-card,.feed-card{border-radius:18px}#map{height:54vh;min-height:380px}.feed-card{padding:18px}.sighting-item{grid-template-columns:auto 1fr}.sighting-item time{grid-column:2}.direction-grid{grid-template-columns:1fr}.location-box{flex-direction:column}.dialog-actions{display:grid;grid-template-columns:1fr 1fr}}