@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;max-height:100vh}body{background-color:var(--color-background)}.app{position:relative;width:100%;margin:0 auto;min-height:100vh;background:var(--color-background);overflow-x:hidden}body{font-family:Pretendard;min-width:320px;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}:root{--bg: #fbfbff;--surface: #f3f5fc;--border: #e5e7f1;--border-strong: #d1d3e0;--text: #262a4b;--text-secondary: #6a6f8f;--text-tertiary: #8c90ab;--primary: #adb8fe;--primary-pressed: #98a1d4;--primary-soft: #ebeefc;--primary-deep: #3f439a;--on-primary: #262a4b;--accent-yellow: rgb(255, 247, 198);--accent-yellow-soft: #fffcef;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--shadow-sm: 0 1px 2px rgba(38, 42, 75, .06);--shadow: 0 4px 16px -4px rgba(38, 42, 75, .12);--shadow-lg: 0 24px 50px -24px rgba(38, 42, 75, .28);--color-primary: var(--primary-deep);--color-primary-dark: #2f307f;--color-accent: var(--primary-deep);--color-background: var(--bg);--color-surface: #ffffff;--color-selected-bg: var(--primary-soft);--color-accent-light: var(--primary-soft);--color-primary-light: var(--primary-soft);--color-surface-hover: var(--surface);--color-text-primary: var(--text);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-tertiary);--color-text-disabled: #a8acc4;--color-bg: var(--bg);--color-text: var(--text);--color-border: var(--border);--color-border-light: #f0f2fa;--color-border-strong: var(--border-strong);--color-error: #e5484d;--color-warning: #f5a524;--color-surface-secondary: var(--surface);--color-overlay: rgba(38, 42, 75, .55);--color-hashtag-bg: var(--accent-yellow-soft);--color-input-bg: var(--surface);--color-handle-bar: var(--border-strong);--color-dropdown-border: var(--border-strong);--color-button-dark: #262a4b;--color-button-dark-text: #ffffff;font-family:Pretendard Variable,Pretendard,Inter,Noto Sans KR,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.65;font-weight:400;color-scheme:light;color:var(--color-text-primary);background-color:var(--color-background);min-height:100dvh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{color-scheme:dark;--bg: #14152a;--surface: #21233e;--border: #34375a;--border-strong: #434670;--text: #ecedf6;--text-secondary: #aab0d0;--text-tertiary: #7f85a8;--primary-soft: #2b2e52;--primary-deep: #c2c9ff;--color-primary: #c2c9ff;--color-primary-dark: #98a1d4;--color-accent: #c2c9ff;--color-background: var(--bg);--color-surface: #21233e;--color-selected-bg: var(--primary-soft);--color-accent-light: var(--primary-soft);--color-primary-light: var(--primary-soft);--color-surface-hover: #2b2e52;--color-text-primary: var(--text);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-tertiary);--color-text-disabled: #6e7398;--color-bg: var(--bg);--color-text: var(--text);--color-border: var(--border);--color-border-light: #2c2f50;--color-border-strong: var(--border-strong);--color-surface-secondary: #2b2e52;--color-overlay: rgba(8, 8, 20, .7);--color-hashtag-bg: #34375a;--color-input-bg: #2b2e52;--color-handle-bar: #434670;--color-dropdown-border: #434670;--color-button-dark: #ecedf6;--color-button-dark-text: #14152a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--bg: #14152a;--surface: #21233e;--border: #34375a;--border-strong: #434670;--text: #ecedf6;--text-secondary: #aab0d0;--text-tertiary: #7f85a8;--primary-soft: #2b2e52;--primary-deep: #c2c9ff;--color-primary: #c2c9ff;--color-primary-dark: #98a1d4;--color-accent: #c2c9ff;--color-background: var(--bg);--color-surface: #21233e;--color-selected-bg: var(--primary-soft);--color-accent-light: var(--primary-soft);--color-primary-light: var(--primary-soft);--color-surface-hover: #2b2e52;--color-text-primary: var(--text);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-tertiary);--color-text-disabled: #6e7398;--color-bg: var(--bg);--color-text: var(--text);--color-border: var(--border);--color-border-light: #2c2f50;--color-surface-secondary: #2b2e52;--color-overlay: rgba(8, 8, 20, .7);--color-hashtag-bg: #34375a;--color-input-bg: #2b2e52;--color-handle-bar: #434670;--color-dropdown-border: #434670;--color-button-dark: #ecedf6;--color-button-dark-text: #14152a}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}