@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Syne:wght@400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#dde0e8;--surface:#e8eaf1;--surface2:#e0e3ec;--surface3:#d4d7e2;--border:rgba(0,0,0,0.10);--border2:rgba(0,0,0,0.16);--text:#111827;--text2:#4b5563;--text3:#5e6578;--accent:#059669;--accent-dim:rgba(5,150,105,0.12);--accent-glow:rgba(5,150,105,0.22);--err:#dc2626;--err-dim:rgba(220,38,38,0.08);--warn:#d97706;--radius:8px;--radius-lg:12px;--font-mono:"JetBrains Mono",monospace;--font-ui:"Syne",sans-serif;--clr-indigo:#4f46e5;--clr-violet:#7c3aed;--clr-purple:#7c3aed;--clr-violet-dk:#6d28d9}[data-theme=dark]{--bg:#0e0f11;--surface:#16181d;--surface2:#1d2028;--surface3:#252830;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.12);--text:#e8eaf0;--text2:#8b90a0;--text3:#50556a;--accent:#4ade9e;--accent-dim:rgba(74,222,158,0.12);--accent-glow:rgba(74,222,158,0.25);--err:#ff6b6b;--err-dim:rgba(255,107,107,0.1);--warn:#fbbf24;--clr-indigo:#818cf8;--clr-violet:#a78bfa;--clr-purple:#a855f7;--clr-violet-dk:#8b5cf6}body.sidebar-left-collapsed [class*=mainWrap]{margin-left:0!important;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}body,html{min-height:100%;overflow-x:clip;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:13px}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}#freelancer-tools,#learn-to-code,#tools{scroll-margin-top:24px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}input[type=range]{color-scheme:light dark;vertical-align:middle}.j-key{color:#0550ae}.j-str{color:#b45309}.j-num{color:#1d4ed8}.j-bool{color:#7c3aed}.j-null{color:#6b7280}.j-punct{color:#374151}.j-search{background:rgba(59,130,246,.2);border-radius:2px;color:#1d4ed8}.j-search-current{background:rgba(251,146,60,.6);border-radius:2px;color:inherit}[data-theme=dark] .j-key{color:#7dd3fc}[data-theme=dark] .j-str{color:#86efac}[data-theme=dark] .j-num{color:#fda4af}[data-theme=dark] .j-bool{color:#c4b5fd}[data-theme=dark] .j-null{color:#94a3b8}[data-theme=dark] .j-punct{color:#64748b}[data-theme=dark] .j-search{background:rgba(253,224,71,.28);color:inherit}.sql-cl{color:#0550ae;font-weight:600}.sql-kw{color:#1d4ed8}.sql-st{color:#b45309}.sql-nm{color:#1d4ed8}.sql-cm{color:#6b7280;font-style:italic}.sql-id{color:#7c3aed}.sql-br,.sql-op,.sql-pu{color:#374151}[data-theme=dark] .sql-cl{color:#60a5fa}[data-theme=dark] .sql-kw{color:#93c5fd}[data-theme=dark] .sql-st{color:#86efac}[data-theme=dark] .sql-nm{color:#fda4af}[data-theme=dark] .sql-cm{color:#4a5568}[data-theme=dark] .sql-id{color:#c4b5fd}[data-theme=dark] .sql-op{color:#94a3b8}[data-theme=dark] .sql-br,[data-theme=dark] .sql-pu{color:#64748b}.c-kw{color:#7c3aed}.c-prop{color:#0550ae}.c-val{color:#0f766e}.c-comment{color:#6b7280}[data-theme=dark] .c-kw{color:#c792ea}[data-theme=dark] .c-prop{color:#82aaff}[data-theme=dark] .c-val{color:#d4f064}[data-theme=dark] .c-comment{color:#50556a}.hl-tag{color:#f97316;font-weight:600}.hl-attr{color:#2563eb}.hl-val{color:#16a34a}.hl-eq,.hl-punct,.hl-slash{color:var(--text3,#888)}.hl-text{color:var(--text2,#444)}[data-theme=dark] .hl-tag{color:#fb923c}[data-theme=dark] .hl-attr{color:#60a5fa}[data-theme=dark] .hl-val{color:#4ade80}.rjx-kw{color:#9333ea}.rjx-hook{color:#2563eb}.rjx-str,.rjx-val{color:#16a34a}.rjx-num{color:#dc2626}.rjx-cm{color:#6b7280;font-style:italic}.rjx-tag{color:#ea580c;font-weight:600}.rjx-comp{color:#0891b2;font-weight:600}.rjx-attr{color:#2563eb}.rjx-brace{color:#374151}.rjx-punct{color:#6b7280}[data-theme=dark] .rjx-kw{color:#c084fc}[data-theme=dark] .rjx-hook{color:#60a5fa}[data-theme=dark] .rjx-str,[data-theme=dark] .rjx-val{color:#4ade80}[data-theme=dark] .rjx-num{color:#fda4af}[data-theme=dark] .rjx-cm{color:#4b5563}[data-theme=dark] .rjx-tag{color:#fb923c}[data-theme=dark] .rjx-comp{color:#67e8f9}[data-theme=dark] .rjx-attr{color:#93c5fd}[data-theme=dark] .rjx-brace{color:#9ca3af}.cp-cm,[data-theme=dark] .rjx-punct{color:#6b7280}.cp-cm{font-style:italic}.cp-at{color:#7c3aed;font-weight:600}.cp-cls{color:#2563eb}.cp-id{color:#dc2626}.cp-ps{color:#0891b2}.cp-prop{color:#0550ae}.cp-num{color:#dc2626}.cp-str{color:#b45309}.cp-color{color:#059669}.cp-var{color:#0891b2}.cp-br{color:#374151}.cp-pu{color:#6b7280}[data-theme=dark] .cp-cm{color:#4b5563}[data-theme=dark] .cp-at{color:#c084fc}[data-theme=dark] .cp-cls{color:#60a5fa}[data-theme=dark] .cp-id{color:#fda4af}[data-theme=dark] .cp-ps{color:#67e8f9}[data-theme=dark] .cp-prop{color:#7dd3fc}[data-theme=dark] .cp-num{color:#fda4af}[data-theme=dark] .cp-str{color:#fcd34d}[data-theme=dark] .cp-color{color:#4ade80}[data-theme=dark] .cp-var{color:#67e8f9}[data-theme=dark] .cp-br{color:#64748b}[data-theme=dark] .cp-pu{color:#4b5563}.cp-sel{color:#2563eb}.cp-semi{color:#374151}[data-theme=dark] .cp-sel{color:#60a5fa}[data-theme=dark] .cp-semi{color:#64748b}.js-kw{color:#7c3aed;font-weight:600}.js-str{color:#16a34a}.js-num{color:#dc2626}.js-cm{color:#6b7280;font-style:italic}[data-theme=dark] .js-kw{color:#a78bfa;font-weight:600}[data-theme=dark] .js-str{color:#4ade80}[data-theme=dark] .js-num{color:#fb923c}[data-theme=dark] .js-cm{color:#4b5563;font-style:italic}.cm-comment{color:#166534}.cm-at{color:#7c3aed}.cm-sel{color:#0891b2}.cm-prop{color:#1d4ed8}.cm-val{color:#b45309}.cm-num{color:#15803d}.cm-punct{color:#374151}.cm-imp{color:#dc2626}.cm-colon{color:var(--text2)}[data-theme=dark] .cm-comment{color:#6a9955}[data-theme=dark] .cm-at{color:#c586c0}[data-theme=dark] .cm-sel{color:#4ec9b0}[data-theme=dark] .cm-prop{color:#9cdcfe}[data-theme=dark] .cm-val{color:#ce9178}[data-theme=dark] .cm-num{color:#b5cea8}[data-theme=dark] .cm-punct{color:#6b7280}[data-theme=dark] .cm-imp{color:#f87171}[data-theme=dark] .cm-colon{color:#d4d4d4}.hj-tag{color:#0369a1}.hj-attrN{color:#7c3aed}.hj-attrV{color:#b45309}.hj-expr{color:#dc2626}.hj-cmt{color:#6b7280;font-style:italic}.hj-punct{color:#374151}.hj-text{color:#1f2937}[data-theme=dark] .hj-tag{color:#4ec9b0}[data-theme=dark] .hj-attrN{color:#9cdcfe}[data-theme=dark] .hj-attrV{color:#ce9178}[data-theme=dark] .hj-expr{color:#c586c0}[data-theme=dark] .hj-cmt{color:#6a9955}[data-theme=dark] .hj-punct{color:#6b7280}[data-theme=dark] .hj-text{color:#d4d4d4}@keyframes spinCCW{to{transform:rotate(-1turn)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}.layout_appLayout__pMcjb{display:flex;align-items:flex-start;min-height:100vh;height:100%;transition:all .25s cubic-bezier(.4,0,.2,1)}.layout_mainWrap__Vr_M9{min-width:0;min-height:100vh;margin-left:161px;margin-right:0}.layout_mainWrap__Vr_M9,.layout_main__mXTwS{flex:1 1;display:flex;flex-direction:column}@media (max-width:768px){.layout_appLayout__pMcjb{display:block}.layout_mainWrap__Vr_M9{width:100%;min-height:100dvh;margin-left:0;margin-right:0}}.styles_banner__m2QfS{--cc-surface:#ffffff;--cc-text:#1e293b;--cc-text-muted:#64748b;--cc-primary:#4f46e5;--cc-primary-hover:#4338ca;--cc-primary-text:#ffffff;--cc-border:#e2e8f0;--cc-outline-hover:#f1f5f9;--cc-link:#4f46e5;--cc-icon-bg:#eef2ff;--cc-focus-ring:#6366f1;--cc-radius:18px;--cc-radius-btn:10px;--cc-shadow:0 12px 40px -8px rgba(15,23,42,.25),0 4px 12px -4px rgba(15,23,42,.12);--cc-ease:cubic-bezier(.16,1,.3,1);position:fixed;bottom:20px;left:20px;z-index:1200;width:360px;max-width:calc(100vw - 40px);background:var(--cc-surface);color:var(--cc-text);border:1px solid var(--cc-border);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);padding:22px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;opacity:0;transform:translateY(16px);transition:opacity .45s var(--cc-ease),transform .45s var(--cc-ease)}.styles_visible__50foU{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.styles_banner__m2QfS{transition:opacity .2s ease;transform:none}}.styles_head__zl_YK{display:flex;align-items:center;gap:11px;margin-bottom:12px}.styles_icon__4I3jF{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;color:var(--cc-primary);background:var(--cc-icon-bg);border-radius:12px}.styles_title__dMwwP{margin:0;font-size:1.0625rem;font-weight:700;color:var(--cc-text)}.styles_desc__AXJfT{margin:0 0 18px;font-size:.875rem;line-height:1.6;color:var(--cc-text-muted)}.styles_link__pBzbl{color:var(--cc-link);font-weight:600;text-decoration:none}.styles_link__pBzbl:hover{text-decoration:underline}.styles_actions__aTqux{display:flex;gap:10px}.styles_btn__8qI3q{flex:1 1;padding:11px 16px;font:inherit;font-size:.875rem;font-weight:600;border-radius:var(--cc-radius-btn);border:1.5px solid transparent;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .08s ease}.styles_btn__8qI3q:active{transform:translateY(1px)}.styles_primary__eiCBc{background:var(--cc-primary);color:var(--cc-primary-text)}.styles_primary__eiCBc:hover{background:var(--cc-primary-hover)}.styles_outline__TfrZQ{background:transparent;color:var(--cc-text);border-color:var(--cc-border)}.styles_outline__TfrZQ:hover{background:var(--cc-outline-hover)}.styles_btn__8qI3q:focus-visible,.styles_link__pBzbl:focus-visible{outline:3px solid var(--cc-focus-ring);outline-offset:2px}@media (max-width:480px){.styles_banner__m2QfS{left:12px;right:12px;bottom:12px;width:auto}}.styles_footer__D62n0{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:30px;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;font-size:10px;color:var(--text3);font-family:var(--font-mono);gap:12px}@media (max-width:640px){.styles_footer__D62n0{flex-direction:column;align-items:flex-start;height:auto;padding:10px 14px;gap:6px}.styles_links__YrzXp{justify-content:flex-start}.styles_tooltip__SbdBA{right:auto;left:0;white-space:normal;max-width:240px}}.styles_copy__lmmgN{white-space:nowrap;flex-shrink:0}.styles_links__YrzXp{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.styles_link__cRPOS{color:var(--text3);text-decoration:none;transition:color .15s;white-space:nowrap}.styles_link__cRPOS:hover{color:var(--accent)}.styles_sep__K7qqa{color:var(--text3);opacity:.4}.styles_disclaimer__ieQPi{color:var(--text3);cursor:default;white-space:nowrap;border-bottom:1px dashed var(--text3);opacity:.6;position:relative}.styles_disclaimer__ieQPi:hover{opacity:1}.styles_disclaimer__ieQPi:hover .styles_tooltip__SbdBA{opacity:1;pointer-events:none;transform:translateY(0)}.styles_tooltip__SbdBA{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--surface2);border:1px solid var(--border2);border-radius:6px;padding:7px 10px;font-size:10px;font-family:var(--font-mono);color:var(--text2);white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s;z-index:50;box-shadow:0 4px 16px rgba(0,0,0,.3)}