@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{color-scheme:light;font-family:Noto Sans KR,sans-serif;--color-ink: #171717;--color-body: #4d4d4d;--color-mute: #888888;--color-link: #0070f3;--color-canvas: #ffffff;--color-canvas-soft: #fafafa;--color-canvas-soft-2: #f5f5f5;--color-hairline: #ebebeb;--color-hairline-strong: #a1a1a1;--color-on-ink: #ffffff;--color-indigo: #171717;--color-indigo-light: #f5f5f5;--color-indigo-mid: #a1a1a1;--color-indigo-grad: #171717;--color-bg: #ffffff;--color-bg-sub: #fafafa;--color-bg-app: #fafafa;--color-border: #ebebeb;--color-text: #171717;--color-text-sub: #4d4d4d;--color-text-muted: #888888;--color-dark: #171717;--color-danger: #ee0000;--color-warning: #f5a623;--sidebar-w: 264px;--bottom-nav-h: 60px;--safe-bottom: env(safe-area-inset-bottom, 0px);--radius: 8px;--radius-sm: 6px;--radius-lg: 12px;--radius-pill: 100px;--shadow-card-1: inset 0 0 0 1px rgba(0, 0, 0, .08);--shadow-card-2: 0px 1px 1px rgba(0, 0, 0, .02), 0px 2px 2px rgba(0, 0, 0, .04), inset 0 0 0 1px rgba(0, 0, 0, .06);--shadow-card-3: 0px 2px 2px rgba(0, 0, 0, .04), 0px 8px 8px -8px rgba(0, 0, 0, .04), inset 0 0 0 1px rgba(0, 0, 0, .06);--shadow-card-4: 0px 4px 4px rgba(0, 0, 0, .04), 0px 12px 16px -8px rgba(0, 0, 0, .06), inset 0 0 0 1px rgba(0, 0, 0, .06);--shadow-modal: 0px 1px 1px rgba(0, 0, 0, .02), 0px 8px 16px -4px rgba(0, 0, 0, .04), 0px 24px 32px -8px rgba(0, 0, 0, .06), inset 0 0 0 1px rgba(0, 0, 0, .06);--font-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-theme=dark]{color-scheme:dark;--color-ink: #ededed;--color-body: #a1a1a1;--color-mute: #707070;--color-link: #4e9eff;--color-canvas: #0a0a0a;--color-canvas-soft: #111111;--color-canvas-soft-2: #171717;--color-hairline: #2a2a2a;--color-hairline-strong: #444444;--color-on-ink: #0a0a0a;--color-indigo: #ededed;--color-indigo-light: #171717;--color-indigo-mid: #444444;--color-indigo-grad: #ededed;--color-bg: #0a0a0a;--color-bg-sub: #111111;--color-bg-app: #111111;--color-border: #2a2a2a;--color-text: #ededed;--color-text-sub: #a1a1a1;--color-text-muted: #707070;--color-dark: #ededed;--color-danger: #ff5a5a;--color-warning: #f5a623;--shadow-card-1: inset 0 0 0 1px rgba(255, 255, 255, .08);--shadow-card-2: 0px 1px 1px rgba(0, 0, 0, .4), 0px 2px 2px rgba(0, 0, 0, .4), inset 0 0 0 1px rgba(255, 255, 255, .06);--shadow-card-3: 0px 2px 2px rgba(0, 0, 0, .4), 0px 8px 8px -8px rgba(0, 0, 0, .4), inset 0 0 0 1px rgba(255, 255, 255, .06);--shadow-card-4: 0px 4px 4px rgba(0, 0, 0, .4), 0px 12px 16px -8px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .06);--shadow-modal: 0px 1px 1px rgba(0, 0, 0, .5), 0px 8px 16px -4px rgba(0, 0, 0, .5), 0px 24px 32px -8px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(255, 255, 255, .08)}@media(max-width:768px){:root{--sidebar-w: 0px}}.fade-in{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .22s ease}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes feedRefreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:var(--color-bg-app);color:var(--color-text)}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}