*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-primary:#f97316;--brand-primary-light:#fff7ed;--brand-primary-dark:#ea580c;--brand-primary-active:#c2410c;--bg-default:#f9fafb;--bg-card:#fff;--bg-muted:#f3f4f6;--bg-elevated:#fff;--bg-overlay:#00000080;--surface-primary:#fff7ed;--surface-success:#ecfdf5;--surface-warning:#fffbeb;--surface-error:#fef2f2;--surface-info:#eef2ff;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--text-disabled:#9ca3af;--text-placeholder:#9ca3af;--text-inverse:#fff;--border-default:#e5e7eb;--border-light:#f3f4f6;--border-focus:#f97316;--border-error:#ef4444;--action-primary:#f97316;--action-primary-hover:#ea580c;--action-primary-active:#c2410c;--action-secondary:#3b82f6;--action-destructive:#ef4444;--action-destructive-hover:#dc2626;--status-success:#10b981;--status-warning:#f59e0b;--status-error:#ef4444;--status-info:#6366f1;--tab-home:#f97316;--tab-growth:#10b981;--tab-record:#3b82f6;--tab-play:#8b5cf6;--tab-insight:#6366f1;--emotion-happy-bg:#fef3c7;--emotion-happy:#f59e0b;--emotion-neutral-bg:#f3f4f6;--emotion-neutral:#6b7280;--emotion-sad-bg:#dbeafe;--emotion-sad:#3b82f6;--emotion-sick-bg:#fee2e2;--emotion-sick:#ef4444;--emotion-tired-bg:#ede9fe;--emotion-tired:#8b5cf6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-nav:0 -4px 12px #0000000d;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--z-nav:50;--z-header:40;--z-modal:100;--z-toast:200;--max-width:480px;--content-max-width:960px;--header-height:56px;--nav-height:64px;--sidebar-width:240px;--page-padding:20px}@media (min-width:768px){:root{--page-padding:32px}}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--text-primary);background:var(--bg-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard Variable,Pretendard,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}*{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.text-display{letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:40px}.text-h1{font-size:24px;font-weight:700;line-height:32px}.text-h2{font-size:20px;font-weight:600;line-height:28px}.text-h3{font-size:18px;font-weight:500;line-height:26px}.text-body{font-size:16px;font-weight:400;line-height:24px}.text-body-sm{font-size:14px;font-weight:400;line-height:20px}.text-caption{font-size:12px;font-weight:500;line-height:16px}.text-metric-lg{letter-spacing:-.02em;font-size:36px;font-weight:700}.text-metric-md{letter-spacing:-.02em;font-size:24px;font-weight:700}.text-metric-sm{letter-spacing:-.02em;font-size:18px;font-weight:600}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}