:root{--accent:#7c5cff;--accent-hover:#6d4ff0;--accent-active:#6243e5;--accent-soft:#a98cff;--accent-bg:#7c5cff1a;--accent-bg-hover:#7c5cff26;--accent-border:#7c5cff52;--bg:#fff;--bg-soft:#f8f8fb;--bg-muted:#f2f1f6;--surface:#fff;--surface-hover:#faf9fd;--surface-raised:#fff;--text:#686370;--text-h:#151219;--text-muted:#918b99;--text-soft:#aaa5b0;--border:#e8e6ec;--border-strong:#d9d6df;--code-bg:#f4f2f7;--social-bg:#f4f3f8b8;--glass:#ffffffc2;--glass-strong:#ffffffe6;--success:#31c96b;--warning:#f0b849;--danger:#ec5b78;--shadow:0 1px 2px #110c1c08, 0 8px 30px #140f2312;--shadow-md:0 4px 12px #110c1c0d, 0 14px 38px #140f2317;--shadow-lg:0 20px 60px #140f231f;--accent-shadow:0 10px 30px #7c5cff3d;--container:1180px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:999px;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--heading:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:18px;font-weight:400;line-height:1.45}html.dark{--accent:#9b7cff;--accent-hover:#ad94ff;--accent-active:#8d6df2;--accent-soft:#c1afff;--accent-bg:#9b7cff1f;--accent-bg-hover:#9b7cff2e;--accent-border:#9b7cff5c;--bg:#111116;--bg-soft:#17171e;--bg-muted:#1c1c24;--surface:#1b1b23;--surface-hover:#22222c;--surface-raised:#202029;--text:#aaa6b3;--text-h:#f7f5fb;--text-muted:#7f7987;--text-soft:#696470;--border:#292832;--border-strong:#393743;--code-bg:#202028;--social-bg:#1e1e27bf;--glass:#111116c2;--glass-strong:#111116eb;--success:#48d27c;--warning:#f3bf57;--danger:#f16c87;--shadow:0 1px 2px #0000003d, 0 10px 35px #00000045;--shadow-md:0 4px 14px #00000040, 0 18px 45px #0000004d;--shadow-lg:0 25px 70px #0000006b;--accent-shadow:0 10px 30px #9b7cff33;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%;width:100%;min-width:320px;min-height:100%;margin:0;padding:0;scroll-padding-top:90px}body{width:100%;min-width:320px;min-height:100svh;color:var(--text);background:var(--bg);font-family:var(--sans);margin:0;padding:0;font-size:1rem;line-height:1.45;transition:background-color .22s,color .22s;overflow-x:hidden}#root{isolation:isolate;width:100%;min-height:100svh;margin:0;padding:0}main{display:block}header,footer,section,article,aside,nav,main{box-sizing:border-box}img,picture,svg,video,canvas{max-width:100%;display:block}img{height:auto}button,input,textarea,select{font:inherit;margin:0}button{border:0}button,a{-webkit-tap-highlight-color:transparent}button:not(:disabled),a{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select,button{color:inherit}textarea{resize:vertical}ul,ol{margin:0;padding:0}li{list-style:none}::selection{color:#fff;background:var(--accent)}::selection{color:#fff;background:var(--accent)}h1,h2,h3,h4,h5,h6{color:var(--text-h);font-family:var(--heading);text-wrap:balance;margin-top:0;font-weight:700}h1{letter-spacing:-.055em;margin-bottom:24px;font-size:clamp(2.8rem,7vw,4.8rem);line-height:1}h2{letter-spacing:-.045em;margin-bottom:18px;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05}h3{letter-spacing:-.025em;margin-bottom:12px;font-size:1.25rem;line-height:1.2}h4{margin-bottom:10px;font-size:1.05rem;line-height:1.25}p{color:var(--text);margin-top:0;margin-bottom:0}strong,b{font-weight:700}small{font-size:.8rem}a{color:inherit;text-decoration:none}:focus{outline:none}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 38%, transparent);outline-offset:3px}code,pre,kbd,samp{font-family:var(--mono)}code{color:var(--text-h);background:var(--code-bg);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:.82rem;line-height:1.35;display:inline-flex}pre{width:100%;color:var(--text-h);background:var(--code-bg);border:1px solid var(--border);border-radius:14px;margin:20px 0;padding:18px;overflow-x:auto}pre code{background:0 0;border:0;padding:0}.container{width:min(var(--container), calc(100% - 40px));margin-left:auto;margin-right:auto}.card{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s}.card:hover{background:var(--surface-hover);border-color:var(--border-strong)}.button,.button-primary,.button-secondary,.button-ghost{min-height:44px;font-family:var(--sans);border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:.78rem;font-weight:700;text-decoration:none;transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.button-primary{color:#fff;background:var(--accent);border:1px solid var(--accent);box-shadow:var(--accent-shadow)}.button-primary:hover{color:#fff;background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.button-primary:active{background:var(--accent-active);transform:translateY(0)}.button-secondary{color:var(--text-h);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.button-secondary:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.button-ghost{color:var(--text);background:0 0;border:1px solid #0000}.button-ghost:hover{color:var(--text-h);background:var(--bg-soft);border-color:var(--border)}input,textarea,select{width:100%;color:var(--text-h);background:var(--surface);border:1px solid var(--border);border-radius:11px;transition:background-color .18s,border-color .18s,box-shadow .18s}input,select{min-height:44px;padding:0 13px}textarea{min-height:120px;padding:12px 13px}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input:hover,textarea:hover,select:hover{border-color:var(--border-strong)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 13%, transparent)}.theme-toggle{width:42px;height:42px;color:var(--text-h);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0;transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.theme-toggle:hover{color:var(--accent);background:var(--surface-hover);border-color:var(--accent-border);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle svg{flex-shrink:0;width:19px;height:19px}.badge{min-height:28px;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius-full);justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:.68rem;font-weight:750;display:inline-flex}.divider{background:var(--border);width:100%;height:1px;margin:24px 0}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--text-muted) 65%, transparent);background-clip:padding-box;border:3px solid #0000}.text-accent{color:var(--accent)}.text-heading{color:var(--text-h)}.text-muted{color:var(--text-muted)}.bg-page{background:var(--bg)}.bg-soft{background:var(--bg-soft)}.bg-surface{background:var(--surface)}.shadow{box-shadow:var(--shadow)}.shadow-lg{box-shadow:var(--shadow-lg)}@keyframes bopzy-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bopzy-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bopzy-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite bopzy-spin}.skeleton{background:var(--bg-muted);border-radius:8px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--surface) 65%, transparent), transparent);animation:1.5s infinite bopzy-skeleton;position:absolute;inset:0;transform:translate(-100%)}@keyframes bopzy-skeleton{to{transform:translate(100%)}}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.page{min-height:calc(100svh - 74px)}body,.card,input,textarea,select,.theme-toggle{transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease}@media (width<=1024px){:root{font-size:17px}.container{width:calc(100% - 32px)}}@media (width<=768px){:root{font-size:16px}html{scroll-padding-top:78px}.container{width:calc(100% - 28px)}h1{letter-spacing:-.045em}h2{letter-spacing:-.035em}.page{min-height:calc(100svh - 68px)}}@media (width<=480px){.container{width:calc(100% - 24px)}.button,.button-primary,.button-secondary,.button-ghost{min-height:46px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{:root,html.dark{--bg:#fff;--bg-soft:#fff;--surface:#fff;--text:#333;--text-h:#000;--border:#ddd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:#fff}}