:root{--color-primary:#ff6d37;--color-primary-hover:#ff8e0f;--color-primary-active:#ffbf27;--color-primary-pale:#ffeabd;--color-primary-bg:#fdf0dd;--color-accent:#81f7ff;--color-accent-light:#c5f5fe;--color-accent-pale:#f2f7fc;--gradient-brand:linear-gradient(137.15deg, var(--color-primary) 0%, var(--color-primary-hover) 11%, var(--color-primary-active) 22%, var(--color-primary-mid) 33%, var(--color-primary-pale) 44%, var(--color-primary-bg) 56%, var(--color-primary-bg) 67%, var(--color-accent-pale) 78%, var(--color-accent-light) 89%, var(--color-accent) 100%);--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);--gradient-primary-soft:linear-gradient(135deg, var(--color-primary-hover) 0%, var(--color-primary-active) 100%);--gradient-bg-warm:linear-gradient(180deg, var(--color-primary-bg) 0%, var(--color-primary-pale) 50%, var(--color-primary-bg) 100%);--gradient-bg-cool:linear-gradient(180deg, var(--color-primary-bg) 0%, var(--color-accent-pale) 50%, var(--color-accent-light) 100%);--color-background:#fff;--color-surface:#fff;--color-surface-elevated:#fff;--color-text:#333;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-success:#10b981;--color-success-light:#d1fae5;--color-error:#ef4444;--color-error-light:#fee2e2;--color-warning:#f59e0b;--spacing-xs:var(--space-4);--spacing-sm:var(--space-8);--spacing-md:var(--space-16);--spacing-lg:var(--space-24);--spacing-xl:var(--space-32);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 8px 28px #0000001f;--shadow-primary:0 4px 14px #ff6d3759;--shadow-accent:0 4px 14px #81f7ff4d;--profile-image-ratio:1;--profile-image-radius:var(--radius-md);--layout-mobile-width:430px;--layout-main-bottom:calc(80px + env(safe-area-inset-bottom,0px));--layout-auth-width:320px;--color-ink:#1f2429;--color-text-inverse:#fff;--color-text-subtle:#666;--color-primary-mid:#ffdd7d;--radius-xs:6px;--radius-control:10px;--radius-2xl:24px;--radius-pill:100px;--radius-circle:50%;--duration-fast:.15s;--duration-normal:.2s;--font-size-10:10px;--font-size-11:11px;--font-size-12:12px;--font-size-13:13px;--font-size-14:14px;--font-size-15:15px;--font-size-16:16px;--font-size-18:18px;--font-size-20:20px;--font-size-22:22px;--font-size-24:24px;--font-size-28:28px;--font-size-32:32px;--font-size-36:36px;--font-size-40:40px;--font-size-48:48px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--color-status-neutral:#666;--color-status-neutral-bg:#f5f5f5;--color-status-negative:#f44;--color-status-negative-bg:#fee;--color-status-pending:#44f;--color-status-pending-bg:#eef;--color-status-positive:#4a4;--color-status-positive-bg:#efe;--color-status-warning:#f84;--color-status-calendar-conflict:#f44336;--color-status-calendar-pending:#ffc107;--profile-yellow-container:#fff2db80;--profile-yellow-body:#fff2db;--profile-blue-container:#dbf2ff80;--profile-blue-body:#dbf2ff;--profile-green-container:#eefae1b3;--profile-green-body:#b8e986;--profile-red-container:#ffdbdb80;--profile-red-body:#ffdbdb;--profile-purple-container:#ffdbff80;--profile-purple-body:#ffdbff;--profile-pink-container:#ffdbff80;--profile-pink-body:#ffdbff;--profile-gray-container:#f2f2f280;--profile-gray-body:#f2f2f2;--profile-brown-container:#f2dbdb80;--profile-brown-body:#f2dbdb;--profile-teal-container:#dbffff80;--profile-teal-body:#dbffff;--color-status-calendar-available:#4caf50;--color-status-calendar-unavailable:#9e9e9e;--color-input-border:#ddd;--color-input-error:#ff4b4b;--color-image-placeholder:#f0f0f0;--profile-complete-background:#e8f5e9;--profile-complete-card:#c8e6c9;--profile-complete-gradient-start:#a5d6a7;--profile-complete-gradient-end:#81c784;--color-profile-secondary:#555;--color-black:#000;--color-profile-button-text:#fffcf6;--color-profile-disabled-text:#a0a0a0}
*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh}body{max-width:var(--layout-mobile-width);color:var(--color-text);margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;line-height:1.5}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}