:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--bg-elev:#151b22db;--bg-solid:#151b22;--text:#f4efe6;--muted:#9aa6b2;--accent:#e4b86a;--accent-deep:#c47a4a;--line:#fff8e81a;--shadow:0 18px 50px #00000061;--sans:"Manrope", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:"Fraunces", "Iowan Old Style", Georgia, serif;--radius:18px}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;min-height:100%;color:var(--text);font-family:var(--sans);margin:0}body{overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.35;cursor:default}.app-shell{height:100%;min-height:100dvh;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;background:radial-gradient(1200px 700px at 10% -10%,#e4b86a29,#0000 50%),radial-gradient(900px 600px at 110% 10%,#c47a4a24,#0000 46%),linear-gradient(#10161d,#0b0f14 55%);position:absolute;inset:0}.screen{z-index:1;height:100%;position:relative}.start{place-items:center;padding:32px;display:grid}.start-card{border:1px solid var(--line);width:min(640px,100%);box-shadow:var(--shadow);text-align:center;background:linear-gradient(#fff8e80d,#fff8e805);border-radius:28px;padding:48px 42px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:12px;font-weight:700}h1,h2,.serif{font-family:var(--serif);font-weight:520}.start h1{margin:0 0 12px;font-size:clamp(36px,6vw,58px);line-height:1.05}.lead{max-width:38ch;color:var(--muted);margin:0 auto 32px;line-height:1.55}.file-button{color:#1b140c;background:linear-gradient(#f0c57a,#d89a4a);border-radius:999px;justify-content:center;align-items:center;min-width:220px;padding:14px 22px;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #d89a4a47}.file-button input{display:none}.hint{color:var(--muted);margin-top:18px;font-size:13px}.processing{place-items:center;padding:32px;display:grid}.processing-card{background:var(--bg-elev);border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);border-radius:24px;padding:36px 32px}.processing h2{margin:0 0 8px;font-size:32px}.progress-meta{color:var(--muted);justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.progress-track{background:#fff8e814;border-radius:999px;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-deep), var(--accent));width:0;height:100%;transition:width .18s}.current-file{color:var(--text);word-break:break-all;margin-top:16px;font-size:14px}.spinner{border:3px solid #e4b86a33;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin-bottom:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.map-screen,.story-screen{height:100%;position:relative;overflow:hidden}.map-canvas,.media-stage{position:absolute;inset:0;overflow:hidden}.map-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.map-overlay>*{pointer-events:auto}.top-center{position:absolute;top:20px;left:50%;transform:translate(-50%)}.ghost-button,.solid-button,.icon-button,.text-button{border:1px solid var(--line);background:var(--bg-elev);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:999px;padding:12px 18px;font-weight:600}.solid-button{color:#1b140c;background:linear-gradient(#f0c57a,#d89a4a);border-color:#0000}.icon-button{place-items:center;width:48px;height:48px;padding:0;font-size:22px;display:grid}.text-button{box-shadow:none;color:var(--muted);background:0 0}.bottom-stats{background:var(--bg-elev);border:1px solid var(--line);color:var(--muted);border-radius:14px;padding:10px 14px;font-size:13px;position:absolute;bottom:20px;left:20px}.top-right{position:absolute;top:20px;right:20px}.story-screen{background:#07090c}.story-header,.story-footer{z-index:3;pointer-events:none;align-items:center;gap:12px;padding:18px 20px;display:grid;position:absolute;left:0;right:0}.story-header{background:linear-gradient(#07090cc7,#0000);grid-template-columns:48px 1fr 48px 48px;top:0}.story-footer{background:linear-gradient(#0000,#07090cd1);grid-template-columns:1fr auto 1fr;bottom:0}.story-header>*,.story-footer>*{pointer-events:auto}.story-titles{text-align:center;min-width:0}.story-titles h2{margin:0;font-size:clamp(22px,3vw,34px)}.story-titles p{color:var(--muted);margin:6px 0 0;font-size:14px}.story-footer>:first-child{justify-self:start}.story-footer>:last-child{justify-self:end}.nav-label{width:max-content;max-width:100%}.media-stage{background:radial-gradient(circle at 50% 40%,#e4b86a0f,#0000 36%),#07090c}.photo-viewport{cursor:zoom-in;touch-action:none;position:absolute;inset:0;overflow:hidden}.photo-viewport.zoomed{cursor:grab}.photo-viewport.dragging{cursor:grabbing}.photo-viewport img{transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:none;height:auto;max-height:none;position:absolute;top:0;left:0}.video-wrap{place-items:center;display:grid;position:absolute;inset:88px 24px 96px;overflow:hidden}.video-wrap video{object-fit:contain;background:#000;border-radius:16px;outline:none;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;display:block;transform:none!important}.video-play-overlay{z-index:2;border:1px solid var(--line);width:76px;height:76px;color:var(--text);box-shadow:var(--shadow);background:#0f1216b8;border-radius:50%;place-items:center;font-size:28px;display:grid;position:absolute}.video-status{position:absolute;inset:auto 0 16px}.heic-pending,.map-fallback,.error-banner{color:var(--muted);text-align:center;padding:24px}.marker-preview{background:#11171d;border-radius:12px;width:168px;overflow:hidden}.marker-preview img,.marker-preview video,.marker-preview .thumb-pending{object-fit:cover;background:#0c1116;border:0;width:168px;height:110px;display:block}.marker-preview .caption{color:#f4efe6;font:12px/1.35 var(--sans);padding:8px 10px 10px}.gm-style-iw,.gm-style-iw-c{background:#11171d!important;border:0!important;border-radius:12px!important;width:168px!important;max-width:168px!important;margin:0!important;padding:0!important;overflow:hidden!important;box-shadow:0 12px 28px #0006!important}.gm-style-iw-d,.gm-style-iw-ch,.gm-style-iw-chr{box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.gm-style-iw-d{max-height:none!important;overflow:hidden!important}.gm-style-iw-tc,.gm-style-iw-t:after,.gm-style-iw-t:before,.gm-ui-hover-effect,.gm-style-iw-chr,.gm-style-iw-ch{display:none!important}.error-inline{border:1px solid var(--line);background:var(--bg-elev);border-radius:16px;max-width:420px;margin:20px auto;padding:18px 20px}.hidden-input{display:none}