.ladder-app{--bg-top:#fdfdfd;--bg-bottom:#fdfdfd;--surface:#fff;--surface-subtle:#00000004;--surface-hover:#00000009;--line-dim:#00000015;--line-dim-2:#00000025;--text-hi:#030303;--text-mid:#464646;--text-dim:#696969;--accent:#3ecf8e;--accent-fill:#72e3ad;--accent-border:#15b674bf;--on-accent:#030303;--win:#3ecf8e;--lose:#696969;--danger:#b3261e;--radius:6px;--ease:cubic-bezier(0, 0, .2, 1);background:var(--bg-top);color:var(--text-hi);font-family:var(--font-inter), Inter, system-ui, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", sans-serif;min-height:100dvh;font-size:15px;line-height:1.5}.ladder-app ::selection{background:#3ecf8e47}.ladder-app .mono{font-variant-numeric:tabular-nums}.ladder-app input{color:var(--text-hi);outline:none}.ladder-app button,.ladder-app a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ladder-app .elevate-sm{box-shadow:none}.ladder-app .elevate-md{box-shadow:0 1px 2px #0000000a}.ladder-app .elevate-lg{box-shadow:0 4px 12px #00000014}.ladder-app ::-webkit-scrollbar{width:4px}.ladder-app ::-webkit-scrollbar-track{background:0 0}.ladder-app ::-webkit-scrollbar-thumb{background:var(--line-dim-2);border-radius:2px}.ladder-app .no-scrollbar::-webkit-scrollbar{display:none}.ladder-app .no-scrollbar{scrollbar-width:none}@keyframes ladder-bulb{0%,to{opacity:.4}50%{opacity:.85}}.ladder-app .bulb-breathe{animation:2s ease-in-out infinite ladder-bulb}.ladder-app .sb-card{background:var(--surface);border:1px solid var(--line-dim-2);border-radius:var(--radius)}.ladder-app .sb-t{transition:color .2s var(--ease), background-color .2s var(--ease), border-color .2s var(--ease), opacity .2s var(--ease)}.ladder-app .sb-h1{letter-spacing:-.55px;font-size:22px;font-weight:600;line-height:1.333}.ladder-app .sb-label{color:var(--text-mid);font-size:13px}.ladder-app .sb-meta{color:var(--text-dim);font-size:12px;line-height:16px}.ladder-app .sb-btn{border-radius:var(--radius);border:1px solid var(--line-dim-2);height:42px;color:var(--text-hi);cursor:pointer;background:0 0;padding:8px 16px;font-size:15px;font-weight:500}.ladder-app .sb-btn:hover:not(:disabled){background:var(--surface-hover)}.ladder-app .sb-btn-brand{background:var(--accent-fill);border-color:var(--accent-border);color:var(--on-accent)}.ladder-app .sb-btn-brand:hover:not(:disabled){background:var(--accent)}.ladder-app .sb-btn:disabled{background:var(--surface-subtle);border-color:var(--line-dim-2);color:var(--text-dim);cursor:not-allowed}.ladder-app .sb-input{border-radius:var(--radius);border:1px solid var(--line-dim-2);background:var(--surface-subtle);width:100%;height:34px;padding:8px 12px;font-size:15px}.ladder-app .sb-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.ladder-app .sb-seg{border-radius:var(--radius);height:26px;color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;padding:4px 10px;font-size:12px}.ladder-app .sb-seg:hover{color:var(--text-hi);background:var(--surface-hover)}.ladder-app .sb-seg[data-active=true]{background:var(--surface);border-color:var(--line-dim-2);color:var(--text-hi)}.ladder-app .sb-seg-group{background:var(--surface-subtle);border:1px solid var(--line-dim);border-radius:var(--radius);gap:4px;padding:4px;display:flex;overflow-x:auto}