:root{--c-night: #08080d;--c-surface: #12121c;--c-surface-2: #1a1a28;--c-border: rgba(255,255,255,.08);--c-border-strong: rgba(255,255,255,.16);--c-signal: #ff2a6d;--c-signal-dim: rgba(255,42,109,.14);--c-info: #05d9e8;--c-warn: #ffb300;--c-ok: #00ff88;--c-paper: #f4f0e6;--c-paper-dim: rgba(244,240,230,.6);--c-paper-faint:rgba(244,240,230,.32);--f-display: "Bebas Neue", sans-serif;--f-body: "Tajawal", sans-serif;--f-mono: "DM Mono", monospace;--fs-hero: clamp(28px, 8vw, 44px);--fs-title: 20px;--fs-body: 15px;--fs-small: 13px;--fs-mono: 11px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--r-card: 18px;--r-btn: 12px;--r-pill: 999px;--shadow-card: 0 24px 60px rgba(0,0,0,.55), 0 0 0 1px var(--c-border);--glow-signal: 0 0 24px rgba(255,42,109,.35);--glow-signal-strong: 0 0 40px rgba(255,42,109,.55);--ease-out: cubic-bezier(.22,.85,.35,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .45s}@media (prefers-reduced-motion: reduce){:root{--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms}}body[data-theme=light]{--c-night: #f4f1e8;--c-surface: #ffffff;--c-surface-2: #f0ede2;--c-border: rgba(20,18,10,.1);--c-paper: #17150e;--c-paper-dim: rgba(23,21,14,.62);--c-paper-faint: rgba(23,21,14,.34)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);background:var(--c-signal);color:#fff;border:none;border-radius:var(--r-btn);font-family:var(--f-body);font-weight:700;font-size:var(--fs-body);padding:14px 22px;cursor:pointer;box-shadow:0 4px 20px #ff2a6d59;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.btn-primary:hover{filter:brightness(1.08);box-shadow:var(--glow-signal-strong)}.btn-primary:active{transform:scale(.94)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-primary:focus-visible{outline:2px solid var(--c-info);outline-offset:3px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);background:#ffffff0f;color:var(--c-paper);border:1px solid var(--c-border-strong);border-radius:var(--r-btn);font-family:var(--f-body);font-size:var(--fs-body);padding:12px 20px;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.btn-secondary:hover{background:var(--c-signal-dim);border-color:var(--c-signal)}.btn-secondary:focus-visible{outline:2px solid var(--c-info);outline-offset:3px}.pin-card{position:relative;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:var(--sp-6) var(--sp-5) var(--sp-4)}.pin-card:before{content:"📍";position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:28px;filter:drop-shadow(0 0 14px rgba(255,42,109,.65));animation:pin-float 3.5s var(--ease-out) infinite}@keyframes pin-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}:root{--night: var(--c-night);--asphalt: var(--c-surface);--sidewalk: var(--c-surface-2);--building1:#0f1117;--building2:#12141e;--building3:#0d0f18;--neon-pink: var(--c-signal);--neon-blue: var(--c-info);--neon-yellow:#f5c518;--neon-green: var(--c-ok);--amber: var(--c-warn);--paper: var(--c-paper);--glass: rgba(10,10,18,.75);--border: var(--c-border);--mono: var(--f-mono);--title: var(--f-display);--body: var(--f-body);--paper-dim-rgb: 240,236,224}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100dvh;overflow:hidden;background:var(--night);color:var(--paper);font-family:var(--body)}#splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#050506;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .5s ease;animation:splash-force-hide 0s ease-in forwards 4s}@keyframes splash-force-hide{to{opacity:0;visibility:hidden;pointer-events:none}}#splash.hide{opacity:0;pointer-events:none}.splash-anim-wrap{position:relative;width:130px;height:120px;display:flex;align-items:flex-end;justify-content:center}.splash-rings{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:1px;height:1px;pointer-events:none}.s-ring{position:absolute;top:0;left:0;border-radius:50%;border:1.4px solid rgba(255,42,109,.6);opacity:0;animation:splash-ring-in .65s cubic-bezier(.3,.7,.4,1) forwards}@keyframes splash-ring-in{0%{transform:scaleX(.15) scaleY(.15);opacity:0}45%{transform:scaleX(1.1) scaleY(1.1);opacity:calc(var(--ring-op,.5) + .18)}70%{transform:scaleX(.93) scaleY(.93);opacity:calc(var(--ring-op,.5) - .05)}to{transform:scaleX(1) scaleY(1);opacity:var(--ring-op,.5)}}.sr1{width:34px;height:11px;margin:-5.5px 0 0 -17px;animation-delay:.18s;--ring-op:.7;border-color:#ff2a6da6}.sr2{width:52px;height:16px;margin:-8px 0 0 -26px;animation-delay:.25s;--ring-op:.58;border-color:#e63cbe8c}.sr3{width:70px;height:21px;margin:-10.5px 0 0 -35px;animation-delay:.32s;--ring-op:.46;border-color:#c83cd280}.sr4{width:88px;height:26px;margin:-13px 0 0 -44px;animation-delay:.39s;--ring-op:.36;border-color:#aa37e173}.sr5{width:106px;height:31px;margin:-15.5px 0 0 -53px;animation-delay:.46s;--ring-op:.27;border-color:#9632e666}.sr6{width:124px;height:36px;margin:-18px 0 0 -62px;animation-delay:.53s;--ring-op:.18;border-color:#8b2fe052}.splash-triangle{position:relative;z-index:2;width:82px;height:auto;opacity:0;filter:drop-shadow(0 0 16px rgba(255,42,109,.6)) drop-shadow(0 0 32px rgba(139,47,224,.35));animation:splash-rise .65s cubic-bezier(.22,.85,.35,1) forwards,splash-triangle-glow 2.4s ease-in-out 1.1s infinite}@keyframes splash-rise{0%{transform:translateY(58px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes splash-triangle-glow{0%,to{filter:drop-shadow(0 0 16px rgba(255,42,109,.6)) drop-shadow(0 0 32px rgba(139,47,224,.35))}50%{filter:drop-shadow(0 0 22px rgba(255,42,109,.85)) drop-shadow(0 0 44px rgba(139,47,224,.5))}}.splash-text{display:flex;flex-direction:column;align-items:center;gap:8px}.splash-logo{font-family:var(--title);font-size:44px;letter-spacing:.14em;color:transparent;-webkit-text-stroke:1.4px rgba(255,255,255,.85);text-shadow:0 0 20px rgba(255,42,109,.55),0 0 50px rgba(255,42,109,.25);opacity:0;animation:splash-fade .5s ease-out 1.35s forwards}.splash-tagline{font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:rgba(var(--paper-dim-rgb),.45);text-transform:uppercase;opacity:0;animation:splash-fade .5s ease-out 1.85s forwards}@keyframes splash-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#start{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;overflow:hidden;transition:opacity .6s ease}#start.gone{opacity:0;pointer-events:none}.sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#04040d,#080820 35%,#0f0a25 60%,#1a0a1a)}.stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 15% 12%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 28% 8%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 42% 18%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(1px 1px at 58% 6%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 71% 14%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 85% 9%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 92% 22%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 7% 30%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 35% 25%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 65% 28%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 80% 32%,rgba(255,255,255,.6) 0%,transparent 100%);animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.7}to{opacity:1}}.moon{position:absolute;top:6%;left:12%;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff8e0,#f0d060);box-shadow:0 0 20px #f0d06066,0 0 60px #f0d06026}.city{position:absolute;bottom:38%;left:0;right:0;display:flex;align-items:flex-end;justify-content:flex-start;gap:0;height:55%;overflow:hidden}.building{position:relative;flex-shrink:0}.b1{width:60px;height:180px;background:var(--building1);border-top:1px solid rgba(255,255,255,.04)}.b2{width:45px;height:240px;background:var(--building2);border-top:1px solid rgba(255,255,255,.03)}.b3{width:80px;height:160px;background:var(--building3);border-top:1px solid rgba(255,255,255,.04)}.b4{width:35px;height:300px;background:var(--building1);border-top:1px solid rgba(255,255,255,.05)}.b5{width:90px;height:200px;background:var(--building2);border-top:1px solid rgba(255,255,255,.03)}.b6{width:55px;height:260px;background:var(--building3)}.b7{width:70px;height:140px;background:var(--building1)}.b8{width:40px;height:320px;background:var(--building2)}.b9{width:85px;height:180px;background:var(--building3)}.b10{width:50px;height:220px;background:var(--building1)}.neon-sign{position:absolute;font-family:var(--mono);font-size:8px;padding:3px 6px;border-radius:3px;white-space:nowrap;letter-spacing:.08em;animation:neon-flicker 3s ease-in-out infinite}@keyframes neon-flicker{0%,92%,to{opacity:1}94%{opacity:.3}96%{opacity:1}98%{opacity:.5}}.ns-pink{color:var(--neon-pink);border:1px solid var(--neon-pink);box-shadow:0 0 8px #ff2a6d80,inset 0 0 6px #ff2a6d1a}.ns-blue{color:var(--neon-blue);border:1px solid var(--neon-blue);box-shadow:0 0 8px #05d9e880,inset 0 0 6px #05d9e81a}.ns-yellow{color:var(--neon-yellow);border:1px solid var(--neon-yellow);box-shadow:0 0 8px #f5c51866,inset 0 0 6px #f5c5181a}.wall-sticker{position:absolute;background:#0a0a12d9;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:5px 8px;font-family:var(--body);font-size:9px;color:rgba(var(--paper-dim-rgb),.85);max-width:70px;line-height:1.4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:sticker-sway 6s ease-in-out infinite}.wall-sticker:before{content:"📍";display:block;font-size:7px;margin-bottom:2px}@keyframes sticker-sway{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(.5deg)}}.street-section{position:absolute;bottom:0;left:0;right:0;height:38%}.asphalt{position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(180deg,#0e0e1a,#080810)}.road-lines{position:absolute;bottom:25%;left:0;right:0;height:2px;display:flex;gap:20px;padding:0 10px;overflow:hidden}.road-line{width:40px;height:2px;background:#ffffff26;flex-shrink:0;animation:road-move 2s linear infinite}@keyframes road-move{0%{transform:translate(0)}to{transform:translate(-60px)}}.sidewalk{position:absolute;bottom:70%;left:0;right:0;height:30%;background:linear-gradient(180deg,#1a1a2e,#131320);border-top:1px solid rgba(255,255,255,.05)}.lamp{position:absolute;bottom:68%;width:4px;background:linear-gradient(180deg,#2a2a3e,#1a1a2a)}.lamp-head{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:16px;height:6px;background:#2a2a3e;border-radius:3px 3px 0 0}.lamp-light{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,rgba(255,220,100,.6) 0%,transparent 70%);animation:lamp-glow 3s ease-in-out infinite alternate}@keyframes lamp-glow{0%{opacity:.7;transform:translate(-50%) scale(1)}to{opacity:1;transform:translate(-50%) scale(1.1)}}.ground-sticker{position:absolute;bottom:72%;background:#0a0a12e6;border:1px solid rgba(255,42,109,.3);border-radius:8px;padding:6px 10px;font-size:10px;color:rgba(var(--paper-dim-rgb),.9);font-family:var(--body);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 15px #ff2a6d26;animation:float-up 4s ease-in-out infinite;line-height:1.4}.ground-sticker:before{content:"📍 ";font-size:8px}@keyframes float-up{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sticker-strip{position:absolute;bottom:40%;left:0;right:0;height:28px;display:flex;align-items:center;overflow:hidden}.sticker-track{display:flex;gap:20px;animation:strip-scroll 18s linear infinite;white-space:nowrap}@keyframes strip-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.strip-item{font-family:var(--mono);font-size:9px;color:rgba(var(--paper-dim-rgb),.35);letter-spacing:.06em;flex-shrink:0;display:flex;align-items:center;gap:6px}.strip-dot{width:4px;height:4px;border-radius:50%;background:var(--neon-pink);box-shadow:0 0 6px var(--neon-pink)}.fog{position:absolute;bottom:35%;left:0;right:0;height:60px;background:linear-gradient(180deg,transparent,rgba(10,10,18,.4),transparent);pointer-events:none}.start-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;display:flex;flex-direction:column;align-items:center;gap:10px}.logo-glow{font-family:var(--title);font-size:72px;letter-spacing:.12em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.8);text-shadow:0 0 20px rgba(255,42,109,.6),0 0 60px rgba(255,42,109,.3),0 0 120px rgba(255,42,109,.15);line-height:1;animation:logo-breathe 3s ease-in-out infinite}@keyframes logo-breathe{0%,to{text-shadow:0 0 20px rgba(255,42,109,.6),0 0 60px rgba(255,42,109,.3)}50%{text-shadow:0 0 30px rgba(255,42,109,.9),0 0 80px rgba(255,42,109,.5),0 0 140px rgba(5,217,232,.2)}}.logo-sub{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:rgba(var(--paper-dim-rgb),.35);text-transform:uppercase}.start-cta{margin-top:14px;padding:14px 48px;background:transparent;border:1px solid rgba(255,42,109,.6);border-radius:4px;font-family:var(--title);font-size:22px;letter-spacing:.15em;color:var(--paper);cursor:pointer;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .25s;animation:heat-glow-pulse 3s ease-in-out infinite}@keyframes heat-glow-pulse{0%,to{box-shadow:0 0 20px #ff2a6d38,0 0 38px #ff2a6d0f,inset 0 0 18px #ff2a6d0d}50%{box-shadow:0 0 32px #ff2a6d6b,0 0 60px #05d9e824,inset 0 0 24px #ff2a6d17}}.start-cta:active{border-color:#ff2a6d;animation-play-state:paused;box-shadow:0 0 42px #ff2a6db3,0 0 75px #05d9e84d,inset 0 0 28px #ff2a6d24}.start-note{font-family:var(--mono);font-size:9px;color:rgba(var(--paper-dim-rgb),.18);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}.bottom-fade{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(10,10,18,.95),transparent);z-index:5;pointer-events:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;opacity:0;pointer-events:none;transition:opacity .6s}#app.show{opacity:1;pointer-events:all}#cam{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}#ar-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none}.ar-icon{position:absolute;top:42%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:all;cursor:pointer;transition:left .4s ease-out;min-width:44px;min-height:44px;padding:12px;margin:-12px;justify-content:center}.ar-dot{width:14px;height:14px;border-radius:50%;background:#0a0a12bf;border:2px solid var(--amber);transition:border-color .3s,box-shadow .3s;animation:ar-dot-pulse 1.6s ease-in-out infinite}@keyframes ar-dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.ar-label{font-family:var(--mono);font-size:10px;font-weight:500;color:var(--amber);background:#0a0a12a6;padding:2px 7px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;transition:color .3s}.ar-preview{font-family:var(--body);font-size:10px;color:rgba(var(--paper-dim-rgb),.8);background:#0a0a12c7;padding:3px 9px;border-radius:8px;max-width:110px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08)}#hud{position:fixed;top:0;left:0;right:0;z-index:30;background:linear-gradient(to bottom,rgba(10,10,18,.9) 0%,transparent 100%);padding:14px 16px 20px;display:flex;align-items:center;justify-content:space-between}#hud-logo{font-family:var(--title);font-size:22px;letter-spacing:.12em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7);text-shadow:0 0 12px rgba(255,42,109,.5)}#gps-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:2px}#gps-row{display:flex;align-items:center;gap:6px}#gps-led{width:7px;height:7px;border-radius:50%;background:#222;transition:all .4s}#gps-led.on{background:var(--neon-green);box-shadow:0 0 8px var(--neon-green)}#gps-led.wait{background:var(--amber);box-shadow:0 0 8px var(--amber)}#gps-txt{font-family:var(--mono);font-size:10px;color:rgba(var(--paper-dim-rgb),.4);letter-spacing:.05em}#acc-txt{font-family:var(--mono);font-size:8px;color:rgba(var(--paper-dim-rgb),.2);letter-spacing:.04em}#offline-indicator{display:none;font-family:var(--mono);font-size:9px;color:var(--amber);background:#ffb3001a;border:1px solid rgba(255,179,0,.3);border-radius:6px;padding:3px 8px;margin-top:4px;cursor:pointer}#offline-indicator.show{display:inline-block}#prox{position:fixed;top:88px;left:50%;transform:translate(-50%);z-index:22;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;pointer-events:none;transition:opacity .4s}#prox.show{opacity:1}#prox-arrow-wrap{width:56px;height:56px;display:flex;align-items:center;justify-content:center;animation:prox-pulse 1.4s ease-in-out infinite}@keyframes prox-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}#prox-arrow{width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:30px solid var(--amber);position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1),border-bottom-color .4s,filter .4s,opacity .4s;filter:drop-shadow(0 0 8px rgba(255,179,0,.55))}#prox-label{font-family:var(--body);font-size:12px;font-weight:500;color:var(--amber);text-align:center;text-shadow:0 0 16px rgba(255,179,0,.4);letter-spacing:.02em;transition:color .4s,text-shadow .4s}#compass-permit{font-family:var(--mono);font-size:10px;color:rgba(var(--paper-dim-rgb),.5);background:#ffb3001a;border:1px solid rgba(255,179,0,.3);border-radius:6px;padding:4px 10px;margin-top:2px;cursor:pointer}#meter{position:fixed;top:190px;left:50%;transform:translate(-50%);z-index:21;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;pointer-events:none;transition:opacity .35s}#meter.show{opacity:1}#meter-ring{width:60px;height:60px;position:relative;display:flex;align-items:center;justify-content:center}#meter-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#meter-num{font-family:var(--mono);font-size:12px;font-weight:500;color:rgba(var(--paper-dim-rgb),.6);position:relative;z-index:2;text-align:center;line-height:1.2}#meter-lbl{font-family:var(--mono);font-size:9px;color:rgba(var(--paper-dim-rgb),.2);letter-spacing:.06em}#reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .5s}#reveal.show{opacity:1;pointer-events:all}#reveal-card{background:var(--glass);backdrop-filter:blur(28px) saturate(2);-webkit-backdrop-filter:blur(28px) saturate(2);border:1px solid rgba(255,42,109,.2);border-radius:16px;padding:28px 24px 20px;max-width:80vw;text-align:center;box-shadow:0 0 0 1px #ff2a6d0f,0 24px 60px #000000b3,0 0 80px #ff2a6d0f;animation:card-float 3.5s ease-in-out infinite;position:relative}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}#reveal-pin{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:28px;filter:drop-shadow(0 0 12px rgba(255,42,109,.7))}#reveal-close{position:absolute;top:-14px;left:-14px;width:28px;height:28px;border-radius:50%;background:#14141ef2;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;color:rgba(var(--paper-dim-rgb),.6);cursor:pointer;z-index:2}#reveal-badge{position:absolute;top:-10px;right:-10px;background:var(--neon-pink);width:24px;height:24px;border-radius:50%;font-family:var(--mono);font-size:11px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 14px #ff2a6d99}#reveal-photo{display:none;max-width:100%;max-height:220px;width:100%;border-radius:12px;margin-top:14px;object-fit:cover;box-shadow:0 8px 24px #0006;cursor:zoom-in}#reveal-loading{display:none;font-family:var(--mono);font-size:11px;color:rgba(var(--paper-dim-rgb),.5);margin-top:10px;letter-spacing:.04em}#img-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#05050af5;display:none;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#img-lightbox.show{display:flex}#img-lightbox-img{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 20px 60px #0009;object-fit:contain}#img-lightbox-close{position:fixed;top:18px;left:18px;width:34px;height:34px;border-radius:50%;background:#ffffff14;border:1px solid var(--border);color:var(--paper);font-size:16px;display:flex;align-items:center;justify-content:center}#reveal-text{font-family:var(--body);font-size:18px;font-weight:500;color:var(--paper);line-height:1.6;margin-top:10px}#reveal-meta{font-family:var(--mono);font-size:10px;color:#ff2a6d8c;margin-top:10px;letter-spacing:.05em}#reveal-nav{display:flex;gap:8px;margin-top:16px;justify-content:center}.rnav{background:#ffffff0f;border:1px solid var(--border);border-radius:8px;padding:8px 18px;font-family:var(--mono);font-size:11px;color:rgba(var(--paper-dim-rgb),.5);cursor:pointer;transition:background .2s,border-color .2s}.rnav:active{background:#ff2a6d26;border-color:#ff2a6d4d}#reveal-private-badge{display:none;font-family:var(--mono);font-size:9px;color:var(--amber);background:#ffb3001f;border:1px solid rgba(255,179,0,.3);border-radius:5px;padding:2px 7px;margin-top:6px}#reveal-private-badge.show{display:inline-block}#panel{position:fixed;bottom:0;left:0;right:0;z-index:30;padding:14px 14px calc(env(safe-area-inset-bottom,0px)+22px);background:linear-gradient(to top,rgba(10,10,18,.97) 55%,transparent)}#input-row{display:flex;gap:10px;align-items:center}#txt{flex:1;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;padding:13px 16px;font-family:var(--body);font-size:15px;color:var(--paper);outline:none;transition:border-color .2s;text-align:right}#txt:focus{border-color:#ff2a6d59}#add-btn,.round-btn{width:50px;height:50px;flex-shrink:0;background:var(--neon-pink);border:none;border-radius:10px;font-size:24px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #ff2a6d66;transition:transform .15s}#add-btn:active,.round-btn:active{transform:scale(.92)}#add-btn:disabled,.round-btn:disabled{opacity:.6}#add-btn{animation:add-btn-wobble 4.2s ease-in-out infinite}#add-btn:active{animation-play-state:paused}@keyframes add-btn-wobble{0%,to{transform:rotate(0)}12%{transform:rotate(-5deg)}26%{transform:rotate(4deg)}40%{transform:rotate(-3deg)}54%{transform:rotate(2deg)}68%{transform:rotate(-1deg)}82%{transform:rotate(1deg)}}.round-btn.cooldown{background:#ffffff14;box-shadow:none}.round-btn.cooldown .plus-icon{font-family:var(--mono);font-size:15px}#add-btn-photo.cooldown,#add-btn-audio.cooldown{background:#ffffff14;box-shadow:none}.icon-morphing-out{animation:icon-morph-out .15s ease-in forwards}.icon-morphing-in{animation:icon-morph-in .2s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes icon-morph-out{0%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(.3) rotate(-90deg);opacity:0}}@keyframes icon-morph-in{0%{transform:scale(.3) rotate(90deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:none}.loading .spinner{display:block}.loading .plus-icon{display:none}@keyframes spin{to{transform:rotate(360deg)}}#status{margin-top:8px;font-family:var(--mono);font-size:10px;color:rgba(var(--paper-dim-rgb),.2);text-align:center;letter-spacing:.06em}.panel-view{display:none}.panel-view.show{display:block}#view-idle.show{display:flex;flex-direction:column;align-items:center}.fab-row{display:flex;gap:24px;justify-content:center;margin-bottom:8px}.fab-item{display:flex;flex-direction:column;align-items:center;gap:6px}.fab-label{font-family:var(--mono);font-size:10px;color:rgba(var(--paper-dim-rgb),.5);letter-spacing:.04em}.fab-type-btn{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;border:none;cursor:pointer;box-shadow:0 4px 20px #0006;transition:transform .15s;animation:fab-pop .38s cubic-bezier(.34,1.56,.64,1) backwards}.fab-type-btn:active{transform:scale(.9)}.fab-item:nth-child(1) .fab-type-btn{background:var(--neon-pink);color:#fff;animation-delay:.04s}.fab-item:nth-child(2) .fab-type-btn{background:var(--neon-blue);color:#08080f;animation-delay:.11s}.fab-item:nth-child(3) .fab-type-btn{background:var(--neon-green);color:#08080f;animation-delay:.18s}@keyframes fab-pop{0%{opacity:0;transform:scale(.25) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.panel-back,.panel-cancel{display:block;margin:10px auto 0;background:none;border:none;font-family:var(--mono);font-size:11px;color:rgba(var(--paper-dim-rgb),.4);cursor:pointer;letter-spacing:.04em}.type-row{display:flex;gap:10px;justify-content:center;margin-bottom:4px}.type-btn{flex:1;max-width:150px;display:flex;flex-direction:column;align-items:center;gap:6px;background:#ffffff0d;border:1px solid var(--border);border-radius:12px;padding:16px 10px;font-family:var(--body);font-size:13px;color:var(--paper);cursor:pointer;transition:background .2s,border-color .2s}.type-btn .ic{font-size:26px}.type-btn:active{background:#ff2a6d1f;border-color:#ff2a6d4d}#photo-preview-wrap{display:flex;justify-content:center;margin-bottom:10px}#photo-preview-img{max-width:100%;max-height:160px;border-radius:12px;border:1px solid var(--border);object-fit:cover}#photo-caption,#audio-caption{width:100%;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;padding:11px 14px;font-family:var(--body);font-size:14px;color:var(--paper);outline:none;text-align:right;margin-bottom:10px;box-sizing:border-box}#upload-progress-wrap,#upload-progress-wrap-audio{display:none;align-items:center;gap:8px;margin-bottom:10px}#upload-progress-wrap.show,#upload-progress-wrap-audio.show{display:flex}#upload-progress-bar,#upload-progress-bar-audio{flex:1;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden;position:relative}#upload-progress-bar:after,#upload-progress-bar-audio:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--pct,0%);background:var(--neon-pink);border-radius:3px;transition:width .15s linear;box-shadow:0 0 8px #ff2a6d80}#upload-progress-txt,#upload-progress-txt-audio{font-family:var(--mono);font-size:10px;color:rgba(var(--paper-dim-rgb),.5);min-width:32px;text-align:left}#photo-actions,#audio-actions{display:flex;gap:10px;align-items:center}#photo-actions .panel-back,#audio-actions .panel-back{margin:0;flex-shrink:0}#add-btn-photo,#add-btn-audio{flex:1;background:var(--neon-pink);border:none;border-radius:10px;padding:12px;font-family:var(--body);font-size:14px;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 4px 20px #ff2a6d66;display:flex;align-items:center;justify-content:center;gap:6px}#view-audio-record.show{display:flex;flex-direction:column;align-items:center;gap:6px}#audio-rec-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0}#audio-rec-ring{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--neon-pink) var(--rec-pct,0%),rgba(255,255,255,.08) 0);transition:background .2s linear}#audio-rec-btn{width:68px;height:68px;border-radius:50%;background:var(--night);border:2px solid var(--neon-pink);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--neon-pink);font-size:22px;transition:transform .15s}#audio-rec-btn:active{transform:scale(.94)}#audio-rec-btn.recording{animation:ar-dot-pulse 1.2s ease-in-out infinite}#audio-rec-status{font-family:var(--body);font-size:13px;color:rgba(var(--paper-dim-rgb),.65)}#audio-rec-status.recording{color:var(--neon-pink)}#audio-rec-timer{font-family:var(--mono);font-size:13px;color:rgba(var(--paper-dim-rgb),.6);letter-spacing:.05em;display:none}#audio-rec-timer.show{display:block}#audio-rec-timer.warn{color:var(--amber)}#audio-preview-wrap{display:flex;justify-content:center;margin-bottom:12px}#audio-preview-player{width:100%}#reveal-audio{width:100%;margin-top:14px}#toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%) translateY(8px);z-index:50;background:#0a0a12f7;border:1px solid var(--border);border-radius:8px;padding:10px 18px;font-family:var(--mono);font-size:11px;color:var(--paper);letter-spacing:.04em;opacity:0;transition:opacity .3s,transform .3s;white-space:nowrap;pointer-events:none;box-shadow:0 8px 24px #00000080}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#toast.toast-success{border-color:#00ff8859}#toast.toast-error{border-color:#ff505066}#report-btn{font-family:var(--mono);font-size:10px;color:rgba(var(--paper-dim-rgb),.35);background:none;border:none;cursor:pointer;margin-top:10px;letter-spacing:.04em}#report-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:none;align-items:center;justify-content:center;background:#05050ad9;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#report-modal.show{display:flex}#report-modal-card{background:var(--asphalt);border:1px solid var(--border);border-radius:16px;padding:20px;max-width:340px;width:100%;text-align:center}#report-modal-title{font-family:var(--body);font-size:15px;color:var(--paper);margin-bottom:14px}.report-reason-btn{display:block;width:100%;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:8px;font-family:var(--body);font-size:14px;color:var(--paper);cursor:pointer}.report-reason-btn:active{background:#ff50501f;border-color:#ff50504d}.sb-pin-report{font-family:var(--mono);font-size:10px;color:rgba(var(--paper-dim-rgb),.35);margin-top:6px;margin-right:12px;cursor:pointer;display:inline-block}.privacy-toggle{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:10px;font-family:var(--body);font-size:13px;color:rgba(var(--paper-dim-rgb),.7);cursor:pointer;transition:background .2s,border-color .2s}.privacy-toggle.is-private{border-color:#ffb30059;background:#ffb30014;color:var(--amber)}.privacy-toggle .pt-ic{font-size:15px}#hamburger-btn{width:34px;height:34px;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}#hamburger-btn span{display:block;width:16px;height:2px;background:var(--paper);position:relative}#hamburger-btn span:before,#hamburger-btn span:after{content:"";position:absolute;left:0;width:16px;height:2px;background:var(--paper)}#hamburger-btn span:before{top:-5px}#hamburger-btn span:after{top:5px}#sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .3s}#sidebar-overlay.show{opacity:1;pointer-events:all}#sidebar{position:fixed;top:0;right:0;bottom:0;width:82vw;max-width:320px;z-index:401;background:#0d0d16;border-left:1px solid var(--border);transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:20px 18px calc(env(safe-area-inset-bottom,0px)+20px)}#sidebar.show{transform:translate(0)}.sb-title{font-family:var(--title);font-size:24px;letter-spacing:.1em;color:var(--paper);margin-bottom:4px}.sb-sub{font-family:var(--mono);font-size:10px;color:rgba(var(--paper-dim-rgb),.35);letter-spacing:.06em;margin-bottom:18px}.sb-section{margin-bottom:22px}.sb-label{font-family:var(--mono);font-size:10px;color:rgba(var(--paper-dim-rgb),.3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.sb-item{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:10px;background:#ffffff08;border:1px solid var(--border);margin-bottom:8px;cursor:pointer;font-family:var(--body);font-size:14px;color:var(--paper);transition:background .2s}.sb-item:active{background:#ff2a6d1f}.sb-item .ic{font-size:17px;flex-shrink:0}.sb-theme-row{display:flex;gap:6px}.sb-theme-btn{flex:1;padding:8px 4px;border-radius:8px;text-align:center;background:#ffffff0a;border:1px solid var(--border);font-family:var(--mono);font-size:10px;color:rgba(var(--paper-dim-rgb),.5);cursor:pointer}.sb-theme-btn.active{border-color:var(--neon-pink);color:var(--paper);background:#ff2a6d1f}.sb-close{position:absolute;top:16px;left:16px;width:30px;height:30px;border-radius:50%;background:#ffffff0f;border:1px solid var(--border);color:var(--paper);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.sb-list-empty{font-family:var(--mono);font-size:11px;color:rgba(var(--paper-dim-rgb),.25);text-align:center;padding:14px 0}.sb-pin-row{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:8px}.sb-pin-thumb{width:100%;max-height:130px;object-fit:cover;border-radius:8px;margin-bottom:8px;display:block;cursor:zoom-in}.sb-pin-text{font-family:var(--body);font-size:13px;color:rgba(var(--paper-dim-rgb),.9);line-height:1.5}.sb-pin-meta{font-family:var(--mono);font-size:9px;color:#ff2a6d8c;margin-top:5px}.sb-pin-del{font-family:var(--mono);font-size:10px;color:#ff5050b3;margin-top:6px;cursor:pointer;display:inline-block}.sb-counter{font-family:var(--mono);font-size:11px;color:rgba(var(--paper-dim-rgb),.4);background:#ffffff0a;border-radius:8px;padding:8px 10px;text-align:center;margin-bottom:14px}body[data-theme=light] #sidebar{background:#f7f5ee;color:#1a1812}body[data-theme=light] .sb-item,body[data-theme=light] .sb-theme-btn,body[data-theme=light] .sb-pin-row,body[data-theme=light] .sb-counter{background:#0000000a;color:#1a1812}body[data-theme=light] #hud{background:linear-gradient(to bottom,rgba(242,239,230,.9) 0%,transparent 100%)}body[data-theme=light] #panel{background:linear-gradient(to top,rgba(242,239,230,.97) 55%,transparent)}body[data-theme=light] #txt{background:#0000000d;color:#1a1812}body[data-theme=light]{--paper-dim-rgb: 23,21,14}