:root{--accent:200, 220, 20;--accent-solid:#c8dc14;--music:26, 217, 128;--insta:236, 64, 122;--text-rgb:240, 235, 224;--text:#f0ebe0;--text-dim:rgba(var(--text-rgb), .55);--text-faint:rgba(var(--text-rgb), .32);--bg:#000;--surface:#0a0a0ae0;--border:rgba(var(--accent), .28);--border-strong:rgba(var(--accent), .5);--radius:8px;--shadow:0 8px 32px #0009;--font-display:"Playfair Display", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--fs-label:10px;--fs-small:11px;--ease-out:cubic-bezier(.22, 1, .36, 1);--hero-inset-x:24px;--hero-inset-top:48px;--hero-inset-bottom:32px}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}::-webkit-scrollbar{display:none}html,button,a{-webkit-tap-highlight-color:transparent}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.eyebrow{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--accent), .85);font-weight:500}.eyebrow-rule{background:var(--border-strong);width:16px;height:1px;display:inline-block}.bg-grid,.bg-spotlight{z-index:-1;pointer-events:none;position:fixed;inset:0}.bg-grid{background-image:linear-gradient(rgba(var(--accent), .05) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--accent), .05) 1px, transparent 1px);background-size:48px 48px;animation:60s linear infinite gridDrift;-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 88%,#0000 100%)}.bg-spotlight{background:radial-gradient(circle 280px at var(--mx,-999px) var(--my,-999px), rgba(var(--accent), .07), transparent 70%)}@keyframes pulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.2)}}@keyframes bob{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}@keyframes gridDrift{to{background-position:48px 48px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(-50%)scale(.96)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes drawLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.enter{opacity:0;animation:fadeUp .9s var(--ease-out) forwards;animation-delay:var(--delay,0s)}.enter-fade{opacity:0;animation:fadeIn 1.2s var(--ease-out) forwards;animation-delay:var(--delay,0s)}.pop-in{animation:popIn .28s var(--ease-out)}@keyframes popInUp{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:none}}.pop-in-up{animation:popInUp .28s var(--ease-out)}.draw-line{animation:drawLine .9s var(--ease-out) both;animation-delay:var(--delay,0s)}.reveal{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transition-delay:var(--delay,0s);transform:translateY(16px)}.reveal.is-visible{opacity:1;transform:none}.hotspot-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;top:-22px;left:-22px}.hotspot-btn:focus-visible .hotspot-ring{box-shadow:0 0 0 2px rgba(var(--hs), .6)}.hotspot-ring{border:1px solid rgba(var(--hs), .55);background:rgba(var(--hs), .06);width:22px;height:22px;transition:transform .25s var(--ease-out), background .25s ease, border-color .25s ease;border-radius:50%;position:absolute}.hotspot-core{background:rgba(var(--hs), .95);width:8px;height:8px;box-shadow:0 0 0 1.5px #0000008c, 0 0 10px rgba(var(--hs), .7);transition:transform .25s var(--ease-out), box-shadow .25s ease;border-radius:50%;position:relative}.hotspot-btn:hover .hotspot-ring,.hotspot-btn.is-active .hotspot-ring{border-color:rgba(var(--hs), .9);transform:scale(1.25)}.hotspot-btn.is-active .hotspot-ring{background:rgba(var(--hs), .22)}.hotspot-btn.is-active .hotspot-core{box-shadow:0 0 0 1.5px #0000008c, 0 0 18px rgba(var(--hs), 1);transform:scale(1.15)}.hotspot-btn.is-muted .hotspot-ring{border-color:rgba(var(--text-rgb), .18);background:0 0}.hotspot-btn.is-muted .hotspot-core{background:rgba(var(--text-rgb), .35);box-shadow:none}.hotspot-pulse{border:1px solid rgba(var(--hs), .5);width:22px;height:22px;animation:pulse 3s var(--ease-out) infinite;pointer-events:none;border-radius:50%;position:absolute;top:-11px;left:-11px}.hotspot-tooltip{font-size:var(--fs-label);letter-spacing:.08em;color:var(--text-dim);background:var(--surface);white-space:nowrap;pointer-events:none;border:1px solid rgba(var(--hs), .25);border-radius:4px;padding:3px 9px;animation:.2s fadeIn;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.hotspot-connector{background:rgba(var(--hs), .5);width:14px;height:1px;animation:drawLine .25s var(--ease-out) both;position:absolute;top:50%}.helmet-box:focus{outline:none}.helmet-box:focus-visible{outline:1px solid var(--border-strong);outline-offset:6px;border-radius:50%}.light-ray{opacity:0;transition:opacity .25s}.light-ray.is-on{opacity:1;animation:.45s step-end both lightFlicker}@keyframes lightFlicker{0%{opacity:0}12%{opacity:.7}22%{opacity:.1}34%{opacity:.9}46%{opacity:.35}60%{opacity:1}to{opacity:1}}.lever{cursor:pointer;background:0 0;border:none;padding:0;line-height:0;display:block;overflow:visible}.lever svg{overflow:visible}.lever:focus-visible{outline:1px solid var(--border-strong);outline-offset:2px;border-radius:6px}.lever-base{fill:#141414;stroke:rgba(var(--text-rgb), .16);stroke-width:1px}.lever-pivot{fill:#2c2c2c;stroke:rgba(var(--text-rgb), .22);stroke-width:.8px}.lever-rod{stroke:rgba(var(--text-rgb), .45);stroke-width:2.6px;stroke-linecap:round}.lever-knob{fill:#2a2a2a;stroke:rgba(var(--text-rgb), .3);stroke-width:1px;transition:fill .2s,filter .2s}.lever-arm{transform-box:view-box;transform-origin:8px 24px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);transform:rotate(38deg)}.lever.is-on .lever-arm{transform:rotate(-38deg)}.lever.is-on .lever-knob{fill:#fff3e0;stroke:#fff3e099;filter:drop-shadow(0 0 4px #ffeccdcc)}@media (hover:hover){.lever:hover .lever-rod{stroke:rgba(var(--text-rgb), .65)}}.oiia-cat{filter:brightness(.88)drop-shadow(0 10px 24px #0009);animation:.5s cubic-bezier(.34,1.4,.64,1) both catIn}.oiia-cat.is-leaving{animation:.3s ease-in forwards catOut}@keyframes catIn{0%{opacity:0;transform:translate(-35%,35%)scale(.55)}to{opacity:1;transform:none}}@keyframes catOut{to{opacity:0;transform:translate(-35%,35%)scale(.55)}}.social-link{color:var(--text-faint);transition:color .18s ease, transform .25s var(--ease-out);display:inline-block}@media (hover:hover){.social-link:hover{color:var(--link-color);transform:translateY(-2px)}}.feed-container{max-width:480px;margin:0 auto}.feed-layout{flex-direction:column;gap:24px;display:flex}@media (width>=768px){.feed-container{max-width:800px}.feed-layout{flex-direction:row}.feed-layout>*{flex:1;min-width:0}.login-hint{display:none}}@media (width<=767px){.login-btn-label{display:none}.login-btn{padding:8px 12px}}@media (prefers-reduced-motion:reduce){.bg-grid{animation:none}.bg-spotlight{display:none}.enter,.enter-fade,.reveal{opacity:1;transition:none;animation:none;transform:none}.pop-in,.pop-in-up,.draw-line,.hotspot-connector,.hotspot-tooltip,.light-ray.is-on{animation:none}.lever-arm{transition:none}.hotspot-pulse{opacity:0;animation:none}}