:root{--bg: #F7F8FA;--bg-side: #FFFFFF;--surface: #FFFFFF;--surface-sunk: #FAFBFC;--ink: #191C20;--ink-2: #464B53;--ink-3: #5B616B;--ink-4: #8A9099;--line: #E5E8EC;--line-strong: #D5DAE0;--accent: #1E5E4E;--accent-ink: #123E33;--accent-soft: #DCEBE4;--warn: #C2410C;--warn-soft: #FFFBF4;--warn-line: #E8C9A0;--danger: #A3361F;--nav: #191C20;--nav-on: #8FD3B8;--badge: #E0582A;--scrim: rgba(25, 28, 32, .42);--alert: #D92D20;--sunk: #F1F3F6;--sidebar-w: 248px;--sidebar-w-collapsed: 72px;--header-h: 60px;--header-h-mobile: 56px;--icon-md: 20px;--icon-sm: 18px;--icon-xs: 14px;--font-lg: 20px;--font-md: 16px;--font-sm: 14px;--avatar: 24px;--btn-h: 44px;--radius: 12px;--radius-lg: 16px;--mnav-h: 48px;--mnav-bottom: calc(6px + env(safe-area-inset-bottom)) ;--font: "Noto Sans KR", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px}a{color:var(--accent)}a:hover{color:var(--accent-ink)}button,input,textarea,select{font:inherit;color:inherit}.mono{font-family:var(--mono)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--btn-h);padding:0 18px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-size:var(--font-sm);font-weight:500;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn--dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn--danger{color:var(--danger)}.input{width:100%;height:var(--btn-h);padding:0 14px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface-sunk);font-size:15px}textarea.input{height:auto;min-height:88px;padding:12px 14px;resize:vertical}.label{font-size:var(--font-sm);font-weight:500;color:var(--ink-2)}.chip{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:var(--font-sm);white-space:nowrap;cursor:pointer}.chip--on{background:var(--ink);border-color:var(--ink);color:#fff}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}@keyframes pane-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pane-in{animation:pane-in .26s cubic-bezier(.22,.68,0,1) both}.pane-in .m{animation:bubble-in .24s cubic-bezier(.22,.68,0,1) both}.pane-in .m:nth-last-child(1){animation-delay:.12s}.pane-in .m:nth-last-child(2){animation-delay:.09s}.pane-in .m:nth-last-child(3){animation-delay:.06s}.pane-in .m:nth-last-child(4){animation-delay:.03s}@media(prefers-reduced-motion:reduce){.pane-in,.pane-in .m{animation:none}}
