:root{--fwlb-font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fwlb-font-family-display:"Georgia","Times New Roman",serif;--fwlb-font-family-mono:"Cascadia Code","SFMono-Regular",Consolas,monospace;--fwlb-space-1:0.25rem;--fwlb-space-2:0.5rem;--fwlb-space-3:0.75rem;--fwlb-space-4:1rem;--fwlb-space-5:1.5rem;--fwlb-space-6:2rem;--fwlb-radius-2xs:0.18rem;--fwlb-radius-xs:0.38rem;--fwlb-radius-sm:0.72rem;--fwlb-radius-md:0.875rem;--fwlb-radius-lg:1.25rem;--fwlb-radius-xl:1.6rem;--fwlb-radius-full:999px;--fwlb-radius-control:var(--fwlb-radius-md);--fwlb-radius-panel:var(--fwlb-radius-lg);--fwlb-radius-pill:var(--fwlb-radius-full);--fwlb-radius-surface:var(--fwlb-radius-panel);--fwlb-radius-section:var(--fwlb-radius-panel);--fwlb-radius-panel-component:var(--fwlb-radius-panel);--fwlb-radius-collapsible-panel:var(--fwlb-radius-panel);--fwlb-radius-chip:var(--fwlb-radius-pill);--fwlb-radius-button:var(--fwlb-radius-control);--fwlb-radius-icon-button:var(--fwlb-radius-pill);--fwlb-radius-control-input:var(--fwlb-radius-control);--fwlb-radius-choice:var(--fwlb-radius-xs);--fwlb-radius-choice-indicator:var(--fwlb-radius-2xs);--fwlb-radius-switch-track:var(--fwlb-radius-pill);--fwlb-radius-switch-thumb:var(--fwlb-radius-pill);--fwlb-radius-range-track:var(--fwlb-radius-pill);--fwlb-radius-range-thumb:var(--fwlb-radius-pill);--fwlb-radius-tabs-list:var(--fwlb-radius-control);--fwlb-radius-tabs-trigger:var(--fwlb-radius-pill);--fwlb-radius-tabs-panel:calc(var(--fwlb-radius-control) + 0.25rem);--fwlb-radius-dialog:calc(var(--fwlb-radius-panel) + 0.1rem);--fwlb-radius-drawer:0;--fwlb-radius-overlay-close:var(--fwlb-radius-pill);--fwlb-radius-feedback-empty:var(--fwlb-radius-panel);--fwlb-radius-feedback-empty-visual:var(--fwlb-radius-pill);--fwlb-radius-feedback-skeleton:0.8rem;--fwlb-radius-feedback-progress:var(--fwlb-radius-pill);--fwlb-radius-feedback-metric:var(--fwlb-radius-panel);--fwlb-radius-feedback-metric-compact:var(--fwlb-radius-sm);--fwlb-surface-base:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(248,250,252,.98));--fwlb-surface-elevated:linear-gradient(180deg,#fff,rgba(241,245,249,.98));--fwlb-surface-muted:rgba(241,245,249,.96);--fwlb-surface-sunken:rgba(226,232,240,.72);--fwlb-overlay:rgba(15,23,42,.44);--fwlb-border-soft:rgba(148,163,184,.28);--fwlb-border-strong:rgba(100,116,139,.4);--fwlb-text-strong:#0f172a;--fwlb-text-soft:#1e293b;--fwlb-text-muted:#64748b;--fwlb-text-accent:#0f766e;--fwlb-text-inverse:#f8fafc;--fwlb-focus-ring:rgba(59,130,246,.24);--fwlb-shadow-panel:0 16px 40px rgba(15,23,42,.08);--fwlb-shadow-soft:0 8px 24px rgba(15,23,42,.06);--fwlb-shadow-floating:0 28px 60px rgba(15,23,42,.14);--fwlb-neutral-50:#f8fafc;--fwlb-neutral-100:#f1f5f9;--fwlb-neutral-200:#e2e8f0;--fwlb-neutral-500:#64748b;--fwlb-neutral-900:#0f172a;--fwlb-neutral-950:#020617;--fwlb-brand-400:#38bdf8;--fwlb-brand-500:#0ea5e9;--fwlb-info-500:#6366f1;--fwlb-success-500:#10b981;--fwlb-warning-500:#f59e0b;--fwlb-danger-500:#ef4444;--fwlb-tone-neutral-bg:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(248,250,252,.98));--fwlb-tone-neutral-fg:#0f172a;--fwlb-tone-neutral-border:rgba(148,163,184,.34);--fwlb-tone-brand-bg:linear-gradient(135deg,rgba(14,165,233,.98),rgba(6,182,212,.94));--fwlb-tone-brand-fg:#effbff;--fwlb-tone-brand-border:rgba(14,165,233,.42);--fwlb-tone-success-bg:linear-gradient(135deg,rgba(16,185,129,.98),rgba(52,211,153,.92));--fwlb-tone-success-fg:#ecfdf5;--fwlb-tone-success-border:rgba(16,185,129,.38);--fwlb-tone-warning-bg:linear-gradient(135deg,rgba(245,158,11,.98),rgba(251,191,36,.92));--fwlb-tone-warning-fg:#1f1300;--fwlb-tone-warning-border:rgba(245,158,11,.42);--fwlb-tone-danger-bg:linear-gradient(135deg,rgba(239,68,68,.98),hsla(0,91%,71%,.92));--fwlb-tone-danger-fg:#fff1f2;--fwlb-tone-danger-border:rgba(239,68,68,.42);--fwlb-tone-info-bg:linear-gradient(135deg,rgba(99,102,241,.98),rgba(129,140,248,.92));--fwlb-tone-info-fg:#eef2ff;--fwlb-tone-info-border:rgba(99,102,241,.38);--fwlb-control-bg:hsla(0,0%,100%,.96);--fwlb-control-bg-hover:#fff;--fwlb-control-border:rgba(148,163,184,.34);--fwlb-control-text:#0f172a;--fwlb-control-placeholder:#94a3b8;--fwlb-control-shadow:inset 0 1px 2px rgba(15,23,42,.06)}:root,[data-fwlb-theme=base]{color:var(--fwlb-text-strong)}[data-fwlb-theme=commercial]{--fwlb-font-family-display:"Georgia","Times New Roman",serif;--fwlb-surface-base:linear-gradient(180deg,rgba(255,251,245,.98),rgba(255,247,237,.98));--fwlb-surface-elevated:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(255,250,240,.98));--fwlb-surface-muted:rgba(255,247,237,.86);--fwlb-border-soft:rgba(180,83,9,.18);--fwlb-border-strong:rgba(146,64,14,.32);--fwlb-text-accent:#9a3412;--fwlb-focus-ring:rgba(217,119,6,.24);--fwlb-shadow-panel:0 18px 42px rgba(146,64,14,.08);--fwlb-tone-brand-bg:linear-gradient(135deg,rgba(217,119,6,.98),rgba(249,115,22,.92));--fwlb-tone-brand-border:rgba(217,119,6,.42);--fwlb-brand-500:#d97706;--fwlb-brand-400:#f59e0b}[data-fwlb-theme=game]{--fwlb-font-family-display:"Trebuchet MS","Segoe UI",sans-serif;--fwlb-surface-base:linear-gradient(180deg,rgba(12,18,33,.96),rgba(5,10,24,.96));--fwlb-surface-elevated:linear-gradient(180deg,rgba(18,26,45,.98),rgba(8,13,31,.98));--fwlb-surface-muted:rgba(15,23,42,.84);--fwlb-surface-sunken:rgba(2,6,23,.78);--fwlb-overlay:rgba(2,6,23,.72);--fwlb-border-soft:rgba(56,189,248,.22);--fwlb-border-strong:rgba(99,102,241,.38);--fwlb-text-strong:#e2f8ff;--fwlb-text-soft:#dbeafe;--fwlb-text-muted:rgba(191,219,254,.78);--fwlb-text-accent:#67e8f9;--fwlb-text-inverse:#020617;--fwlb-focus-ring:rgba(34,211,238,.26);--fwlb-shadow-panel:0 22px 58px rgba(2,8,23,.34);--fwlb-shadow-soft:0 10px 28px rgba(2,8,23,.22);--fwlb-shadow-floating:0 30px 72px rgba(2,8,23,.46);--fwlb-control-bg:rgba(8,13,31,.94);--fwlb-control-bg-hover:rgba(12,18,40,.98);--fwlb-control-border:rgba(56,189,248,.24);--fwlb-control-text:#e2f8ff;--fwlb-control-placeholder:rgba(148,163,184,.86);--fwlb-tone-neutral-bg:linear-gradient(180deg,rgba(30,41,59,.92),rgba(15,23,42,.94));--fwlb-tone-neutral-fg:#f8fafc;--fwlb-tone-neutral-border:rgba(148,163,184,.28);--fwlb-tone-brand-bg:linear-gradient(135deg,rgba(34,211,238,.96),rgba(14,165,233,.9));--fwlb-tone-brand-fg:#04111f;--fwlb-tone-brand-border:rgba(56,189,248,.34);--fwlb-tone-info-bg:linear-gradient(135deg,rgba(129,140,248,.94),rgba(167,139,250,.9));--fwlb-tone-info-fg:#120c2a;--fwlb-tone-info-border:rgba(129,140,248,.34)}[data-fwlb-theme=utility]{--fwlb-surface-base:linear-gradient(180deg,rgba(248,250,252,.98),rgba(241,245,249,.98));--fwlb-surface-elevated:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(248,250,252,.98));--fwlb-border-soft:rgba(71,85,105,.18);--fwlb-border-strong:rgba(71,85,105,.3);--fwlb-text-accent:#1d4ed8;--fwlb-focus-ring:rgba(37,99,235,.18);--fwlb-shadow-panel:0 14px 32px rgba(15,23,42,.08);--fwlb-tone-brand-bg:linear-gradient(135deg,rgba(37,99,235,.98),rgba(14,165,233,.94));--fwlb-tone-brand-border:rgba(37,99,235,.34);--fwlb-brand-500:#2563eb;--fwlb-brand-400:#60a5fa}[data-fwlb-theme=portfolio]{--fwlb-font-family-display:"Palatino Linotype","Book Antiqua",serif;--fwlb-surface-base:linear-gradient(180deg,rgba(19,24,37,.96),rgba(9,11,19,.96));--fwlb-surface-elevated:linear-gradient(180deg,rgba(28,33,48,.98),rgba(10,12,24,.98));--fwlb-surface-muted:rgba(31,41,55,.86);--fwlb-overlay:rgba(3,7,18,.76);--fwlb-border-soft:rgba(244,114,182,.2);--fwlb-border-strong:rgba(251,113,133,.34);--fwlb-text-strong:#f8fafc;--fwlb-text-soft:#e2e8f0;--fwlb-text-muted:rgba(203,213,225,.74);--fwlb-text-accent:#fda4af;--fwlb-focus-ring:rgba(244,114,182,.26);--fwlb-shadow-panel:0 24px 58px rgba(3,7,18,.38);--fwlb-shadow-soft:0 12px 28px rgba(3,7,18,.22);--fwlb-shadow-floating:0 34px 80px rgba(3,7,18,.46);--fwlb-control-bg:rgba(15,23,42,.92);--fwlb-control-bg-hover:rgba(30,41,59,.96);--fwlb-control-border:rgba(244,114,182,.22);--fwlb-control-text:#f8fafc;--fwlb-control-placeholder:rgba(148,163,184,.78);--fwlb-tone-neutral-bg:linear-gradient(180deg,rgba(51,65,85,.92),rgba(30,41,59,.96));--fwlb-tone-neutral-fg:#f8fafc;--fwlb-tone-neutral-border:rgba(148,163,184,.26);--fwlb-tone-brand-bg:linear-gradient(135deg,rgba(244,114,182,.98),rgba(251,113,133,.92));--fwlb-tone-brand-fg:#fff1f2;--fwlb-tone-brand-border:rgba(244,114,182,.34)}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}:root{color-scheme:light;--bg:#f4f8ff;--bg-soft:#ebf2ff;--card:#fff;--line:#d8e3fb;--muted:#526485;--text:#09162f;--accent:#2563eb;--accent-soft:#dbe8ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:linear-gradient(180deg,var(--bg),var(--bg-soft));color:var(--text)}a{color:inherit;text-decoration:none}main{padding:20px}.page-shell{max-width:1200px;margin:0 auto;display:grid;grid-gap:14px;gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.compact{padding:14px 16px}.hero h1{margin:6px 0;font-size:clamp(24px,4vw,40px);line-height:1.1;letter-spacing:-.02em}.hero-copy{max-width:72ch}.badge{margin:0;display:inline-flex;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:5px 10px;font-weight:600;font-size:12px}.hero-cta{margin-top:10px}.panel-side h2,.search-shell h2{margin-top:0}.grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}button,input,select,textarea{width:100%;border-radius:10px;border:1px solid #c5d6f9;background:#fdfefe;color:var(--text);padding:10px 12px;font-size:14px}.button-link,button{display:inline-flex;justify-content:center;align-items:center;width:auto;cursor:pointer;background:var(--accent);border:1px solid transparent;color:#fff;font-weight:600;border-radius:10px;padding:10px 14px}.button-link.subtle{background:#eef4ff;color:#1d3f86;border-color:#d2e0fb}.mini-icon-button{width:30px;height:30px;min-width:30px;padding:0;border-radius:9px;background:#eef4ff;color:#1d3f86;border:1px solid #d2e0fb;font-size:14px;font-weight:700;line-height:1}.mini-icon-button:hover{background:#e1edff}.sort-menu{position:relative}.sort-trigger{height:30px;min-width:70px;padding:0 10px;border-radius:9px;background:#eef4ff;color:#1d3f86;border:1px solid #d2e0fb;font-size:13px;font-weight:700;line-height:1}.sort-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:220px;padding:8px;border-radius:12px;border:1px solid #cfe0ff;background:#fff;box-shadow:0 16px 32px rgba(9,22,47,.16)}.sort-popover-title{margin:2px 4px 8px;font-size:12px;color:#4d6290;font-weight:700}.sort-option{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;border-radius:8px;border:1px solid transparent;background:transparent;color:#1d325d;padding:8px 10px;font-weight:600}.sort-option small{font-size:11px;color:#64779e}.sort-option:hover{background:#f1f6ff;border-color:#dbe6ff}.sort-option.active{background:#e8f1ff;border-color:#c4d9ff}.muted{color:var(--muted)}.row{display:flex;gap:10px;align-items:center}.space{height:10px}.version-badge{position:fixed;left:10px;bottom:8px;margin:0;font-size:12px;color:#34548e;background:#f4f8ffcc;border:1px solid #d5e1fa;border-radius:999px;padding:4px 10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width:640px){main{padding:12px}.page-shell{gap:10px}.card{border-radius:14px;padding:12px}.hero h1{font-size:26px}.grid{grid-template-columns:1fr}.row{flex-wrap:wrap}.version-badge{left:8px;bottom:8px;font-size:11px}}.register-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(7,15,35,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px}.register-modal{width:min(420px,100%)}.register-modal h2{margin-top:0}.tags-field{display:flex;align-items:center;border:1px solid #c5d6f9;border-radius:10px;background:#fdfefe;overflow:hidden}.hash-prefix{padding:10px 0 10px 12px;color:#1d3f86;font-weight:700;line-height:1}.tags-input{border:none!important;border-radius:0!important}.tags-input:focus{outline:none}.lang-indicator{margin:0;font-size:12px;color:#264a96;font-weight:600}.form-compact h3{margin:0}.form-grid{margin-top:10px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:10px;gap:10px}.col-12{grid-column:span 12}.col-6{grid-column:span 6}.submit-wide{width:100%}.code-editor{position:relative;border:1px solid #c5d6f9;border-radius:12px;overflow:hidden;background:#f8fbff}.code-input,.code-layer{margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.5;white-space:pre;overflow:auto;min-height:210px}.code-layer{pointer-events:none;color:#22314f}.code-input{position:absolute;inset:0;border:none;background:transparent;color:transparent;caret-color:#0c1d42;resize:vertical}.code-input:focus{outline:none}.code-plain{color:#1f2d4d}.code-keyword{color:#7c3aed;font-weight:700}.code-builtin{color:#0369a1;font-weight:600}.code-string{color:#0f766e}.code-comment{color:#3f7d37;font-style:italic}.code-number{color:#b45309;font-weight:600}.code-function{color:#c026d3}.code-operator{color:#334155}@media (max-width:780px){.col-6{grid-column:span 12}.code-input,.code-layer{min-height:170px}}.chip{width:auto;background:#edf3ff;color:#244a98;border:1px solid #cfddfb;border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer}.active-result>a{outline:2px solid #79a8ff;outline-offset:2px}.lint-hints{margin:0;padding-left:18px;color:#7a4f00;font-size:12px}.portfolio-main{max-width:980px;margin:0 auto;padding:40px 20px;color:#e2e8f0}.portfolio-main .card{background:#111827;border:1px solid #1f2937;border-radius:14px;padding:20px;margin-bottom:18px}.portfolio-main .badge{display:inline-block;font-size:12px;background:#2563eb;color:#fff;padding:6px 10px;border-radius:999px}.portfolio-main h1{margin:12px 0 10px;font-size:34px}.portfolio-main .muted{color:#94a3b8}.portfolio-main .grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.portfolio-main a{color:#93c5fd}