:root{--bg:#09090b;--text-main:#f8fafc;--text-muted:#a1a1aa;--accent:#818cf8;--accent-2:#c084fc;--accent-rgb:129, 140, 248;--card-bg:#ffffff08;--card-border:#ffffff14;--card-border-hover:#ffffff26;--card-shadow:#0003;--switcher-bg:#18181b99;--link-bg:#ffffff08;--link-bg-hover:#ffffff14;--surface-hover:#ffffff0d;--bg-glow-1:#4c1d9540;--bg-glow-2:#1e3a8a2e;--shadow-color:#0003;--avatar-bg:#1f2937}[data-theme=light]{--bg:#f8fafc;--text-main:#09090b;--text-muted:#52525b;--accent:#4f46e5;--accent-2:#9333ea;--accent-rgb:79, 70, 229;--card-bg:#00000008;--card-border:#00000014;--card-border-hover:#0003;--card-shadow:#00000014;--switcher-bg:#ffffffb3;--link-bg:#00000008;--link-bg-hover:#00000014;--surface-hover:#0000000d;--bg-glow-1:transparent;--bg-glow-2:transparent;--shadow-color:#0000001a;--avatar-bg:#e4e4e7}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes spin-ring{to{transform:rotate(360deg)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}:root{--shell-bg:#09090b;--shell-text:#f8fafc;--shell-muted:#a1a1aa;--shell-accent:#818cf8;--shell-card-bg:#ffffff08;--shell-border:#ffffff14}[data-theme=light]{--shell-bg:#f8fafc;--shell-text:#09090b;--shell-muted:#52525b;--shell-accent:#4f46e5;--shell-card-bg:#00000008;--shell-border:#00000014}html{transition:background-color .3s,color .3s;overflow-x:hidden}body{background:radial-gradient(circle at 80% 5%, var(--bg-glow-1), transparent 35%), radial-gradient(circle at 20% 25%, var(--bg-glow-2), transparent 40%), var(--bg);color:var(--text-main);-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.8}#canvas-bg,#boids-canvas{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}#canvas-bg{opacity:.55}.theme-switch{z-index:100;background:var(--switcher-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);border-radius:9999px;padding:.3rem;display:flex;position:fixed;top:1.5rem;right:9.5rem}.theme-switch button{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s;display:flex;position:relative}.theme-switch button:hover{transform:scale(1.05)}.theme-switch .icon-light,.theme-switch .icon-dark{transition:opacity .3s,transform .3s;position:absolute}.theme-switch .icon-light{opacity:0;transform:rotate(-90deg)}.theme-switch .icon-dark,[data-theme=light] .theme-switch .icon-light,.theme-switch.is-light .icon-light{opacity:1;transform:rotate(0)}[data-theme=light] .theme-switch .icon-dark,.theme-switch.is-light .icon-dark{opacity:0;transform:rotate(90deg)}.music-control{z-index:100;border:1px solid var(--card-border);background:var(--card-bg);width:2.75rem;height:2.75rem;color:var(--text-main);cursor:pointer;-webkit-backdrop-filter:blur(16px);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.music-control:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.08)}.music-control .icon-play,.music-control .icon-pause{transition:opacity .3s,transform .3s;position:absolute}.music-control .icon-play{opacity:1;transform:scale(1)}.music-control .icon-pause,.music-control.playing .icon-play{opacity:0;transform:scale(.7)}.music-control.playing .icon-pause{opacity:1;transform:scale(1)}[data-route=\/] .music-control{display:none}@media (width<=640px){.theme-switch{top:4.5rem;right:1rem}}
