@layer reset{html,:host{--font-fallback:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;tab-size:4;line-height:1.5;font-family:var(--global-font-body,var(--font-fallback));-webkit-tap-highlight-color:transparent}*,:before,:after,::backdrop{border-style:solid;border-width:0;border-color:var(--global-color-border,currentcolor);box-sizing:border-box;margin:0;padding:0}::file-selector-button{border-style:solid;border-width:0;border-color:var(--global-color-border,currentcolor);box-sizing:border-box;margin:0;padding:0}hr{color:inherit;border-top-width:1px;height:0}body{line-height:inherit;height:100%}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}button,input,optgroup,select,textarea{font:inherit;background:var(--colors-transparent);font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}::file-selector-button{font:inherit;background:var(--colors-transparent);font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}::placeholder{--placeholder-fallback:#00000080;opacity:1;color:var(--global-color-placeholder,var(--placeholder-fallback))}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{--placeholder-fallback:color-mix(in oklab, currentcolor 50%, transparent)}}::selection{background-color:var(--global-color-selection,#0073ff4d)}textarea{resize:vertical}table{border-color:inherit;text-indent:0;border-collapse:collapse}summary{display:list-item}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{-webkit-text-decoration:inherit;text-decoration:inherit;color:inherit}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-family:var(--global-font-mono,var(--font-mono-fallback));font-feature-settings:normal;font-variation-settings:normal;font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{:root{--made-with-panda:"🐼"}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness:proximity;--border-spacing-x:0;--border-spacing-y:0;--translate-x:0;--translate-y:0;--rotate:0;--rotate-x:0;--rotate-y:0;--skew-x:0;--skew-y:0;--scale-x:1;--scale-y:1}}@layer tokens{:where(:root,:host){--aspect-ratios-square:1 / 1;--aspect-ratios-landscape:4 / 3;--aspect-ratios-portrait:3 / 4;--aspect-ratios-wide:16 / 9;--aspect-ratios-ultrawide:18 / 5;--aspect-ratios-golden:1.618 / 1;--borders-none:none;--easings-default:cubic-bezier(.4, 0, .2, 1);--easings-linear:linear;--easings-in:cubic-bezier(.4, 0, 1, 1);--easings-out:cubic-bezier(0, 0, .2, 1);--easings-in-out:cubic-bezier(.4, 0, .2, 1);--durations-fastest:50ms;--durations-faster:.1s;--durations-fast:.15s;--durations-normal:.2s;--durations-slow:.3s;--durations-slower:.4s;--durations-slowest:.5s;--radii-xs:.125rem;--radii-sm:.25rem;--radii-md:.375rem;--radii-lg:.5rem;--radii-xl:.75rem;--radii-2xl:1rem;--radii-3xl:1.5rem;--radii-4xl:2rem;--radii-full:9999px;--font-weights-thin:100;--font-weights-extralight:200;--font-weights-light:300;--font-weights-normal:400;--font-weights-medium:500;--font-weights-semibold:600;--font-weights-bold:700;--font-weights-extrabold:800;--font-weights-black:900;--line-heights-none:1;--line-heights-tight:1.25;--line-heights-snug:1.375;--line-heights-normal:1.5;--line-heights-relaxed:1.625;--line-heights-loose:2;--fonts-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--fonts-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--fonts-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--letter-spacings-tighter:-.05em;--letter-spacings-tight:-.025em;--letter-spacings-normal:0em;--letter-spacings-wide:.025em;--letter-spacings-wider:.05em;--letter-spacings-widest:.1em;--font-sizes-2xs:.5rem;--font-sizes-xs:.75rem;--font-sizes-sm:.875rem;--font-sizes-md:1rem;--font-sizes-lg:1.125rem;--font-sizes-xl:1.25rem;--font-sizes-2xl:1.5rem;--font-sizes-3xl:1.875rem;--font-sizes-4xl:2.25rem;--font-sizes-5xl:3rem;--font-sizes-6xl:3.75rem;--font-sizes-7xl:4.5rem;--font-sizes-8xl:6rem;--font-sizes-9xl:8rem;--blurs-xs:4px;--blurs-sm:8px;--blurs-md:12px;--blurs-lg:16px;--blurs-xl:24px;--blurs-2xl:40px;--blurs-3xl:64px;--sizes-0:0rem;--sizes-1:.25rem;--sizes-2:.5rem;--sizes-3:.75rem;--sizes-4:1rem;--sizes-5:1.25rem;--sizes-6:1.5rem;--sizes-7:1.75rem;--sizes-8:2rem;--sizes-9:2.25rem;--sizes-10:2.5rem;--sizes-11:2.75rem;--sizes-12:3rem;--sizes-14:3.5rem;--sizes-16:4rem;--sizes-20:5rem;--sizes-24:6rem;--sizes-28:7rem;--sizes-32:8rem;--sizes-36:9rem;--sizes-40:10rem;--sizes-44:11rem;--sizes-48:12rem;--sizes-52:13rem;--sizes-56:14rem;--sizes-60:15rem;--sizes-64:16rem;--sizes-72:18rem;--sizes-80:20rem;--sizes-96:24rem;--sizes-0\.5:.125rem;--sizes-1\.5:.375rem;--sizes-2\.5:.625rem;--sizes-3\.5:.875rem;--sizes-4\.5:1.125rem;--sizes-5\.5:1.375rem;--sizes-xs:20rem;--sizes-sm:24rem;--sizes-md:28rem;--sizes-lg:32rem;--sizes-xl:36rem;--sizes-2xl:42rem;--sizes-3xl:48rem;--sizes-4xl:56rem;--sizes-5xl:64rem;--sizes-6xl:72rem;--sizes-7xl:80rem;--sizes-8xl:90rem;--sizes-prose:65ch;--sizes-full:100%;--sizes-min:min-content;--sizes-max:max-content;--sizes-fit:fit-content;--sizes-breakpoint-sm:640px;--sizes-breakpoint-md:768px;--sizes-breakpoint-lg:1024px;--sizes-breakpoint-xl:1280px;--sizes-breakpoint-2xl:1536px;--animations-spin:spin 1s linear infinite;--animations-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animations-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animations-bounce:bounce 1s infinite;--colors-current:currentColor;--colors-black:#000;--colors-white:#fff;--colors-transparent:#0000;--colors-rose-50:#fff1f2;--colors-rose-100:#ffe4e6;--colors-rose-200:#fecdd3;--colors-rose-300:#fda4af;--colors-rose-400:#fb7185;--colors-rose-500:#f43f5e;--colors-rose-600:#e11d48;--colors-rose-700:#be123c;--colors-rose-800:#9f1239;--colors-rose-900:#881337;--colors-rose-950:#4c0519;--colors-pink-50:#fdf2f8;--colors-pink-100:#fce7f3;--colors-pink-200:#fbcfe8;--colors-pink-300:#f9a8d4;--colors-pink-400:#f472b6;--colors-pink-500:#ec4899;--colors-pink-600:#db2777;--colors-pink-700:#be185d;--colors-pink-800:#9d174d;--colors-pink-900:#831843;--colors-pink-950:#500724;--colors-fuchsia-50:#fdf4ff;--colors-fuchsia-100:#fae8ff;--colors-fuchsia-200:#f5d0fe;--colors-fuchsia-300:#f0abfc;--colors-fuchsia-400:#e879f9;--colors-fuchsia-500:#d946ef;--colors-fuchsia-600:#c026d3;--colors-fuchsia-700:#a21caf;--colors-fuchsia-800:#86198f;--colors-fuchsia-900:#701a75;--colors-fuchsia-950:#4a044e;--colors-purple-50:#faf5ff;--colors-purple-100:#f3e8ff;--colors-purple-200:#e9d5ff;--colors-purple-300:#d8b4fe;--colors-purple-400:#c084fc;--colors-purple-500:#a855f7;--colors-purple-600:#9333ea;--colors-purple-700:#7e22ce;--colors-purple-800:#6b21a8;--colors-purple-900:#581c87;--colors-purple-950:#3b0764;--colors-violet-50:#f5f3ff;--colors-violet-100:#ede9fe;--colors-violet-200:#ddd6fe;--colors-violet-300:#c4b5fd;--colors-violet-400:#a78bfa;--colors-violet-500:#8b5cf6;--colors-violet-600:#7c3aed;--colors-violet-700:#6d28d9;--colors-violet-800:#5b21b6;--colors-violet-900:#4c1d95;--colors-violet-950:#2e1065;--colors-indigo-50:#eef2ff;--colors-indigo-100:#e0e7ff;--colors-indigo-200:#c7d2fe;--colors-indigo-300:#a5b4fc;--colors-indigo-400:#818cf8;--colors-indigo-500:#6366f1;--colors-indigo-600:#4f46e5;--colors-indigo-700:#4338ca;--colors-indigo-800:#3730a3;--colors-indigo-900:#312e81;--colors-indigo-950:#1e1b4b;--colors-sky-50:#f0f9ff;--colors-sky-100:#e0f2fe;--colors-sky-200:#bae6fd;--colors-sky-300:#7dd3fc;--colors-sky-400:#38bdf8;--colors-sky-500:#0ea5e9;--colors-sky-600:#0284c7;--colors-sky-700:#0369a1;--colors-sky-800:#075985;--colors-sky-900:#0c4a6e;--colors-sky-950:#082f49;--colors-cyan-50:#ecfeff;--colors-cyan-100:#cffafe;--colors-cyan-200:#a5f3fc;--colors-cyan-300:#67e8f9;--colors-cyan-400:#22d3ee;--colors-cyan-500:#06b6d4;--colors-cyan-600:#0891b2;--colors-cyan-700:#0e7490;--colors-cyan-800:#155e75;--colors-cyan-900:#164e63;--colors-cyan-950:#083344;--colors-teal-50:#f0fdfa;--colors-teal-100:#ccfbf1;--colors-teal-200:#99f6e4;--colors-teal-300:#5eead4;--colors-teal-400:#2dd4bf;--colors-teal-500:#14b8a6;--colors-teal-600:#0d9488;--colors-teal-700:#0f766e;--colors-teal-800:#115e59;--colors-teal-900:#134e4a;--colors-teal-950:#042f2e;--colors-emerald-50:#ecfdf5;--colors-emerald-100:#d1fae5;--colors-emerald-200:#a7f3d0;--colors-emerald-300:#6ee7b7;--colors-emerald-400:#34d399;--colors-emerald-500:#10b981;--colors-emerald-600:#059669;--colors-emerald-700:#047857;--colors-emerald-800:#065f46;--colors-emerald-900:#064e3b;--colors-emerald-950:#022c22;--colors-green-50:#f0fdf4;--colors-green-100:#dcfce7;--colors-green-200:#bbf7d0;--colors-green-300:#86efac;--colors-green-400:#4ade80;--colors-green-500:#22c55e;--colors-green-600:#16a34a;--colors-green-700:#15803d;--colors-green-800:#166534;--colors-green-900:#14532d;--colors-green-950:#052e16;--colors-lime-50:#f7fee7;--colors-lime-100:#ecfccb;--colors-lime-200:#d9f99d;--colors-lime-300:#bef264;--colors-lime-400:#a3e635;--colors-lime-500:#84cc16;--colors-lime-600:#65a30d;--colors-lime-700:#4d7c0f;--colors-lime-800:#3f6212;--colors-lime-900:#365314;--colors-lime-950:#1a2e05;--colors-yellow-50:#fefce8;--colors-yellow-100:#fef9c3;--colors-yellow-200:#fef08a;--colors-yellow-300:#fde047;--colors-yellow-400:#facc15;--colors-yellow-500:#eab308;--colors-yellow-600:#ca8a04;--colors-yellow-700:#a16207;--colors-yellow-800:#854d0e;--colors-yellow-900:#713f12;--colors-yellow-950:#422006;--colors-amber-50:#fffbeb;--colors-amber-100:#fef3c7;--colors-amber-200:#fde68a;--colors-amber-300:#fcd34d;--colors-amber-400:#fbbf24;--colors-amber-500:#f59e0b;--colors-amber-600:#d97706;--colors-amber-700:#b45309;--colors-amber-800:#92400e;--colors-amber-900:#78350f;--colors-amber-950:#451a03;--colors-orange-50:#fff7ed;--colors-orange-100:#ffedd5;--colors-orange-200:#fed7aa;--colors-orange-300:#fdba74;--colors-orange-400:#fb923c;--colors-orange-500:#f97316;--colors-orange-600:#ea580c;--colors-orange-700:#c2410c;--colors-orange-800:#9a3412;--colors-orange-900:#7c2d12;--colors-orange-950:#431407;--colors-red-50:#fef2f2;--colors-red-100:#fee2e2;--colors-red-200:#fecaca;--colors-red-300:#fca5a5;--colors-red-400:#f87171;--colors-red-500:#ef4444;--colors-red-600:#dc2626;--colors-red-700:#b91c1c;--colors-red-800:#991b1b;--colors-red-900:#7f1d1d;--colors-red-950:#450a0a;--colors-neutral-50:#fafafa;--colors-neutral-100:#f5f5f5;--colors-neutral-200:#e5e5e5;--colors-neutral-300:#d4d4d4;--colors-neutral-400:#a3a3a3;--colors-neutral-500:#737373;--colors-neutral-600:#525252;--colors-neutral-700:#404040;--colors-neutral-800:#262626;--colors-neutral-900:#171717;--colors-neutral-950:#0a0a0a;--colors-stone-50:#fafaf9;--colors-stone-100:#f5f5f4;--colors-stone-200:#e7e5e4;--colors-stone-300:#d6d3d1;--colors-stone-400:#a8a29e;--colors-stone-500:#78716c;--colors-stone-600:#57534e;--colors-stone-700:#44403c;--colors-stone-800:#292524;--colors-stone-900:#1c1917;--colors-stone-950:#0c0a09;--colors-zinc-50:#fafafa;--colors-zinc-100:#f4f4f5;--colors-zinc-200:#e4e4e7;--colors-zinc-300:#d4d4d8;--colors-zinc-400:#a1a1aa;--colors-zinc-500:#71717a;--colors-zinc-600:#52525b;--colors-zinc-700:#3f3f46;--colors-zinc-800:#27272a;--colors-zinc-900:#18181b;--colors-zinc-950:#09090b;--colors-slate-50:#f8fafc;--colors-slate-100:#f1f5f9;--colors-slate-200:#e2e8f0;--colors-slate-300:#cbd5e1;--colors-slate-400:#94a3b8;--colors-slate-500:#64748b;--colors-slate-600:#475569;--colors-slate-700:#334155;--colors-slate-800:#1e293b;--colors-slate-900:#0f172a;--colors-slate-950:#020617;--colors-gray-50:#fafafa;--colors-gray-100:#f5f5f5;--colors-gray-200:#e5e5e5;--colors-gray-300:#d4d4d4;--colors-gray-400:#a3a3a3;--colors-gray-500:#737373;--colors-gray-600:#454545;--colors-gray-700:#2f3137;--colors-gray-750:#2a2c32;--colors-gray-800:#1e1f23;--colors-gray-900:#12121a;--colors-gray-950:#0d0d12;--colors-blue-50:#eff6ff;--colors-blue-100:#dbeafe;--colors-blue-200:#bfdbfe;--colors-blue-300:#93c5fd;--colors-blue-400:#60a5fa;--colors-blue-500:#3b82f6;--colors-blue-600:#2563eb;--colors-blue-700:#1d4ed8;--colors-blue-800:#1e40af;--colors-blue-900:#1e3a8a;--colors-blue-950:#172554;--colors-editor-bg:#1e1f23;--colors-editor-fg:#d8dee9;--colors-editor-cursor:#d8dee9;--colors-editor-line-highlight:#2a2c32;--colors-editor-gutter:#2a2c32;--colors-editor-gutter-fg:#4a4e58;--colors-editor-line-number-active:#d8dee9;--colors-terminal-bg:#000;--colors-terminal-fg:#d4d4d4;--colors-terminal-cursor:#d4d4d4;--colors-panel-bg:#1e1f23;--colors-panel-border:#2a2c32;--colors-panel-header-bg:#2a2c32;--colors-panel-hover:#2d2f35;--colors-status-bg:#2a2c32;--colors-status-border:#2a2c32;--colors-status-fg:#9ca3af;--colors-status-fg-muted:#6b7280;--colors-accent:#3b82f6;--colors-accent-fg:#fff;--colors-accent-hover:#2563eb;--colors-belt-white:#e5e7eb;--colors-belt-blue:#3b82f6;--colors-belt-purple:#a855f7;--colors-belt-brown:#92400e;--colors-belt-black:#cbd5e1;--colors-belt-red:#ef4444;--colors-belt-neutral-bg:#94a3b826;--colors-result-success:#22c55e;--colors-result-error:#ef4444;--colors-result-success-bg:#22c55e26;--colors-result-error-bg:#ef444426;--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-36:9rem;--spacing-40:10rem;--spacing-44:11rem;--spacing-48:12rem;--spacing-52:13rem;--spacing-56:14rem;--spacing-60:15rem;--spacing-64:16rem;--spacing-72:18rem;--spacing-80:20rem;--spacing-96:24rem;--spacing-0\.5:.125rem;--spacing-1\.5:.375rem;--spacing-2\.5:.625rem;--spacing-3\.5:.875rem;--spacing-4\.5:1.125rem;--spacing-5\.5:1.375rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3rem;--font-family-mono:ui-monospace, Consolas, "SFMono-Regular", Menlo, monospace;--font-family-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--border-radius-none:0;--border-radius-sm:.25rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--border-radius-full:9999px;--shadows-2xs:0 1px #0000000d;--shadows-xs:0 1px 2px 0 #0000000d;--shadows-2xl:0 25px 50px -12px #00000040;--shadows-inset-2xs:inset 0 1px #0000000d;--shadows-inset-xs:inset 0 1px 1px #0000000d;--shadows-inset-sm:inset 0 2px 4px #0000000d;--shadows-sm:0 1px 2px 0 #0000000d;--shadows:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadows-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadows-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadows-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--z-index-hide:100;--z-index-overlay:200;--z-index-modal:300;--z-index-popover:400;--z-index-tooltip:500;--breakpoints-sm:640px;--breakpoints-md:768px;--breakpoints-lg:1024px;--breakpoints-xl:1280px;--breakpoints-2xl:1536px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}}@layer recipes{@layer _base{.button{border:var(--borders-none);border-radius:var(--radii-md);outline:var(--borders-none);padding-inline:var(--spacing-4);padding-block:var(--spacing-2);font-weight:var(--font-weights-medium);font-size:var(--font-sizes-sm);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.button:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){opacity:.5;cursor:not-allowed;pointer-events:none}.button:is(:focus-visible,[data-focus-visible]){outline:2px solid var(--colors-accent);outline-offset:var(--spacing-2)}.dropdown{display:inline-block;position:relative}.badge{border-radius:var(--radii-full);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-semibold);align-items:center;padding:2px 8px;display:inline-flex}.tabs{flex-direction:column;width:100%;display:flex}.tab{border:var(--borders-none);background:var(--colors-transparent);border-bottom:2px solid;border-color:var(--colors-transparent);font-size:var(--font-sizes-sm);cursor:pointer;color:var(--colors-gray-400);padding:8px 12px;transition:all .15s}.tab:is(:hover,[data-hover]){color:var(--colors-gray-200)}.dropdown-content{padding-block:var(--spacing-1);z-index:var(--z-index-popover);box-shadow:var(--shadows-xl);width:100%;min-width:120px;position:absolute}.dropdown-content,.panel{border:1px solid;border-color:var(--colors-panel-border);border-radius:var(--radii-md);background-color:var(--colors-panel-bg)}.panel{flex-direction:column;display:flex}.status-bar{gap:var(--spacing-4);font-size:var(--font-sizes-xs);color:var(--colors-gray-400);background-color:var(--colors-status-bg);border-top:1px solid;border-top-color:var(--colors-panel-border);padding:4px 12px}.status-bar,.toolbar{align-items:center;display:flex}.toolbar{gap:var(--spacing-2);background-color:var(--colors-panel-header-bg);border-bottom:1px solid;border-bottom-color:var(--colors-panel-border);padding:8px 12px}}.button--variant_primary{background-color:var(--colors-accent);color:var(--colors-accent-fg)}.button--variant_primary:is(:hover,[data-hover]){background-color:var(--colors-accent-hover)}.button--size_md{padding-inline:var(--spacing-4);padding-block:var(--spacing-2);font-size:base}.button--variant_run{border:1px solid;border-color:var(--colors-green-400);background-color:var(--colors-green-600);color:var(--colors-white)}.button--variant_run:is(:hover,[data-hover]){background-color:var(--colors-green-500)}.button--variant_submit{border:1px solid;border-color:var(--colors-blue-400);background-color:var(--colors-blue-600);color:var(--colors-white)}.button--variant_submit:is(:hover,[data-hover]){background-color:var(--colors-blue-500)}.button--variant_ghost{background-color:var(--colors-transparent);color:var(--colors-gray-500)}.button--variant_ghost:is(:hover,[data-hover]){background-color:var(--colors-gray-800);color:var(--colors-gray-300)}.button--size_sm{padding-inline:var(--spacing-3);padding-block:var(--spacing-1\.5);font-size:var(--font-sizes-sm)}.button--size_xs{padding-inline:var(--spacing-2);padding-block:var(--spacing-1);font-size:var(--font-sizes-xs)}.badge--variant_success{background-color:var(--colors-result-success-bg);color:var(--colors-result-success)}.badge--variant_error{background-color:var(--colors-result-error-bg);color:var(--colors-result-error)}.badge--variant_default{background-color:var(--colors-gray-700);color:var(--colors-gray-300)}.badge--variant_white{color:var(--colors-belt-white)}.badge--variant_white,.badge--variant_blue{background-color:var(--colors-belt-neutral-bg)}.badge--variant_blue{color:var(--colors-belt-blue)}.badge--variant_purple{color:var(--colors-belt-purple)}.badge--variant_purple,.badge--variant_brown{background-color:var(--colors-belt-neutral-bg)}.badge--variant_brown{color:var(--colors-belt-brown)}.badge--variant_black{color:var(--colors-belt-black)}.badge--variant_black,.badge--variant_red{background-color:var(--colors-belt-neutral-bg)}.badge--variant_red{color:var(--colors-belt-red)}.tabs--variant_enclosed{padding:var(--spacing-1);gap:var(--spacing-1);background-color:var(--colors-gray-750);border-top-left-radius:var(--radii-md);border-top-right-radius:var(--radii-md);border-bottom-right-radius:0;border-bottom-left-radius:0;display:flex}.tabs--variant_boxed{padding:var(--spacing-2);border:1px solid;border-color:var(--colors-gray-700);border-radius:var(--radii-md);background-color:var(--colors-gray-900);flex-direction:row;align-items:center}.tabs--variant_boxed,.tabs--variant_line{gap:var(--spacing-1);display:flex}.tabs--variant_line{padding:var(--spacing-4);background-color:var(--colors-panel-header-bg);border-bottom-width:1px;border-bottom-color:var(--colors-panel-border);border-top-left-radius:var(--radii-md);border-top-right-radius:var(--radii-md);border-bottom-right-radius:0;border-bottom-left-radius:0}.tab--variant_boxed{border-radius:var(--radii-sm);white-space:nowrap;min-width:var(--sizes-0);border:1px solid #0000;border-bottom-width:2px;flex:1;justify-content:center;padding:6px 12px}.tab--active_true{border-color:var(--colors-accent);color:var(--colors-gray-100)}.dropdown-content--placement_bottom{top:100%;left:var(--spacing-0)}.dropdown-content--placement_top{bottom:100%;left:var(--spacing-0)}.dropdown-content--placement_right{right:100%;top:var(--spacing-0)}.dropdown-content--placement_left{left:100%;top:var(--spacing-0)}.panel--variant_flat{border:var(--borders-none);box-shadow:none;border-top:1px solid;border-top-color:var(--colors-panel-border)}.panel--padding_md{padding:var(--spacing-4)}.panel--padding_sm{padding:var(--spacing-2)}}@layer utilities{.p_6{padding:var(--spacing-6)}.p_0\.5rem{padding:.5rem}.p_0\.375rem_0\.75rem{padding:.375rem .75rem}.bd_1px_solid_var\(--border-2\){border:1px solid var(--border-2)}.bd_none{border:var(--borders-none)}.p_4{padding:var(--spacing-4)}.p_0{padding:var(--spacing-0)}.m_0{margin:var(--spacing-0)}.p_3{padding:var(--spacing-3)}.bd_1px_solid_\#2a2c32{border:1px solid #2a2c32}.p_0\.75rem_1rem{padding:.75rem 1rem}.p_0\.5rem_1rem{padding:.5rem 1rem}.gap_4{gap:var(--spacing-4)}.gap_0\.5rem{gap:.5rem}.gap_6{gap:var(--spacing-6)}.gap_0\.25rem{gap:.25rem}.bdr_0\.5rem{border-radius:.5rem}.trs_background-color_0\.15s_ease{transition:background-color .15s}.li-s_none{list-style:none}.gap_1{gap:var(--spacing-1)}.gap_2{gap:var(--spacing-2)}.bdr_full{border-radius:var(--radii-full)}.bdr_md{border-radius:var(--radii-md)}.ring_none{outline:var(--borders-none)}.bd-b_1px_solid_\#2a2c32{border-bottom:1px solid #2a2c32}.bd-b_2px_solid_\#3b82f6{border-bottom:2px solid #3b82f6}.bd-b_2px_solid_transparent{border-bottom:2px solid #0000}.d_flex{display:flex}.flex-d_column{flex-direction:column}.ai_center{align-items:center}.jc_center{justify-content:center}.fs_2rem{font-size:2rem}.fw_bold{font-weight:var(--font-weights-bold)}.d_inline-flex{display:inline-flex}.fs_1\.5rem{font-size:1.5rem}.fw_semibold{font-weight:var(--font-weights-semibold)}.bd-cl_collapse{border-collapse:collapse}.ta_left{text-align:left}.c_\#9ca3af{color:#9ca3af}.c_\#6b7280{color:#6b7280}.bg-c_panel\.bg{background-color:var(--colors-panel-bg)}.inset-e_true{inset-inline-end:true}.jc_space-between{justify-content:space-between}.fs_0\.875rem{font-size:.875rem}.bg-c_var\(--surface-2\){background-color:var(--surface-2)}.c_var\(--fg\){color:var(--fg)}.cursor_pointer{cursor:pointer}.white-space_nowrap{white-space:nowrap}.fs_0\.625rem{font-size:.625rem}.c_var\(--fg-faint\){color:var(--fg-faint)}.bg-c_var\(--accent-soft\){background-color:var(--accent-soft)}.bg-c_transparent{background-color:var(--colors-transparent)}.c_var\(--accent\){color:var(--accent)}.cursor_not-allowed{cursor:not-allowed}.d_block{display:block}.pos_relative{position:relative}.bg-c_var\(--accent\){background-color:var(--accent)}.bg-c_var\(--border\){background-color:var(--border)}.pos_absolute{position:absolute}.cursor_col-resize{cursor:col-resize}.z_10{z-index:10}.fs_0\.8rem{font-size:.8rem}.lh_1{line-height:1}.bg-c_\#22c55e{background-color:#22c55e}.bg-c_\#374151{background-color:#374151}.c_white{color:var(--colors-white)}.fs_0\.75rem{font-size:.75rem}.ff_mono{font-family:var(--fonts-mono)}.pos_fixed{position:fixed}.trf_translate\(-50\%\,_-50\%\){transform:translate(-50%,-50%)}.bg-c_\#1e1f23{background-color:#1e1f23}.bx-sh_xl{box-shadow:var(--shadows-xl)}.z_1000{z-index:1000}.c_\#d8dee9{color:#d8dee9}.fs_1rem{font-size:1rem}.bg-c_\#2a2c32{background-color:#2a2c32}.h_100vh{height:100vh}.w_100\%{width:100%}.min-w_8rem{min-width:8rem}.h_100\%{height:100%}.min-w_0{min-width:var(--sizes-0)}.right_-2px{right:-2px}.top_0{top:var(--spacing-0)}.bottom_0{bottom:var(--spacing-0)}.w_4px{width:4px}.ml_auto{margin-left:auto}.ml_0\.25rem{margin-left:.25rem}.mb_2{margin-bottom:var(--spacing-2)}.w_1rem{width:1rem}.h_1rem{height:1rem}.mb_0\.5rem{margin-bottom:.5rem}.top_50\%{top:50%}.left_50\%{left:50%}.w_600px{width:600px}.max-w_90vw{max-width:90vw}.max-h_300px{max-height:300px}.ov-y_auto{overflow-y:auto}.hover\:bg-c_var\(--accent-soft\):is(:hover,[data-hover]){background-color:var(--accent-soft)}.hover\:bg-c_var\(--accent\):is(:hover,[data-hover]){background-color:var(--accent)}.hover\:bg-c_\#2a2c32:is(:hover,[data-hover]){background-color:#2a2c32}}@layer global{*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}}:root{--bg:#0e1016;--surface:#151823;--surface-2:#1c202e;--border:#252a3a;--border-2:#323950;--fg:#e8eaf1;--fg-soft:#9aa1b5;--fg-faint:#5d6579;--accent:#8b7cf6;--accent-2:#6c5ce7;--accent-soft:#8b7cf621;--green:#3fb68b;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--code-bg:#0b0c12;--code-gutter:#1c1e27;--code-fg:#cdd2e2;--code-ln:#4e5570}html.light{--bg:#f6f6fb;--surface:#fff;--surface-2:#f0f0f8;--border:#e4e4f0;--border-2:#d0d0e2;--fg:#1b1c2b;--fg-soft:#5f6177;--fg-faint:#a0a3b8;--accent:#6c5ce7;--accent-2:#5a4bd1;--accent-soft:#6c5ce71a;--green:#1f9d6f;--code-bg:#fbfbfe;--code-gutter:#e9e9f2;--code-fg:#34374a;--code-ln:#b9bdcf}body{overscroll-behavior-y:none;font-family:var(--font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-size:13.5px;line-height:1.5;transition:background .2s,color .2s}#root{min-height:100vh}.app-header{z-index:50;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:16px;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.brand{color:var(--fg);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:0;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;width:24px;height:24px;box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:7px;place-items:center;font-size:12px;font-weight:700;display:grid}.brand-name{letter-spacing:-.01em;font-size:14.5px;font-weight:650}.nav{gap:3px;margin-left:10px;display:flex}.nav-link{color:var(--fg-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6.5px 13px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:all .12s}.nav-link:hover,.nav-link.selected{color:var(--fg);background:var(--surface-2)}.mobile-nav{display:none;position:relative}.mobile-nav summary{background:var(--surface);border:1px solid var(--border);height:30px;color:var(--fg-soft);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 11px;font-family:inherit;list-style:none;display:inline-flex}.mobile-nav-label{color:var(--fg);font-size:13.5px;font-weight:500}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open] summary{color:var(--fg);border-color:var(--border-2)}.mobile-nav-menu{background:var(--surface);border:1px solid var(--border-2);z-index:60;border-radius:11px;flex-direction:column;gap:2px;min-width:190px;padding:5px;display:flex;position:absolute;top:40px;left:0;box-shadow:0 10px 30px #0000002e}.mobile-nav-menu .nav-link{color:var(--fg-soft);padding:9px 12px;font-size:13.5px;display:block}.spacer{flex:1}.theme-toggle{background:var(--surface);border:1px solid var(--border);height:30px;color:var(--fg-soft);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.theme-toggle:hover{color:var(--fg);border-color:var(--border-2)}.theme-toggle svg{width:14px;height:14px}.icon-moon,html.light .icon-sun{display:none}html.light .icon-moon{display:block}.auth-wrap{position:relative}.sign-in-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;height:30px;padding:0 16px;font-family:inherit;font-size:12.5px;font-weight:600;transition:filter .12s;display:inline-flex}.sign-in-btn:hover{filter:brightness(1.08)}.auth-dd{background:var(--surface);border:1px solid var(--border-2);z-index:60;border-radius:12px;width:316px;padding:20px;position:absolute;top:42px;right:0;box-shadow:0 18px 44px -16px #0000008c}html.light .auth-dd{box-shadow:0 18px 44px -20px #1b1c2b4d}.auth-dd-title{font-size:15.5px;font-weight:700}.auth-dd-sub{color:var(--fg-soft);margin-top:4px;font-size:12px}.auth-dd-terms{color:var(--fg-faint);margin-top:14px;font-size:10px}.oauth-stack{flex-direction:column;gap:9px;margin-top:16px;display:flex}.oauth-btn{background:var(--surface-2);width:100%;height:40px;color:var(--fg);border:1px solid var(--border-2);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:10px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .12s;display:flex}.oauth-btn:hover{border-color:var(--accent)}.oauth-btn svg{flex:none;width:16px;height:16px}.user-chip{background:var(--surface);border:1px solid var(--border);cursor:pointer;height:32px;color:var(--fg);border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 4px;font-family:inherit;transition:border-color .12s;display:inline-flex}.user-chip:hover{border-color:var(--border-2)}.user-chip .avatar{background:linear-gradient(135deg, #e06060, var(--accent));color:#fff;object-fit:cover;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:9.5px;font-weight:700;display:grid}.user-chip .uname{white-space:nowrap;font-size:12px;font-weight:550}.user-chip svg{width:12px;height:12px;color:var(--fg-faint);flex:none}.dd-menu{background:var(--surface);border:1px solid var(--border-2);z-index:60;border-radius:10px;width:200px;padding:6px;position:absolute;top:42px;right:0;box-shadow:0 18px 44px -16px #0000008c}html.light .dd-menu{box-shadow:0 18px 44px -20px #1b1c2b4d}.dd-menu button{text-align:left;width:100%;color:var(--fg);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 10px;font-family:inherit;font-size:12.5px;font-weight:500;display:block}.lang-wrap{position:relative}.lang-wrap .dd-item{align-items:center;gap:8px;display:flex}.dd-menu button:hover{background:var(--surface-2)}.dd-menu a{text-align:left;width:100%;color:var(--fg);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 10px;font-family:inherit;font-size:12.5px;font-weight:500;text-decoration:none;display:block}.dd-menu a:hover{background:var(--surface-2)}.dd-menu .danger{color:#e06060}.gate-backdrop{z-index:40;position:fixed;inset:0}.gate-card{background:var(--surface);border:1px solid var(--border-2);text-align:center;z-index:41;border-radius:14px;width:330px;padding:26px 26px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);box-shadow:0 20px 50px -18px #0009}html.light .gate-card{box-shadow:0 20px 50px -22px #1b1c2b59}.gate-card .gate-lock{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);width:40px;height:40px;color:var(--accent);border-radius:11px;place-items:center;margin:0 auto;display:grid}.gate-card .gate-lock svg{width:18px;height:18px}.gate-card h3{margin-top:14px;font-size:15.5px;font-weight:700}.gate-card .gate-sub{color:var(--fg-soft);margin-top:5px;font-size:12px}.gate-card .oauth-stack{margin-top:18px}.gate-card .oauth-btn{height:38px;font-size:12.5px}.list-subheader{z-index:40;background:var(--bg);border-bottom:1px solid var(--border);flex:none;align-items:stretch;gap:4px;height:46px;padding:0 30px;display:flex;position:sticky;top:52px;overflow-x:auto}.topic-tabs{align-items:stretch;gap:2px;display:flex}.topic-tab{color:var(--fg-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 15px;font-family:inherit;font-size:13px;font-weight:550;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.topic-tab:hover{color:var(--fg);background:color-mix(in srgb, var(--surface-2) 55%, transparent)}.topic-tab.active{color:var(--fg);border-bottom-color:var(--accent)}.topic-tab .count{font-family:var(--mono);color:var(--fg-faint);font-size:11px}.topic-tab.active .count{color:var(--accent)}.topic-glyph{color:#fff;border-radius:5px;flex:none;place-items:center;width:17px;height:17px;display:inline-grid}.topic-glyph svg{width:11px;height:11px}.app-body{min-height:calc(100vh - 52px);display:flex}.sidebar{border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface) 40%, var(--bg));flex-direction:column;flex:none;gap:22px;width:252px;padding:20px 16px;display:flex}.content{flex:1;min-width:0;padding:26px 30px 60px}.side-block h3{text-transform:uppercase;letter-spacing:.1em;color:var(--fg-faint);margin-bottom:10px;font-size:10.5px;font-weight:650}.side-block-head{cursor:pointer;width:100%;color:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;font-family:inherit;display:flex}.side-block-head h3{margin-bottom:0}.side-block-chev{color:var(--fg-faint);margin-left:6px;font-size:10px;transition:transform .15s}.side-block-chev.open{transform:rotate(180deg)}.side-block-head:hover h3,.side-block-head:hover .side-block-chev{color:var(--fg-soft)}.progress-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px}.progress-num{letter-spacing:-.02em;font-size:24px;font-weight:700}.progress-num span{color:var(--fg-faint);font-size:13px;font-weight:500}.progress-bar{background:var(--surface-2);border-radius:99px;height:6px;margin:10px 0 8px;overflow:hidden}.progress-bar i{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:99px;width:0%;height:100%;transition:width .3s;display:block}.progress-card p{color:var(--fg-faint);font-size:11.5px}.belt-progress{border-top:1px solid var(--border);flex-direction:column;gap:7px;margin-top:12px;padding-top:10px;display:flex}.bp-row{align-items:center;gap:8px;display:flex}.bp-row .bp-label{width:52px;color:var(--fg-soft);flex:none;font-size:12px;font-weight:550}.bp-row .bp-bar{background:var(--surface-2);border-radius:99px;flex:1;height:5px;overflow:hidden}.bp-row .bp-bar i{background:var(--bp-c,var(--accent));border-radius:99px;height:100%;transition:width .3s;display:block}.bp-row .bp-count{font-family:var(--mono);color:var(--fg-faint);text-align:right;flex:none;width:38px;font-size:10.5px}.bp-row.solved .bp-count{color:var(--green,#3fb68b)}.filter-list{flex-direction:column;gap:2px;display:flex}.filter-opt{color:var(--fg-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:9px;padding:7px 9px;font-size:12.8px;font-weight:500;transition:all .1s;display:flex}.filter-opt:hover{background:var(--surface-2);color:var(--fg)}.filter-opt input{accent-color:var(--accent);margin:0}.filter-opt .count{color:var(--fg-faint);font-size:11px;font-family:var(--mono);margin-left:auto}.side-note{color:var(--fg-faint);font-size:11.5px;line-height:1.5}.content-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.page-title{letter-spacing:-.02em;font-size:22px;font-weight:700}.page-sub{color:var(--fg-soft);margin-top:3px;font-size:12.8px}.search{background:var(--surface);border:1px solid var(--border);color:var(--fg-faint);border-radius:9px;align-items:center;gap:8px;min-width:230px;padding:8px 13px;display:flex}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search svg{flex:none;width:14px;height:14px}.search input{color:var(--fg);background:0 0;border:0;outline:0;width:100%;font-family:inherit;font-size:13px}.search input::placeholder{color:var(--fg-faint)}.belt-label{text-transform:uppercase;letter-spacing:.09em;color:var(--fg-faint);align-items:center;gap:8px;margin:12px 0 8px;font-size:11px;font-weight:650;display:flex}.belt-label:after{content:"";background:var(--border);flex:1;height:1px}.row{background:var(--surface);border:1px solid var(--border);color:inherit;cursor:pointer;border-radius:11px;align-items:center;gap:14px;margin-bottom:8px;padding:13px 16px 13px 8px;text-decoration:none;transition:all .14s;display:flex;position:relative}.row:hover{border-color:var(--accent);transform:translate(3px);box-shadow:0 2px 12px #00000024}.row .pid{font-family:var(--mono);color:var(--fg-faint);margin-right:8px;font-size:11px}.row .row-langs{border-left:1px solid var(--border);flex:none;align-items:center;gap:5px;margin-left:10px;padding-left:10px;display:inline-flex}.row .row-langs+.tag{margin-left:2px}.row .row-check{width:20px;height:20px;color:var(--green);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.row .row-check.solved{background:color-mix(in srgb, var(--green) 14%, transparent)}.row .row-solved svg{width:12px;height:12px}.row .info{flex:1;min-width:0}.row .t{letter-spacing:-.01em;font-size:14px;font-weight:600}.row .tags{flex-wrap:wrap;gap:5px;margin-top:3px;display:flex}.tag{color:var(--fg-soft);background:var(--surface-2);border:1px solid var(--border);font-size:10.8px;font-weight:500;font-family:var(--mono);border-radius:5px;padding:1.5px 7px}.tag.type{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}.row .chev{color:var(--fg-faint);font-size:15px}.row:hover .chev{color:var(--accent);transform:translate(2px)}.empty{text-align:center;color:var(--fg-faint);padding:42px 0;font-size:13px}.workspace{flex-direction:column;height:calc(100vh - 52px);display:flex}.split{flex:1;min-height:0;display:flex}.pane{overflow-y:auto}.pane-left{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.pane-right{flex-direction:column;flex:1;min-width:0;display:flex}.panel-tabs{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 45%, var(--bg));flex:none;align-items:stretch;gap:4px;height:44px;padding:0 12px;display:flex}.panel-tabs .tab{text-align:center;height:100%;color:var(--fg-faint);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:12.8px;font-weight:500;transition:all .12s;display:flex}.panel-tabs .tab:hover{color:var(--fg)}.panel-tabs .tab.active{color:var(--fg);border-bottom-color:var(--accent)}.panel-body{flex:1;min-height:0;overflow-y:auto}.ps{padding:20px 24px 32px}.ps-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.ps-title{letter-spacing:-.015em;font-size:20px;font-weight:700}.ps-meta{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.ps-belt{text-transform:uppercase;letter-spacing:.04em;color:var(--fg-soft);align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.ps-body{font-size:14px;line-height:1.65}.ps-body h1{color:var(--fg);letter-spacing:-.01em;margin:0 0 6px;font-size:21px;font-weight:700}.ps-body h2{color:var(--fg);border-top:1px solid var(--border);margin:26px 0 10px;padding-top:14px;font-size:15.5px;font-weight:700}.ps-body h1+h2,.ps-body h2:first-of-type{border-top:0;margin-top:18px;padding-top:0}.ps-body h3{font-family:var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.07em;margin:18px 0 8px;font-size:13px;font-weight:650}.ps-body strong{color:var(--fg);font-weight:650}.ps-body li::marker{color:var(--accent)}.ps-body .tbl-wrap{border:1px solid var(--border);background:var(--surface-2);scrollbar-width:thin;scrollbar-color:var(--accent) transparent;border-radius:10px;margin:0 0 16px;overflow-x:auto}.ps-body .tbl-wrap::-webkit-scrollbar{height:8px}.ps-body .tbl-wrap::-webkit-scrollbar-track{background:0 0}.ps-body .tbl-wrap::-webkit-scrollbar-thumb{background:var(--accent);border:2px solid var(--surface-2);border-radius:99px}.ps-body table{border-collapse:collapse;width:100%;font-size:12.8px;line-height:1.45}.ps-body thead th{text-align:left;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint);border-bottom:1px solid var(--border-2);white-space:nowrap;background:#8b7cf612;padding:9px 13px;font-size:10.5px;font-weight:650}html.light .ps-body thead th{background:#6c5ce70f}.ps-body tbody td{border-bottom:1px solid var(--border);color:var(--fg-soft);vertical-align:top;padding:8.5px 13px}.ps-body tbody tr:last-child td{border-bottom:0}.ps-body tbody tr:nth-child(2n) td{background:#ffffff04}html.light .ps-body tbody tr:nth-child(2n) td{background:#14142805}.ps-body table code{padding:1px 5px;font-size:11.8px}.ps-body p{margin-bottom:13px}.ps-body code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);color:var(--fg);border-radius:4px;padding:1px 5px;font-size:12px}.ps-body img{border:1px solid var(--border);background:var(--bg);border-radius:10px;max-width:100%;height:auto;margin:14px auto 16px;padding:10px 14px;display:block}.ps-body pre{background:var(--code-bg);border:1px solid var(--border);border-radius:9px;margin:0 0 12px;padding:12px 14px;overflow-x:auto}.ps-body pre code{color:var(--fg);background:0 0;border:0;padding:0;font-size:12px}.ps-body strong{font-weight:600}.ps-body ul,.ps-body ol{margin:0 0 12px;padding-left:1.5rem;list-style:outside}.ps-body ol{list-style:decimal}.ps-body li{margin:.25rem 0}.inline-code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);color:var(--fg);border-radius:4px;padding:1px 5px;font-size:12px}.ex{background:var(--surface);border:1px solid var(--border);border-radius:9px;margin-bottom:11px;padding:12px 14px}.ex .lbl{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint);margin-bottom:5px;font-size:10.5px;font-weight:600}.ex .code{font-family:var(--mono);color:var(--fg);white-space:pre-line;font-size:12px}.constraints{margin-top:14px}.constraints h4{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint);margin-bottom:7px;font-size:10.5px;font-weight:600}.constraints ul{font-family:var(--mono);color:var(--fg-soft);flex-direction:column;gap:3px;font-size:11.8px;list-style:none;display:flex}.tc-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12.5px}.tc-table th:first-child,.tc-table td:first-child{width:44px}.tc-table th:nth-child(3),.tc-table td:nth-child(3){width:27%}.tc-table th:nth-child(4),.tc-table td:nth-child(4){width:21%}.tc-table th{text-align:left;font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--fg-faint);border-bottom:1px solid var(--border);padding:8px 14px;font-size:10.5px;font-weight:600}.tc-table td{border-bottom:1px solid var(--border);font-family:var(--mono);color:var(--fg-soft);vertical-align:top;overflow-wrap:anywhere;padding:9px 14px;font-size:12px}.tc-table tr:last-child td{border-bottom:0}.tc-pass{color:var(--green);font-weight:600}.tc-fail{color:#ef4444;font-weight:600}.tc-pending{color:var(--fg-faint);font-style:italic}.tc-stage{border:1px solid var(--border);background:var(--surface);color:var(--fg-soft);font-family:var(--mono);border-radius:9px;margin-top:14px;padding:10px 14px;font-size:11.8px}.tc-stage.ok{color:var(--green);border-color:color-mix(in srgb, var(--green) 35%, var(--border))}.tc-stage.fail{color:#ef4444;border-color:color-mix(in srgb, #ef4444 35%, var(--border))}.sub-empty{text-align:center;color:var(--fg-faint);padding:40px 24px;font-size:12.8px;line-height:1.7}.sub-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 16px;font-size:12.5px;display:flex}.sub-item .sub-status{font-family:var(--mono);border-radius:5px;padding:1.5px 7px;font-size:11px;font-weight:600}.sub-item .sub-status.pass{color:var(--green);background:color-mix(in srgb, var(--green) 14%, transparent)}.sub-item .sub-status.fail{color:#ef4444;background:#ef444424}.sub-item .sub-time{color:var(--fg-faint);font-family:var(--mono);margin-left:auto;font-size:11px}.editor-head{border-bottom:1px solid var(--border);background:var(--surface);flex:none;align-items:center;gap:8px;height:44px;padding:0 14px;display:flex}.editor-code{background:var(--code-bg);flex-direction:column;flex:1;min-height:0;margin:0;display:flex;position:relative}.run-pill{z-index:10;border:1px solid var(--border-2);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:calc(100% - 24px);padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600;position:absolute;bottom:12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 18px -8px #00000080}.run-pill.ok{color:var(--green);border-color:color-mix(in srgb, var(--green) 45%, transparent)}.run-pill.fail{color:#ef4444;border-color:#ef444473}.run-pill.running{color:var(--fg-soft)}.run-pill.running:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:8px;animation:1s ease-in-out infinite run-pill-pulse;display:inline-block}@keyframes run-pill-pulse{0%,to{opacity:1}50%{opacity:.25}}.sub-submit{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin:10px 16px;padding:8px 12px;font-size:12.5px;font-weight:600}.sub-submit-sending{color:var(--fg-soft);align-items:center;gap:8px;display:flex}.sub-submit-sending:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite run-pill-pulse}.sub-submit-not-sent{color:#ef4444;border-color:color-mix(in srgb, #ef4444 35%, var(--border))}.sub-item .sub-lang{align-items:center;display:inline-flex}.sub-item .sub-gist{color:var(--accent);white-space:nowrap;align-items:center;gap:5px;margin-left:12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.sub-item .sub-gist svg{width:14px;height:14px}.sub-item .sub-gist .sub-gist-arrow{opacity:.75;width:11px;height:11px}.sub-item .sub-gist:hover{text-decoration:underline}.editor-code>div{flex:1;min-height:0}.cm-editor .cm-lineNumbers .cm-gutterElement{padding:0 0 0 5px}.cm-editor .cm-gutters{background:var(--code-gutter)}.editor-footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 65%, var(--bg));height:26px;color:var(--fg-faint);font-family:var(--mono);white-space:nowrap;flex:none;align-items:center;gap:14px;padding:0 14px;font-size:10.8px;display:flex}.editor-footer .ef-lang{color:var(--fg-soft);font-weight:600}.editor-footer .ef-muted{color:var(--fg-faint)}.editor-footer .ef-status{border:1px solid var(--border);color:var(--green);border-radius:99px;padding:1.5px 8px}.btn{border:1px solid var(--border-2);background:var(--surface-2);color:var(--fg);cursor:pointer;border-radius:7px;padding:5.5px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .12s}.btn:hover{border-color:var(--fg-faint)}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 2px 10px color-mix(in srgb, var(--accent) 40%, transparent);border:0}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{color:var(--fg-soft);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--fg);border-color:var(--border)}.terminal{border-top:1px solid var(--border);background:var(--surface);flex-direction:column;flex:none;height:134px;min-height:0;display:none}.terminal.on{display:flex}.term-head{border-bottom:1px solid var(--border);color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em;flex:none;align-items:center;gap:8px;padding:6px 16px;font-size:10.5px;font-weight:650;display:flex}.term-head .dot{background:var(--green);opacity:.8;border-radius:50%;width:7px;height:7px}.term-body{min-height:0;font-family:var(--mono);color:var(--fg-soft);flex:1;padding:4px 0 0;font-size:11.8px}.term-close{color:var(--fg-faint);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0 4px;font-size:14px}.term-close:hover{color:var(--fg)}.cm-editor{height:100%}.dropdown-content{background:var(--surface);border-color:var(--border);color:var(--fg)}.reset-popover{position:relative}.reset-popover-panel{z-index:1000;background:var(--surface);border:1px solid var(--border-2);border-radius:10px;min-width:240px;padding:14px;animation:.12s ease-out popover-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000059}@keyframes popover-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.reset-popover-title{color:var(--fg);margin-bottom:4px;font-size:.875rem;font-weight:600}.reset-popover-desc{color:var(--fg-soft);margin-bottom:12px;font-size:.8rem;line-height:1.4}.reset-popover-actions{justify-content:flex-end;gap:8px;display:flex}.btn.danger{color:#e06060;background:#e060601f;border-color:#e0606066;font-weight:600}.btn.danger:hover{background:#e0606033;border-color:#e060608c}.landing{flex:1;width:100%;max-width:960px;margin:0 auto;padding:4rem 2rem 1rem}.landing-hero{text-align:center}.landing-brand{flex-direction:column;align-items:center;gap:14px;display:flex}.landing-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;width:64px;height:64px;box-shadow:0 10px 30px -8px color-mix(in srgb, var(--accent) 55%, transparent);border-radius:18px;place-items:center;font-size:28px;font-weight:800;display:grid}.landing-wordmark{letter-spacing:-.03em;color:var(--fg);font-size:2.9rem;font-weight:800;line-height:1.1}.landing-wordmark .grad{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.landing-tagline{color:var(--fg-soft);max-width:560px;margin:1.2rem auto 0;font-size:1.15rem}.landing-cta-row{justify-content:center;gap:.8rem;margin-top:2rem;display:flex}.landing-btn{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:.5rem;padding:11px 22px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.landing-btn-primary{background:var(--accent);color:#fff}.landing-btn-primary:hover{background:var(--accent-2)}.landing-btn-ghost{background:var(--surface);color:var(--fg);border-color:var(--border-2)}.landing-btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.landing-section{margin-top:4.5rem}.landing-section-head{text-align:center;margin-bottom:1.5rem}.landing-section-head h2{color:var(--fg);font-size:1.35rem;font-weight:700}.landing-section-head p{color:var(--fg-faint);margin-top:4px;font-size:12.5px}.landing-topic-grid{grid-template-columns:repeat(5,1fr);gap:12px;max-width:760px;margin:0 auto;display:grid}.landing-cat-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;justify-content:center;gap:3px;width:fit-content;margin:0 auto 2px;padding:3px;display:flex}.landing-cat-tab{color:var(--fg-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 18px;font-size:12.5px;font-weight:600;transition:all .12s}.landing-cat-tab.active{background:var(--surface);color:var(--fg);box-shadow:0 1px 3px #0000002e}.landing-cat-desc{text-align:center;color:var(--fg-soft);max-width:520px;margin:10px auto 16px;font-size:12.5px}.landing-topic-card{background:var(--surface);border:1px solid var(--border);text-align:center;color:var(--fg);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;text-decoration:none;transition:all .15s;display:flex}.landing-topic-card:hover{border-color:var(--accent);transform:translateY(-1px)}.landing-topic-glyph{color:#fff;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.landing-topic-glyph svg{width:21px;height:21px}.landing-topic-card .txt{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.landing-topic-card .name{font-size:13px;font-weight:650}.landing-topic-card .desc{color:var(--fg-faint);font-size:10.5px;line-height:1.4}.landing-ladder{justify-content:center;max-width:760px;margin:0 auto;display:flex}.landing-ladder-item{text-align:center;flex:1;padding:0 10px;position:relative}.landing-ladder-item .bar{border:1px solid var(--border-2);border-radius:7px;width:100%;height:14px;margin-bottom:8px;display:block}.landing-ladder-item .name{color:var(--fg);font-size:12.5px;font-weight:650}.landing-ladder-item .desc{color:var(--fg-faint);margin-top:2px;font-size:10.5px}.landing-ladder-item:not(:last-child):after{content:"";background:var(--border-2);width:12px;height:1px;position:absolute;top:7px;right:-6px}.landing-footer{text-align:center;color:var(--fg-faint);padding:2.5rem 0 3rem;font-size:12px}.ide-root{flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.ide-body{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.mobile-switch{display:none}.lesson-env-note{color:var(--color-fg-muted,#8b93a7);border-bottom:1px solid var(--color-border,#232936);flex:none;padding:8px 20px;font-size:12px}.lesson-root{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.lesson-content{flex:none;width:100%;max-width:760px;margin:0 auto}.ide-body .rp-panel>div:first-child{min-height:0}@media (width<=900px){.ide-body.tabs-desc>.rp-panel:first-child,.ide-body.tabs-code>.rp-panel:last-child{flex-direction:column;min-height:0;display:flex;overflow:hidden;flex:auto!important;height:auto!important}.ide-body.tabs-code>.rp-panel:last-child>div,.ide-body.tabs-desc>.rp-panel:first-child>div{flex-direction:column;flex:1;min-height:0;display:flex;height:auto!important}}.quiz-pane-head{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 45%, var(--bg));flex:none;align-items:center;gap:10px;height:44px;padding:0 16px;display:flex}.quiz-pane-title{color:var(--fg);font-size:12.8px;font-weight:600}.quiz-pane-badge{border:1px solid color-mix(in srgb, #22c55e 40%, var(--border));background:color-mix(in srgb, #22c55e 12%, var(--bg));color:#22c55e;border-radius:99px;margin-left:auto;padding:2px 9px;font-size:11px;font-weight:700}.quiz-pane-body{flex:1;min-height:0;overflow-y:auto}.quiz-empty{color:var(--fg-faint);padding:24px 20px;font-size:13px}.quiz-pane-foot{border-top:1px solid var(--border);flex:none;align-items:center;gap:12px;padding:12px 16px;display:flex}.quota-reset-line{align-items:baseline;gap:8px;margin-top:6px;display:flex}.quota-countdown{font-family:var(--mono);letter-spacing:.06em;font-size:15px;font-weight:700}.quiz-foot-error{color:#ef4444;font-size:12px;font-weight:600}.quiz-foot-hint{color:#22c55e;font-size:12px;font-weight:600}.lesson-quiz{flex-direction:column;gap:14px;margin:16px 20px 28px;display:flex}.lesson-quiz-done{border:1px solid var(--border-soft,var(--border));background:var(--surface-2,var(--surface));color:var(--fg-soft);border-radius:10px;padding:10px 14px;font-size:13px}.lq-item{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:14px 14px 12px}.lq-item.active{border-color:var(--accent)}.lq-q{color:var(--fg);margin-bottom:10px;font-size:13.5px;font-weight:600}.lq-num{color:var(--fg-faint);margin-right:4px;font-weight:600}.lq-opts{flex-direction:column;gap:7px;display:flex}.lq-opt{text-align:left;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;transition:border-color .12s,background .12s;display:flex}.lq-opt:hover{border-color:var(--fg-faint)}.lq-opt.ok{background:color-mix(in srgb, #22c55e 10%, var(--bg));border-color:#22c55e}.lq-opt.bad{background:color-mix(in srgb, #ef4444 8%, var(--bg));border-color:#ef4444}.lq-opt.ans{outline:2px solid #22c55e73}.lq-bullet{background:var(--surface-2,var(--surface));border:1px solid var(--border);width:22px;height:22px;color:var(--fg-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.lq-check{color:#22c55e;margin-left:auto;font-weight:800}.lq-expl{border:1px solid var(--border);background:var(--surface-2,var(--surface));border-radius:8px;margin-top:10px;padding:8px 10px;font-size:12.5px;line-height:1.45}.lq-expl.ok{border-color:color-mix(in srgb, #22c55e 35%, var(--border))}.lq-expl.fail{border-color:color-mix(in srgb, #ef4444 35%, var(--border))}.lesson-quiz-banner{border:1px solid color-mix(in srgb, #22c55e 30%, var(--border));background:color-mix(in srgb, #22c55e 10%, var(--bg));color:var(--fg);border-radius:10px;margin:0 20px 22px;padding:10px 14px;font-size:13px;font-weight:600}@media (width<=900px){.app-body{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;gap:18px 28px;width:100%}.sidebar .side-block{flex:200px}.content{padding:22px 20px 48px}.list-subheader{padding:0 14px}.ide-body{flex-direction:column}.ide-body>.rp-panel{flex:none;width:100%!important;height:auto!important}.ide-body>.rp-panel:first-child{flex:0 0 45%}.ide-body>.rp-panel:last-child{flex:auto}.rp-handle{display:none}.mobile-switch{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 45%, var(--bg));flex:none;align-items:flex-end;gap:2px;height:38px;padding:4px 6px 0;display:flex}.mobile-switch button{text-align:center;color:var(--fg-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:8px 8px 0 0;flex:1;padding:7px 4px;font-family:inherit;font-size:11.5px;font-weight:550;transition:all .12s}.mobile-switch button:hover{color:var(--fg)}.mobile-switch button.active{color:var(--fg);background:var(--bg);border-color:var(--border);border-bottom:1px solid var(--bg);margin-bottom:-1px;box-shadow:0 -2px 10px #8b7cf626}.ide-body.tabs-desc>.rp-panel:last-child,.ide-body.tabs-code>.rp-panel:first-child{display:none}.ide-body.tabs-desc>.rp-panel:first-child,.ide-body.tabs-code>.rp-panel:last-child{flex:auto}}@media (width<=800px){.landing-topic-grid{grid-template-columns:1fr;gap:10px;max-width:330px}.landing-topic-card{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:12px 14px}.landing-topic-card .txt{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.landing-topic-card .name,.landing-topic-card .desc{text-align:left}.landing-ladder{flex-direction:column;gap:10px;max-width:480px}.landing-ladder-item{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:11px;align-items:center;gap:12px;padding:10px 14px;display:flex}.landing-ladder-item .txt{flex-direction:column;gap:2px;min-width:0;display:flex}.landing-ladder-item .bar{flex:none;width:40px;height:14px;margin:0}.landing-ladder-item .name{font-size:13px}.landing-ladder-item .desc{margin-top:0}.landing-ladder-item:not(:last-child):after{display:none}}@media (width<=640px){.app-header{gap:10px;padding:0 12px}.brand-name,.nav{display:none}.mobile-nav{flex:none;display:block}.theme-toggle{padding:0 9px}.theme-toggle span{display:none}.theme-toggle.lang-toggle span{display:inline}.sign-in-btn{padding:0 13px}.user-chip .uname{display:none}.auth-dd,.dd-menu{max-width:calc(100vw - 24px)}.gate-card{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.landing{padding:2.5rem 1.25rem 1rem}.landing-wordmark{font-size:2.15rem}.landing-tagline{font-size:1.02rem}.landing-cta-row{flex-wrap:wrap}.content{padding:18px 14px 44px}.content-head{gap:10px}.search{width:100%;min-width:0}.row{gap:10px;padding:12px 14px}.row .info{padding-left:10px}.topic-tab{padding:0 12px}.ps{padding:16px 16px 28px}.editor-head{gap:6px;padding:0 10px}.editor-head .dropdown-trigger{min-width:0;padding:0 9px}.editor-footer{gap:10px;padding:0 10px}}.settings{width:100%;max-width:880px;margin:0 auto}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:18px;padding:4px 20px 14px}.settings-card-title{text-transform:uppercase;letter-spacing:.1em;color:var(--fg-faint);margin-bottom:2px;font-size:10.5px;font-weight:650}.settings-lang-opt{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:11px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-label{color:var(--fg);font-size:13px;font-weight:550}.settings-value{color:var(--fg-soft);font-size:12.5px}.settings-control{align-items:center;gap:10px;display:flex}.settings-select{appearance:none;background:var(--surface-2);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:8px;outline:none;min-width:150px;padding:7px 10px;font-family:inherit;font-size:13px}.settings-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.settings-slider{appearance:none;background:var(--border-2);cursor:pointer;border-radius:999px;outline:none;width:150px;height:4px}.settings-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px}.settings-toggle{appearance:none;background:var(--border-2);cursor:pointer;border-radius:999px;outline:none;flex-shrink:0;width:40px;height:22px;transition:background .15s;position:relative}.settings-toggle:after{content:"";background:var(--fg);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.settings-toggle:checked{background:var(--accent)}.settings-toggle:checked:after{transform:translate(18px)}.settings-toggle:focus-visible{box-shadow:0 0 0 3px var(--accent-soft)}.settings-hint{color:var(--fg-faint);margin:6px 0 0;font-size:12px;line-height:1.45}.settings-btn{appearance:none;background:var(--surface-2);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:8px;outline:none;min-width:92px;padding:7px 12px;font-family:inherit;font-size:13px;transition:border-color .12s}.settings-btn:hover{border-color:var(--accent)}.settings-btn:disabled{opacity:.6;cursor:default}.settings-btn-danger{color:#e06060;background:#e060601f;border-color:#e0606066;min-width:118px;font-weight:600}.settings-btn-danger:hover{background:#e060602e;border-color:#e0606080}.settings-btn-danger-solid{color:#fff;background:#e06060;border-color:#e06060;min-width:128px;font-weight:600}.settings-btn-danger-solid:hover{background:#c94f4f;border-color:#c94f4f}.settings-danger{border-color:color-mix(in srgb, #e06060 35%, var(--border))}.settings-danger-title{color:#e06060}.settings-error{color:#e06060;margin-top:6px;font-size:12.5px}