*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0a0a0f;--color-surface:#13131a;--color-surface-hover:#1a1a24;--color-surface-elevated:#1e1e2e;--color-border:#1e1e2e;--color-border-subtle:#16161f;--color-accent:#6c5ce7;--color-accent-light:#a29bfe;--color-accent-glow:rgba(108,92,231,.3);--color-accent-surface:rgba(108,92,231,.1);--color-success:#00e676;--color-success-surface:rgba(0,230,118,.1);--color-warning:#ffab40;--color-warning-surface:rgba(255,171,64,.1);--color-danger:#ff5252;--color-danger-surface:rgba(255,82,82,.1);--color-text:#e4e4ed;--color-text-muted:#7c7c8f;--color-text-subtle:#55556a;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--radius:12px;--radius-lg:20px;--sidebar-width:240px;--sidebar-mobile-width:280px;--header-height:60px;--transition-fast:0.15s ease;--transition-medium:0.3s ease}@media (max-width:768px){:root{--sidebar-width:0px}}body,html{height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes capsule-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes capsule-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes capsule-shake{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-3px) rotate(-2deg)}75%{transform:translateX(3px) rotate(2deg)}}@keyframes capsule-idle{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-2px) rotate(-1deg)}75%{transform:translateY(-2px) rotate(1deg)}}@keyframes arm-wave-left{0%,to{transform:rotate(0deg)}50%{transform:rotate(-15deg)}}@keyframes arm-wave-right{0%,to{transform:rotate(0deg)}50%{transform:rotate(15deg)}}@keyframes arm-sway{0%,to{transform:rotate(0deg)}50%{transform:rotate(5deg)}}@keyframes float-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glow-ring{0%,to{box-shadow:0 0 20px rgba(108,92,231,.2)}50%{box-shadow:0 0 40px rgba(108,92,231,.4)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes speech-bubble{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.step-indicator{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:40px}.step-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);transition:all var(--transition-medium)}.step-dot.active{background:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow);transform:scale(1.2)}.step-dot.completed{background:var(--color-success)}.step-line{width:32px;height:2px;background:var(--color-border);transition:background var(--transition-medium)}.step-line.completed{background:var(--color-success)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;animation:fade-in .2s ease}.mobile-toggle{display:none;position:fixed;top:15px;left:15px;z-index:1000;background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text);width:40px;height:40px;border-radius:10px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2)}@media (max-width:768px){.mobile-toggle{display:flex}.desktop-only{display:none!important}}