:root{--color-primary:#111;--color-secondary:#7c3aed;--color-bg:#f0f0f0;--color-bg-light:#f5f5f5;--color-bg-lighter:#f8f8f8;--color-bg-warm:#f8f8f6;--color-bg-muted:#eee;--color-surface:#fff;--color-border:#f0f0f0;--color-border-light:#f7f7f7;--color-border-muted:#e5e5e5;--color-border-dark:#ddd;--color-text:#111;--color-text-dark:#333;--color-text-medium:#444;--color-text-secondary:#555;--color-text-tertiary:#666;--color-text-muted:#666;--color-text-hint:#767676;--color-text-light:#767676;--color-text-disabled:#767676;--color-text-placeholder:#767676;--color-text-faint:#bbb;--color-success:#4caf50;--color-success-dark:#2e7d32;--color-warning:#ff9800;--color-warning-dark:#e65100;--color-info:#2196f3;--color-info-dark:#1565c0;--color-accent-start:#667eea;--color-accent-end:#764ba2;--spacing-3xs:1px;--spacing-2xs:2px;--spacing-2xs-xs:3px;--spacing-xs:4px;--spacing-xs-plus:5px;--spacing-xs-sm:6px;--spacing-sm:8px;--spacing-sm-md:10px;--spacing-md:12px;--spacing-md-lg:14px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-2xl-3xl:28px;--spacing-3xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:14px;--radius-3xl:16px;--radius-full:9999px;--font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-size-3xs:0.5rem;--font-size-2xs:0.625rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:400;--font-weight-semibold:700;--font-weight-bold:700;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.12);--shadow-lg:0 0 40px rgba(0, 0, 0, 0.1);--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--header-height:53px;--container-max-width:480px}*,::after,::before{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:focus{outline:0}html{font-size:clamp(14px, 4vw, 18px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.5}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;border:none;background:0 0}input,textarea{font-family:inherit;border:none;outline:0}ol,ul{list-style:none}img{max-width:100%;height:auto;display:block}.layout{display:flex;justify-content:center;min-height:100vh;overflow-y:auto}.mobile-container{width:100%;max-width:var(--container-max-width);min-height:100vh;background:var(--color-surface);position:relative;overflow-x:hidden}@media (min-width:500px){.mobile-container{box-shadow:var(--shadow-lg)}}.mobile-container--full{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.main-content{padding-bottom:var(--spacing-2xl)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flex-1{flex:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}