@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_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)}