:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--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);--primary-rgb: 210, 93, 42;--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;--shadow-sm: 0 2px 8px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.02);--shadow-md: 0 4px 12px rgba(0,0,0,.15);--shadow-lg: 0 8px 30px rgba(0,0,0,.08);--shadow-modal: 0 20px 60px rgba(0,0,0,.2);--z-base: 1;--z-dropdown: 10;--z-sticky: 50;--z-navbar: 100;--z-modal: 1000;--z-modal-elevated: 1001;--z-toast: 9999;--z-native-overlay: 10000}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);--primary-rgb: 224, 120, 67;--shadow-sm: 0 2px 8px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 30px rgba(0,0,0,.2);--shadow-modal: 0 20px 60px rgba(0,0,0,.4);--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)}body[data-native-app=true]{padding-top:var(--safe-area-top);padding-right:var(--safe-area-right);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);overscroll-behavior:none}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)}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes modalGrow{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes modalShrink{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes tab-active{0%{transform:scale(1) translateY(0) rotate(0);box-shadow:0 1px 3px #00000014}25%{transform:scale(.95) translateY(1px) rotate(1deg);box-shadow:0 0 5px rgba(var(--primary-rgb),.3)}50%{transform:scale(1.05) translateY(-2px) rotate(-1deg);box-shadow:0 0 10px rgba(var(--primary-rgb),.2)}to{transform:scale(1) translateY(0) rotate(0);box-shadow:0 1px 3px #00000014}}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:modalBackdropIn .25s ease-out both}.modal-backdrop.closing{animation:modalBackdropOut .2s ease-in both}.modal-content{position:relative;background:var(--bg);border-radius:var(--radius-md);padding:2rem;width:90%;box-shadow:var(--shadow-modal);animation:modalGrow .3s cubic-bezier(.34,1.56,.64,1) both}.modal-content.closing{animation:modalShrink .2s ease-in both}.modal-content>.close-btn{position:absolute;top:.75rem;right:.75rem;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text-muted);transition:color .15s ease}.modal-content>.close-btn:hover{color:var(--text)}.modal-content>.close-btn svg{width:24px;height:24px}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal-backdrop.closing,.modal-content,.modal-content.closing{animation-duration:.01ms}}.btn-primary,.btn-secondary{padding:var(--btn-padding-lg);border-radius:var(--btn-radius);font-size:var(--btn-font-lg);font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.danger{background:var(--danger)}.btn-secondary{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-light);border-color:var(--text-muted)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 15%,transparent)}.form-input::placeholder{color:var(--text-muted)}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:.25rem}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}