:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141518;--panel:#1c1d21;--panel-2:#24262b;--panel-3:#2e3036;--hover:#383b42;--input-bg:#121316;--border:#33363d;--border-strong:#4a4e57;--text:#ececee;--muted:#9ea3ab;--accent:#5b8cff;--accent-hover:#739dff;--link:#5b8cff;--link-hover:#739dff;--accent-soft:#5b8cff33;--on-accent:#fff;--karaoke:#ff5c8a;--karaoke-block:#7a3550;--stripe:#ffffff06;--track-0:#5b8cff;--track-1:#e0a83a;--track-2:#4cc38a;--track-3:#d36ad6;--track-4:#e8665a;--track-5:#3fc1d0;--danger:#ff6b6b;--warning:#ffb74d;--shadow:0 10px 30px #00000073;--track:#3a3d44;--thumb:#fff;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ea3ab' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef0f3;--panel:#fff;--panel-2:#f5f6f8;--panel-3:#eceef2;--hover:#e1e4ea;--input-bg:#fff;--border:#d9dce2;--border-strong:#b9bec8;--text:#1c1f24;--muted:#5e6570;--accent:#2f6fec;--accent-hover:#1f5ed8;--link:#1f5ed8;--link-hover:#1a4fb8;--accent-soft:#2f6fec24;--on-accent:#fff;--karaoke:#e0306a;--karaoke-block:#f2b8cb;--stripe:#00000006;--track-0:#2f6fec;--track-1:#b7791f;--track-2:#22915a;--track-3:#a63bab;--track-4:#c8463b;--track-5:#1b8b98;--danger:#d93b3b;--warning:#c27600;--shadow:0 10px 30px #141e322e;--track:#d3d7de;--thumb:#fff;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e6570' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}:root{--radius:.5rem;--radius-sm:.35rem;--control-h:2.15rem;--font:system-ui, -apple-system, "Segoe UI", "Noto Sans TC", "Noto Sans JP", "Noto Sans KR", sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--ring:0 0 0 3px var(--accent-soft);font-size:16px}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:.9375rem;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{box-shadow:var(--ring);outline:none}button{min-height:var(--control-h);border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-3);cursor:pointer;justify-content:center;align-items:center;gap:.35rem;padding:0 .8rem;font-weight:500;transition:background-color .12s,border-color .12s,box-shadow .12s;display:inline-flex}button:hover:not(:disabled){background:var(--hover)}button:active:not(:disabled){transform:translateY(.5px)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);filter:brightness(1.1)}button.icon{width:var(--control-h);padding:0}button.ghost{background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--panel-3)}a{color:var(--link);-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:.18em;transition:color .12s,text-decoration-color .12s}a:hover{color:var(--link-hover);text-decoration-color:currentColor}a.button{min-height:var(--control-h);border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-3);color:var(--text);white-space:nowrap;align-items:center;gap:.4rem;padding:0 1rem;font-weight:600;text-decoration:none;display:inline-flex}a.button:hover{background:var(--hover)}a.button.primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}a.button.primary:hover{background:var(--accent-hover)}a.button.large{border-radius:999px;min-height:2.9rem;padding:0 1.4rem;font-size:1.05rem}input:not([type=checkbox],[type=radio],[type=range],[type=color]),select,textarea{min-height:var(--control-h);border:1px solid var(--border);border-radius:var(--radius);background:var(--input-bg);padding:0 .6rem;transition:border-color .12s,box-shadow .12s}textarea{padding:.45rem .6rem;line-height:1.45}input:not([type=checkbox],[type=radio],[type=range],[type=color]):hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}select{appearance:none;background-image:var(--chevron);cursor:pointer;background-position:right .55rem center;background-repeat:no-repeat;background-size:.9rem;padding-right:2rem}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=checkbox],input[type=radio]{appearance:none;border:1.5px solid var(--border-strong);background:var(--input-bg);cursor:pointer;border-radius:.3rem;flex:none;place-content:center;width:1.15rem;height:1.15rem;margin:0;transition:background-color .12s,border-color .12s;display:inline-grid}input[type=radio]{border-radius:50%}input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 75% no-repeat}input[type=radio]:checked{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--input-bg)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.45;cursor:default}label:has(>input:is([type=checkbox],[type=radio]):disabled){color:var(--muted);opacity:.7;cursor:default}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:1.25rem;margin:0;padding:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill,0%), var(--track) var(--fill,0%));border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--thumb);border:none;border-radius:50%;width:.9rem;height:.9rem;margin-top:calc(2px - .45rem);transition:transform .1s;box-shadow:0 0 0 1px #0000002e,0 1px 3px #00000059}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]::-moz-range-track{background:var(--track);border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{background:var(--thumb);border:none;border-radius:50%;width:.9rem;height:.9rem;box-shadow:0 0 0 1px #0000002e,0 1px 3px #00000059}input[type=range]:focus-visible{box-shadow:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--ring)}input[type=color]{appearance:none;width:var(--control-h);height:var(--control-h);border:1px solid var(--border);border-radius:var(--radius);background:var(--input-bg);cursor:pointer;flex:none;padding:.2rem}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:var(--radius-sm);border:none}input[type=color]::-moz-color-swatch{border-radius:var(--radius-sm);border:none}kbd{border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--mono);border-bottom-width:2px;padding:0 .3rem;font-size:.8em}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}