:root{--bg-dark: hsl(30 7% 92%);--bg: hsl(0 0% 100%);--bg-light: hsl(0 0% 98%);--text: hsl(0 0% 13%);--text-muted: hsl(0 0% 35%);--highlight: hsl(24 100% 95%);--border: hsl(0 0% 85%);--border-muted: hsl(0 0% 92%);--primary: hsl(16 85% 55%);--secondary: hsl(170 30% 40%);--danger: hsl(350 70% 55%);--warning: hsl(40 90% 60%);--success: hsl(150 45% 45%);--bg-dark: oklch(.94 .01 50);--bg: oklch(1 0 0);--bg-light: oklch(.98 .005 50);--text: oklch(.25 0 0);--text-muted: oklch(.55 0 0);--highlight: oklch(.97 .02 60);--border: oklch(.88 .01 80);--border-muted: oklch(.94 .01 80);--primary: oklch(.65 .22 40);--secondary: oklch(.6 .08 170);--danger: oklch(.6 .2 20);--warning: oklch(.8 .15 80);--success: oklch(.65 .15 150);--status-project-draft: #f97316;--status-project-active: var(--primary);--status-project-completed: var(--success);--status-project-published: #3b82f6;--status-project-archived: var(--text-muted);--status-section-pending: var(--danger);--status-section-in-progress: var(--warning);--status-section-completed: var(--success);--status-subscription-active: var(--secondary);--status-subscription-past-due: #c05621;--status-subscription-past-due-tint: #f6ad55;--status-subscription-cancelled: #e53e3e;--status-warning: var(--status-subscription-past-due);--status-draft: var(--status-project-draft);--status-published: var(--status-project-published);--badge-draft-bg: oklch(.95 .04 55);--badge-active-bg: oklch(.95 .04 40);--badge-completed-bg: oklch(.95 .03 150);--badge-published-bg: oklch(.95 .03 250);--font-heading: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-full: 9999px;--btn-radius: var(--radius-full);--btn-padding-xs: .25rem .75rem;--btn-padding-sm: .4rem .75rem;--btn-padding-md: .625rem 1.25rem;--btn-padding-lg: .875rem 1.5rem;--btn-font-xs: .8rem;--btn-font-sm: .85rem;--btn-font-md: .9rem;--btn-font-lg: 1rem;--btn-icon-xs: 28px;--btn-icon-sm: 32px;--btn-icon-md: 36px;--btn-icon-lg: 40px;--shadow-gradient-btn: 0px 4px 4px #00000030, 0px 12px 12px #00000015}body.dark{--bg-dark: hsl(30 5% 10%);--bg: hsl(30 4% 14%);--bg-light: hsl(30 3% 18%);--text: hsl(30 10% 90%);--text-muted: hsl(30 5% 65%);--highlight: hsl(30 5% 20%);--border: hsl(30 2% 25%);--border-muted: hsl(30 2% 20%);--primary: hsl(16 90% 65%);--secondary: hsl(170 40% 50%);--bg-dark: oklch(.18 .01 40);--bg: oklch(.22 .01 40);--bg-light: oklch(.28 .01 40);--text: oklch(.92 .01 40);--text-muted: oklch(.7 .02 40);--highlight: oklch(.3 .01 40);--border: oklch(.35 .01 40);--border-muted: oklch(.3 .01 40);--primary: oklch(.72 .18 40);--secondary: oklch(.65 .09 170);--badge-draft-bg: oklch(.3 .04 55);--badge-active-bg: oklch(.3 .04 40);--badge-completed-bg: oklch(.3 .03 150);--badge-published-bg: oklch(.3 .03 250)}*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;padding:0;min-height:100%;overflow-x:hidden;background-color:var(--bg);color:var(--text);font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--bg) inset!important;-webkit-text-fill-color:var(--text)!important;transition:background-color 5000s ease-in-out 0s}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-light)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--bg-light);border-radius:var(--radius-sm)}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}*::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body.dark{scrollbar-color:var(--border) var(--bg)}body.dark *::-webkit-scrollbar-track{background:var(--bg)}button.new-project-btn,button.submit-btn,button.btn-primary,button.action-btn.primary,button.cta-btn,button.toggle-btn.active,button.voice-info-modal-btn,button.start,button.plan-cta.primary,.platform-group button.active,a.plan-cta.primary{box-shadow:var(--shadow-gradient-btn)!important}