:root{--ds-primary:#06f;--ds-primary-strong:#005eeb;--ds-primary-heavy:#0054d1;--ds-label-normal:#171719;--ds-label-strong:#000;--ds-label-neutral:#2e2f33e0;--ds-label-alternative:#37383c9c;--ds-label-assistive:#37383c47;--ds-label-disable:#37383c29;--ds-bg-normal:#fff;--ds-bg-alternative:#f7f7f8;--ds-line-normal:#70737c38;--ds-line-neutral:#70737c29;--ds-line-alternative:#70737c14;--ds-fill-normal:#70737c14;--ds-fill-strong:#70737c29;--ds-interaction-disable:#f4f4f5;--ds-positive:#00bf40;--ds-cautionary:#ff9200;--ds-negative:#ff4242;--ds-shadow-small:0 1px 2px #1717170f, 0 1px 4px #1717170f;--ds-shadow-medium:0 2px 8px #17171714, 0 1px 4px #1717170a;--ds-radius-s:8px;--ds-radius-m:12px;--ds-radius-l:16px;--bg:var(--ds-bg-alternative);--card:var(--ds-bg-normal);--ink:var(--ds-label-normal);--mute:var(--ds-label-alternative);--line:var(--ds-line-neutral);--accent:var(--ds-primary);--warn:var(--ds-negative)}body{letter-spacing:.0057em;-webkit-font-smoothing:antialiased;font-family:Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:16px;line-height:24px}h1{letter-spacing:-.023em;margin:8px 0 20px;font-size:24px;font-weight:700;line-height:32px}h2{letter-spacing:-.002em;margin:0 0 12px;font-size:18px;font-weight:600;line-height:26px}label{letter-spacing:.0145em;color:var(--ds-label-neutral);margin:16px 0 8px;font-size:14px;font-weight:500;line-height:20px}.mute{letter-spacing:.0194em;color:var(--ds-label-alternative);font-size:13px;line-height:18px}.big{letter-spacing:-.0236em;font-size:28px;font-weight:700;line-height:38px}.card{border-radius:var(--ds-radius-l);box-shadow:var(--ds-shadow-small);border:0;padding:20px}input,select,textarea{border:1px solid var(--ds-line-normal);border-radius:var(--ds-radius-m);min-height:48px;color:var(--ds-label-normal);background:var(--ds-bg-normal);padding:12px;font-size:16px;line-height:24px}input::placeholder,textarea::placeholder{color:var(--ds-label-assistive)}input:focus,select:focus,textarea:focus{border-color:var(--ds-primary);outline:none;box-shadow:0 0 0 3px #0066ff1f}button{border-radius:var(--ds-radius-m);letter-spacing:.0057em;background:var(--ds-primary);min-height:48px;padding:12px 20px;font-size:16px;font-weight:600;line-height:24px;transition:background-color .12s}button:hover:not(:disabled){background:var(--ds-primary-strong)}button:active:not(:disabled){background:var(--ds-primary-heavy)}button:disabled{opacity:1;background:var(--ds-interaction-disable);color:var(--ds-label-disable)}button.ghost{background:var(--ds-bg-normal);color:var(--ds-label-normal);border:1px solid var(--ds-line-normal)}button.ghost:hover:not(:disabled){background:var(--ds-fill-normal)}button.ghost:disabled{color:var(--ds-label-disable)}.err{color:var(--ds-negative);font-size:14px;line-height:20px}.cats a{background:var(--ds-fill-normal);color:var(--ds-label-neutral);border:0;border-radius:999px;min-height:40px;padding:8px 14px;font-size:14px;font-weight:500}.cats a.on{background:var(--ds-label-normal);color:#fff}.cats a.soon{color:var(--ds-label-assistive)}.nav{border-bottom:1px solid var(--ds-line-alternative)}.nav a{color:var(--ds-label-assistive);padding:12px;font-size:15px;font-weight:600}.nav a.on{color:var(--ds-label-normal);border-bottom:2px solid var(--ds-label-normal)}.tag{background:var(--ds-fill-normal);color:var(--ds-label-neutral);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;line-height:16px}.list>div{border-bottom:1px solid var(--ds-line-alternative);padding:14px 0}table{border-collapse:collapse}th{color:var(--ds-label-alternative);font-size:13px;font-weight:500}td,th{border-bottom:1px solid var(--ds-line-alternative);padding:10px 8px}button.item:hover:not(:disabled),a.item:hover{background:var(--ds-fill-normal,#00000008)}button.item:active:not(:disabled){background:var(--ds-fill-strong,#0000000f)}.icon-btn:hover:not(:disabled),.icon-btn:active:not(:disabled){background:var(--ds-fill-normal,#0000000a)}.seg button:hover:not(:disabled),.seg button:active:not(:disabled),.space-switch button:hover:not(:disabled),.space-switch button:active:not(:disabled){background:0 0}.space-switch button.on:hover:not(:disabled),.space-switch button.on:active:not(:disabled){background:var(--card,#fff)}.more .more-menu button:active:not(:disabled){background:#00000014}button.danger:hover:not(:disabled),button.danger:active:not(:disabled){background:var(--warn);filter:brightness(.92)}button.ghost:active:not(:disabled){background:var(--ds-fill-strong,#0000000f)}
