:root{--color-primary:#5b6cff;--color-primary-dark:#4a59e0;--color-primary-solid:#5b6cff;--color-danger-solid:#e5484d;--color-yarn:#ff8fa3;--color-bg:#f5f6fa;--color-surface:#fff;--color-text:#1a1c24;--color-text-muted:#7a7f8c;--color-border:#e6e8ef;--color-danger:#e5484d;--color-success:#16a34a;--color-warning:#d97706;--color-call-bg:#1a1c24;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:8px;--radius-lg:14px;--radius-xl:20px;--tab-bar-height:60px;--header-height:52px;--app-max-width:480px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-theme=dark]{--color-primary:#7b89ff;--color-primary-dark:#6573f0;--color-bg:#0f1117;--color-surface:#1a1d27;--color-text:#eceef5;--color-text-muted:#9aa0b0;--color-border:#2b3040;--color-danger:#ff6b70;--color-success:#3ccf72;--color-warning:#f0a23b;--color-yarn:#ff9fb0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--color-primary:#7b89ff;--color-primary-dark:#6573f0;--color-bg:#0f1117;--color-surface:#1a1d27;--color-text:#eceef5;--color-text-muted:#9aa0b0;--color-border:#2b3040;--color-danger:#ff6b70;--color-success:#3ccf72;--color-warning:#f0a23b;--color-yarn:#ff9fb0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere;overscroll-behavior-y:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:16px}.app-shell{min-height:100dvh;max-width:var(--app-max-width);background:var(--color-bg);flex-direction:column;margin:0 auto;display:flex;position:relative}@media (min-width:600px){.app-shell{box-shadow:0 0 0 1px var(--color-border)}}.app-header{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-3);height:var(--header-height);padding:0 var(--space-4);padding-top:var(--safe-top);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.app-header-title{margin:0;font-size:18px;font-weight:700}.app-content{padding:var(--space-4);flex:1}.app-content[data-has-tabbar=true]{padding-bottom:calc(var(--tab-bar-height) + var(--safe-bottom) + var(--space-4))}.bottom-tab-bar{width:100%;max-width:var(--app-max-width);height:calc(var(--tab-bar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:30;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.matching-status-bar{left:50%;bottom:calc(var(--tab-bar-height) + var(--safe-bottom));width:calc(100% - var(--space-4) * 2);max-width:calc(var(--app-max-width) - var(--space-4) * 2);align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-lg);z-index:29;padding:10px 12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 14px #1418281f}.bottom-tab-item{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:48px;display:flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.muted{color:var(--color-text-muted)}.center-screen{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;min-height:60dvh;display:flex}.audio-range{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;height:28px;margin:0;padding:0}.audio-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-primary) var(--progress,0%), var(--color-border) var(--progress,0%));border-radius:999px;height:4px}.audio-range::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border:0;border-radius:50%;width:16px;height:16px;margin-top:-6px}.audio-range::-moz-range-track{background:linear-gradient(to right, var(--color-primary) var(--progress,0%), var(--color-border) var(--progress,0%));border-radius:999px;height:4px}.audio-range--bars{height:100%}.audio-range--bars::-webkit-slider-runnable-track{background:0 0;height:100%}.audio-range--bars::-webkit-slider-thumb{background:0 0;border-radius:0;width:2px;height:100%;margin-top:0}.audio-range--bars::-moz-range-track{background:0 0;height:100%}.audio-range--bars::-moz-range-thumb{background:0 0;border:0;border-radius:0;width:2px;height:100%}.audio-range::-moz-range-thumb{background:var(--color-primary);border:0;border-radius:50%;width:16px;height:16px}.audio-range:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:8px}