:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--axis-bg:#0b0c10;--axis-bg-rgb:11,12,16;--axis-surface:#0e0c16;--axis-panel:#111118;--axis-accent:#66fcf1;--axis-accent-rgb:102,252,241;--axis-gold:#e8833a;--axis-gold-rgb:197,160,89;--axis-green:#45f5b0;--axis-green-rgb:69,245,176;--axis-pink:#ff2a6d;--axis-pink-rgb:255,42,109;--axis-bronze:#cd7f32;--axis-bronze-rgb:205,127,50;--axis-red:#f44;--axis-red-rgb:255,68,68;--axis-purple:#a78bfa;--axis-purple-rgb:167,139,250;--axis-orange:#f97316;--axis-orange-rgb:249,115,22;--axis-text:#f0efed;--axis-text-dim:#ffffff59;--axis-text-muted:#ffffff80;--axis-text-ghost:#ffffff40;--axis-border:#ffffff0f;--axis-card:#ffffff05;--axis-hover:#ffffff0d;--vibe-backdrop:blur(16px);--vibe-border:1px solid #ffffff14;--vibe-shadow:0 8px 32px #0006;--vibe-card-bg:#ffffff08;--vibe-card-hover:#ffffff0f;--vibe-transition:all .3s cubic-bezier(.25, .8, .25, 1);--vibe-noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");--vibe-font-en:"Outfit", "Inter", system-ui, sans-serif;--vibe-font-zh:"PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--vibe-font-mono:"JetBrains Mono", "Fira Code", ui-monospace, Consolas, monospace;--vibe-font-stack:-apple-system, "PingFang SC", "Outfit", system-ui, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:20px;--radius-full:50%;--font-xs:clamp(.51rem, .9vw, .64rem);--font-sm:clamp(.58rem, 1.2vw, .72rem);--font-base:clamp(.67rem, 1.5vw, .83rem);--font-lg:clamp(.88rem, 1.8vw, 1.12rem);--font-xl:clamp(.96rem, 2.2vw, 1.28rem);--font-2xl:clamp(1.2rem, 3vw, 1.6rem);--sidebar-width:280px;--sidebar-bg:var(--axis-surface);--content-max-width:1000px;--card-padding:var(--space-lg);--card-radius:var(--radius-lg);--card-bg:var(--vibe-card-bg);--card-border:var(--vibe-border);--card-shadow:var(--vibe-shadow);--card-backdrop:var(--vibe-backdrop);--tab-active-bg:var(--axis-accent);--tab-active-color:var(--axis-bg);--tab-inactive-bg:var(--axis-card);--tab-inactive-color:var(--axis-text-dim);--obsidian-black:#000;--cyan-light:#0ff;--bronze-gold:#cd7f32;--sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--heading:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", "Fira Code", ui-monospace, Consolas, monospace;font:22px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:18px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0;overflow:hidden}#root{background-color:var(--axis-bg);background-image:radial-gradient(circle at 15% 50%, #66fcf10d 0%, transparent 40%), radial-gradient(circle at 85% 30%, #cd7f320d 0%, transparent 40%), var(--vibe-noise);background-attachment:fixed;width:100%;height:100dvh;min-height:100dvh;overflow:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{color:#0ff!important;letter-spacing:normal!important;-webkit-text-fill-color:#0ff!important;background:0 0!important;background-clip:unset!important;-webkit-background-clip:unset!important;margin:0 0 8px!important;font-size:32px!important;font-weight:700!important}h2{letter-spacing:-.24px;margin:0 0 8px;line-height:118%;color:#a0b8c8!important;font-size:18px!important}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@media (pointer:coarse){button,a,[role=button]{min-width:48px;min-height:48px;padding:12px}}input:not(.piggy-input),textarea:not(.piggy-input),button:not(.piggy-btn),.btn:not(.piggy-btn){font-size:16px!important;font-family:var(--sans)!important}input:not(.piggy-input)::-moz-placeholder{font-size:16px!important}textarea:not(.piggy-input)::-moz-placeholder{font-size:16px!important}input:not(.piggy-input)::placeholder,textarea:not(.piggy-input)::placeholder{font-size:16px!important}@keyframes pulse-slow{0%{opacity:.15;transform:scale(.98)}50%{opacity:.35;transform:scale(1.02)}to{opacity:.15;transform:scale(.98)}}.animate-pulse-slow{animation:8s ease-in-out infinite pulse-slow}@supports (padding:env(safe-area-inset-bottom)){.global-nav-wrapper{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}}@media (width<=640px){:root{--sidebar-width:0px;font-size:16px}nav[style]{gap:.08rem!important;padding:.2rem .25rem!important}[style*=backdrop-filter]{-webkit-backdrop-filter:blur(10px)!important}div[style*="flexDirection: row"][style*="position: fixed"]{flex-direction:column!important}div[style*="flexDirection: row"][style*="position: fixed"]>div:first-child{border-bottom:1px solid #ffffff0f!important;border-right:none!important;flex-direction:row!important;gap:.4rem!important;width:100%!important;max-height:60px!important;padding:.5rem!important;overflow:auto hidden!important}div[style*="flexDirection: row"][style*="position: fixed"]>div:first-child button{white-space:nowrap!important;min-height:36px!important;padding:.5rem .8rem!important;font-size:.72rem!important}div[style*="flexDirection: row"][style*="position: fixed"]>div:nth-child(2){padding:1rem!important}div[style*="maxWidth: 680px"]{max-width:100%!important;padding:0 .5rem!important}div[style*="maxWidth: 420px"],div[style*="maxWidth: 480px"],div[style*="maxWidth: 520px"]{max-width:calc(100vw - 2rem)!important;margin:0 1rem!important}}@media (width>=641px) and (width<=1024px){:root{font-size:18px}}@media (height<=500px) and (orientation:landscape){#root{overflow-y:auto}}.no-select{-webkit-user-select:none;user-select:none}*{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}input:not([type=checkbox]):not([type=radio]),textarea,select{color:#e0f0ff!important;background:#0f2040!important;border:1px solid #1a4060!important;border-radius:8px!important}input::-moz-placeholder{color:#e0f0ff4d!important;font-weight:400!important}textarea::-moz-placeholder{color:#e0f0ff4d!important;font-weight:400!important}input::placeholder,textarea::placeholder{color:#e0f0ff4d!important;font-weight:400!important}input:focus,textarea:focus,select:focus{border-color:#00d4ff!important;outline:none!important;box-shadow:0 0 0 2px #00d4ff26!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}button,[role=button]{transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s,background .2s,color .15s!important}button:hover:not(:disabled),[role=button]:hover:not(:disabled){box-shadow:0 0 12px #66fcf11f,0 4px 12px #0000004d!important}button:active:not(:disabled),[role=button]:active:not(:disabled){transition-duration:60ms!important;transform:scale(.97)translateY(1px)!important;box-shadow:0 1px 4px #0006,inset 0 1px 3px #0003!important}[style*="cursor: pointer"],[style*=cursor\:pointer]{transition:transform .15s,box-shadow .2s,border-color .25s!important}@keyframes juicy-pulse{0%{box-shadow:0 0 #45f5b066}70%{box-shadow:0 0 0 12px #45f5b000}to{box-shadow:0 0 #45f5b000}}.juicy-success{animation:.6s ease-out juicy-pulse}@keyframes juiceShakeCorrect{0%{transform:translate(0)}20%{transform:translate(-3px)translateY(-2px)}40%{transform:translate(3px)translateY(1px)}60%{transform:translate(-2px)}80%{transform:translate(1px)}to{transform:translate(0)}}@keyframes juiceShakeWrong{0%{transform:translate(0)}15%{transform:translate(-6px)rotate(-.5deg)}30%{transform:translate(6px)rotate(.5deg)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}to{transform:translate(0)rotate(0)}}@keyframes juiceComboGlow{0%{text-shadow:0 0 5px #ffd70080}50%{text-shadow:0 0 20px #ffd700cc,0 0 40px #ffd7004d}to{text-shadow:0 0 5px #ffd70080}}@keyframes juiceConfetti{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(-60px)rotate(720deg)scale(0)}}@keyframes juicy-shimmer{0%{background-position:-200%}to{background-position:200%}}.juicy-shimmer{background:linear-gradient(90deg,#0000 0%,#66fcf114 25%,#c5a0591f 50%,#66fcf114 75%,#0000 100%) 0 0/200% 100%;animation:3s ease-in-out infinite juicy-shimmer}[style*=opacity]{transition:opacity .2s!important}input:focus,textarea:focus,select:focus{border-color:#66fcf14d!important;transition:box-shadow .2s,border-color .2s!important;box-shadow:0 0 0 2px #66fcf126,0 0 10px #66fcf114!important}