*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0a1a;--surface:hsla(0,0%,100%,.08);--surface-solid:rgba(20,14,36,.85);--border:hsla(0,0%,100%,.1);--text:#f0eef5;--text-muted:#9d95b8;--primary:#a855f7;--primary-hover:#c084fc;--danger:#fb7185;--success:#34d399;--warning:#fbbf24;--gray:#78718d;--radius:12px;--glow-purple:rgba(168,85,247,.3);--glow-pink:rgba(236,72,153,.3);--gradient-accent:linear-gradient(135deg,#a855f7,#ec4899,#f97316);--gradient-surface:linear-gradient(135deg,rgba(168,85,247,.08),rgba(236,72,153,.05))}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh}body:before{animation:meshShift 20s ease-in-out infinite alternate;background:radial-gradient(ellipse at 20% 20%,rgba(168,85,247,.25) 0,transparent 50%),radial-gradient(ellipse at 80% 10%,rgba(236,72,153,.2) 0,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(6,182,212,.2) 0,transparent 50%),radial-gradient(ellipse at 10% 70%,rgba(249,115,22,.15) 0,transparent 50%);content:"";inset:0;position:fixed;z-index:-1}@keyframes meshShift{0%{background:radial-gradient(ellipse at 20% 20%,rgba(168,85,247,.25) 0,transparent 50%),radial-gradient(ellipse at 80% 10%,rgba(236,72,153,.2) 0,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(6,182,212,.2) 0,transparent 50%),radial-gradient(ellipse at 10% 70%,rgba(249,115,22,.15) 0,transparent 50%)}50%{background:radial-gradient(ellipse at 50% 50%,rgba(168,85,247,.2) 0,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(236,72,153,.25) 0,transparent 50%),radial-gradient(ellipse at 80% 60%,rgba(6,182,212,.25) 0,transparent 50%),radial-gradient(ellipse at 70% 20%,rgba(249,115,22,.2) 0,transparent 50%)}to{background:radial-gradient(ellipse at 70% 30%,rgba(168,85,247,.3) 0,transparent 50%),radial-gradient(ellipse at 30% 60%,rgba(236,72,153,.15) 0,transparent 50%),radial-gradient(ellipse at 40% 10%,rgba(6,182,212,.2) 0,transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(249,115,22,.25) 0,transparent 50%)}}.loading-screen{align-items:center;color:var(--text-muted);display:flex;font-size:1.1rem;height:100vh;justify-content:center}.app-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-solid);border-bottom:1px solid var(--border);display:flex;gap:.35rem;padding:.6rem 1.5rem}.app-nav a{border-radius:8px;color:var(--text-muted);font-size:.85rem;font-weight:500;padding:.4rem .85rem;text-decoration:none;transition:all .2s}.app-nav a:hover{background:#a855f726;color:var(--text)}.app-nav a.active{background:var(--gradient-accent);box-shadow:0 2px 12px var(--glow-purple);color:#fff}html.sunburn{--bg:#f3e8ff;--surface:rgba(147,51,234,.12);--surface-solid:rgba(250,240,255,.95);--border:rgba(147,51,234,.3);--text:#2e0854;--text-muted:#6b21a8;--primary:#7c3aed;--primary-hover:#6d28d9;--danger:#c026d3;--success:#7c3aed;--warning:#a855f7;--gray:#9333ea;--radius:12px;--glow-purple:rgba(147,51,234,.5);--glow-pink:rgba(192,132,252,.5);--gradient-accent:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);--gradient-surface:linear-gradient(135deg,rgba(147,51,234,.1),rgba(192,132,252,.08))}html.sunburn body{background:#f3e8ff}html.sunburn body:before{animation:sunburnPulse 3s ease-in-out infinite alternate!important;background:radial-gradient(ellipse at 20% 20%,rgba(147,51,234,.35) 0,transparent 50%),radial-gradient(ellipse at 80% 10%,rgba(192,132,252,.3) 0,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(124,58,237,.25) 0,transparent 50%),radial-gradient(ellipse at 10% 70%,rgba(167,139,250,.3) 0,transparent 50%)!important}@keyframes sunburnPulse{0%{filter:brightness(1) saturate(1.2)}50%{filter:brightness(1.05) saturate(1.5)}to{filter:brightness(1.1) saturate(1.8)}}.physics-cursor{filter:drop-shadow(1px 2px 2px rgba(0,0,0,.35));left:0;pointer-events:none;position:fixed;top:0;will-change:transform;z-index:10001}.rotate-handle{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1.5px solid hsla(0,0%,100%,.2);border-radius:50%;bottom:48px;box-shadow:0 2px 12px #0003;color:var(--text-muted);cursor:grab;display:flex;height:48px;justify-content:center;position:fixed;right:48px;touch-action:none;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:48px;z-index:10000}.rotate-handle:hover{background:#fff3;border-color:#ffffff59;box-shadow:0 4px 20px #a855f74d;color:var(--text);transform:scale(1.08)}.rotate-handle.active{background:var(--gradient-accent);border-color:transparent;box-shadow:0 4px 24px #a855f780;color:#fff;cursor:grabbing;transform:scale(1.15)}.rotate-readout{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;bottom:104px;color:var(--text-muted);font-family:SF Mono,Fira Code,monospace;font-size:13px;font-weight:600;opacity:0;padding:4px 10px;pointer-events:none;position:fixed;right:40px;transform:translateY(6px);transition:opacity .3s,transform .3s;z-index:10000}.rotate-readout.visible{opacity:1;transform:translateY(0)}.rotate-readout.perfect{border-color:var(--success);box-shadow:0 0 12px #34d3994d;color:var(--success)}html.sunburn .rotate-handle{background:#9333ea26;border-color:#9333ea59;color:#6b21a8}html.sunburn .rotate-handle:hover{background:#9333ea40;box-shadow:0 4px 20px #9333ea4d}html.sunburn .rotate-handle.active{background:var(--gradient-accent);box-shadow:0 4px 24px #9333ea80;color:#fff}.rabbit-overlay{align-items:center;animation:rabbitFadeIn .4s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:20000}@keyframes rabbitFadeIn{0%{opacity:0}to{opacity:1}}.rabbit-dialog{animation:rabbitBounceIn .5s cubic-bezier(.34,1.56,.64,1);background:var(--surface-solid,rgba(20,14,36,.95));border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 80px #00000080;max-width:420px;padding:2.5rem 2.5rem 2rem;text-align:center;width:90%}@keyframes rabbitBounceIn{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.rabbit-img{border-radius:16px;height:180px;margin-bottom:1.2rem;-o-object-fit:contain;object-fit:contain;width:180px}.rabbit-dialog h2{color:var(--text);font-size:1.4rem;font-weight:700;margin-bottom:.4rem}.rabbit-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.rabbit-form{display:flex;flex-direction:column;gap:.8rem}.rabbit-input{background:var(--surface);border:1.5px solid var(--border);border-radius:10px;color:var(--text);font-size:1rem;outline:none;padding:.7rem 1rem;transition:border-color .2s}.rabbit-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--glow-purple,rgba(168,85,247,.2))}.rabbit-error{animation:rabbitShake .4s ease;background:#fb71851a;border:1px solid rgba(251,113,133,.2);border-radius:8px;color:var(--danger);font-size:.85rem;font-weight:500;padding:.5rem .8rem}@keyframes rabbitShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.rabbit-btn{background:var(--gradient-accent);border:none;border-radius:10px;box-shadow:0 2px 12px var(--glow-purple,rgba(168,85,247,.3));color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.7rem 1.5rem;transition:all .2s}.rabbit-btn:hover{box-shadow:0 4px 20px var(--glow-purple,rgba(168,85,247,.4));transform:translateY(-1px)}.rabbit-btn:active{transform:translateY(0)}