:root{--accent-h: 270;--accent-s: 80;--accent-l: 40;--brand-charcoal: #4A4A4A;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--radius: 8px;--sidebar-width: 200px;--topbar-height: 56px}[data-theme=light]{--primary: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%));--primary-hover: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc((var(--accent-l) - 10) * 1%));--primary-dark: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc((var(--accent-l) - 18) * 1%));--primary-light: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%) / .12);--surface: #ffffff;--surface-raised: #ffffff;--surface-sunken: hsl(var(--accent-h) 6% 97%);--card-bg: rgba(255, 255, 255, .55);--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--border: hsl(var(--accent-h) 6% 90%);--border-light: hsl(var(--accent-h) 5% 95%);--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--sidebar-bg: hsl(var(--accent-h) 6% 97% / .82);--sidebar-border: hsl(var(--accent-h) 6% 90% / .7);--sidebar-text: #1f2937;--sidebar-text-hover: #111827;--sidebar-hover-bg: hsl(var(--accent-h) 5% 95% / .7);--sidebar-muted: #9ca3af;--topbar-bg: #1f2937;--topbar-text: #ffffff;--btn-secondary-bg: hsl(var(--accent-h) 6% 90%);--btn-secondary-text: #374151;--btn-secondary-hover: hsl(var(--accent-h) 5% 84%);--btn-outline-border: hsl(var(--accent-h) 5% 84%);--btn-outline-text: #374151;--btn-outline-hover-bg: hsl(var(--accent-h) 5% 95%);--input-border: hsl(var(--accent-h) 5% 84%);--input-bg: #ffffff;--table-header-text: #6b7280;--table-border: hsl(var(--accent-h) 6% 90%);--badge-draft-bg: hsl(var(--accent-h) 5% 95%);--badge-draft-text: #4b5563;--badge-active-bg: #dcfce7;--badge-active-text: #166534;--badge-paused-bg: #fef3c7;--badge-paused-text: #92400e;--badge-completed-bg: #dbeafe;--badge-completed-text: #1e40af;--badge-archived-bg: hsl(var(--accent-h) 5% 95%);--badge-archived-text: #6b7280;--platform-badge-bg: hsl(var(--accent-h) 5% 95%);--spinner-track: hsl(var(--accent-h) 6% 90%);--google-btn-bg: #ffffff;--google-btn-text: #374151;--google-btn-border: hsl(var(--accent-h) 6% 90%);--dot-color: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%) / .26);--grid-color: hsl(var(--accent-h) calc(var(--accent-s) * .5 * 1%) calc(var(--accent-l) * 1%) / .1);--deco-color: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%) / .18);--wave-color: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%) / .22);--wave-color-2: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%) / .14);--wave-color-3: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%) / .08);--geo-color: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%) / .16);--geo-color-2: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%) / .1);--gradient-from: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%) / .3);--gradient-mid: hsl(calc(var(--accent-h) + 30) calc(var(--accent-s) * .7 * 1%) calc(var(--accent-l) * 1%) / .12);--gradient-to: hsl(calc(var(--accent-h) + 60) calc(var(--accent-s) * .6 * 1%) calc(var(--accent-l) * 1%) / .25);--lines-color: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%) / .22);--poly-color: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%) / .14);--tinted-gray-subtle: hsl(var(--accent-h) 6% 96%);--tinted-gray-light: hsl(var(--accent-h) 5% 93%);--tinted-gray-border: hsl(var(--accent-h) 5% 90%)}[data-theme=dark]{--primary: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%));--primary-hover: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc((var(--accent-l) + 10) * 1%));--primary-dark: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc((var(--accent-l) - 12) * 1%));--primary-light: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%) / .15);--surface: hsl(var(--accent-h) 6% 15%);--surface-raised: hsl(var(--accent-h) 6% 18%);--card-bg: hsl(var(--accent-h) 6% 15% / .5);--surface-sunken: hsl(var(--accent-h) 5% 10%);--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #71717a;--border: hsl(var(--accent-h) 5% 28%);--border-light: hsl(var(--accent-h) 5% 20%);--shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3), 0 4px 6px rgba(0, 0, 0, .2);--sidebar-bg: hsl(var(--accent-h) 6% 12% / .82);--sidebar-border: hsl(var(--accent-h) 5% 28% / .7);--sidebar-text: #d4d4d8;--sidebar-text-hover: #f4f4f5;--sidebar-hover-bg: hsl(var(--accent-h) 6% 18% / .7);--sidebar-muted: #71717a;--topbar-bg: hsl(var(--accent-h) 5% 10%);--topbar-text: #e4e4e7;--btn-secondary-bg: hsl(var(--accent-h) 5% 28%);--btn-secondary-text: #e4e4e7;--btn-secondary-hover: hsl(var(--accent-h) 5% 34%);--btn-outline-border: hsl(var(--accent-h) 5% 28%);--btn-outline-text: #e4e4e7;--btn-outline-hover-bg: hsl(var(--accent-h) 5% 20%);--input-border: hsl(var(--accent-h) 5% 28%);--input-bg: hsl(var(--accent-h) 6% 18%);--table-header-text: #a1a1aa;--table-border: hsl(var(--accent-h) 5% 28%);--badge-draft-bg: hsl(var(--accent-h) 5% 28%);--badge-draft-text: #a1a1aa;--badge-active-bg: rgba(34, 197, 94, .15);--badge-active-text: #4ade80;--badge-paused-bg: rgba(245, 158, 11, .15);--badge-paused-text: #fbbf24;--badge-completed-bg: rgba(59, 130, 246, .15);--badge-completed-text: #60a5fa;--badge-archived-bg: hsl(var(--accent-h) 5% 28%);--badge-archived-text: #71717a;--platform-badge-bg: hsl(var(--accent-h) 5% 28%);--spinner-track: hsl(var(--accent-h) 5% 28%);--google-btn-bg: hsl(var(--accent-h) 6% 18%);--google-btn-text: #e4e4e7;--google-btn-border: hsl(var(--accent-h) 5% 28%);--dot-color: hsl(var(--accent-h) calc(var(--accent-s) * .4 * 1%) calc(var(--accent-l) * 1%) / .16);--grid-color: hsl(var(--accent-h) calc(var(--accent-s) * .3 * 1%) calc(var(--accent-l) * 1%) / .06);--deco-color: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%) / .12);--wave-color: hsl(var(--accent-h) calc(var(--accent-s) * .6 * 1%) calc(var(--accent-l) * 1%) / .16);--wave-color-2: hsl(var(--accent-h) calc(var(--accent-s) * .6 * 1%) calc(var(--accent-l) * 1%) / .1);--wave-color-3: hsl(var(--accent-h) calc(var(--accent-s) * .6 * 1%) calc(var(--accent-l) * 1%) / .06);--geo-color: hsl(var(--accent-h) calc(var(--accent-s) * .6 * 1%) calc(var(--accent-l) * 1%) / .12);--geo-color-2: hsl(var(--accent-h) calc(var(--accent-s) * .6 * 1%) calc(var(--accent-l) * 1%) / .08);--gradient-from: hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%) / .2);--gradient-mid: hsl(calc(var(--accent-h) + 30) calc(var(--accent-s) * .5 * 1%) calc(var(--accent-l) * 1%) / .08);--gradient-to: hsl(calc(var(--accent-h) + 60) calc(var(--accent-s) * .6 * 1%) calc(var(--accent-l) * 1%) / .16);--lines-color: hsl(var(--accent-h) calc(var(--accent-s) * .5 * 1%) calc(var(--accent-l) * 1%) / .16);--poly-color: hsl(var(--accent-h) calc(var(--accent-s) * .5 * 1%) calc(var(--accent-l) * 1%) / .1);--tinted-gray-subtle: hsl(var(--accent-h) 4% 12%);--tinted-gray-light: hsl(var(--accent-h) 4% 16%);--tinted-gray-border: hsl(var(--accent-h) 4% 22%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);background:var(--surface-sunken);line-height:1.6}a{color:inherit;text-decoration:none}a:visited{color:inherit}.app-layout{display:flex;height:100vh;overflow:hidden}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background:var(--topbar-bg);color:var(--topbar-text);align-items:center;justify-content:space-between;padding:0 1rem;z-index:200;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-bottom:1px solid hsl(var(--accent-h) 10% 50% / .2);box-shadow:0 1px 4px #0000001a}.mobile-topbar button{background:none;border:none;color:var(--topbar-text);cursor:pointer;padding:.5rem;display:flex;align-items:center}.mobile-topbar-spacer{width:36px}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);padding:1rem 0;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .25s ease;border-right:1px solid var(--sidebar-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:1px 0 8px #0000000f}.sidebar-overlay{display:none}.sidebar-brand{padding:.5rem 1rem .75rem;border-bottom:1px solid var(--sidebar-border);margin-bottom:.5rem;background:linear-gradient(180deg,hsl(var(--accent-h) calc(var(--accent-s) * 1%) calc(var(--accent-l) * 1%) / .06) 0%,transparent 100%)}.sidebar-logo-link,.topbar-logo-link{text-decoration:none;color:inherit;display:inline-flex}.sidebar-nav{flex:1;padding:0 .5rem}.sidebar-nav a{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;color:var(--sidebar-text);text-decoration:none;border-radius:var(--radius);margin-bottom:.125rem;font-size:.85rem;transition:all .15s}.sidebar-nav a:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover)}.sidebar-nav a.active{background:var(--primary-light);color:var(--primary);font-weight:500}.sidebar-nav a span{flex:1;min-width:0}.sidebar-nav a svg{flex-shrink:0;opacity:.6}.sidebar-nav a:hover svg{opacity:.9}.sidebar-nav a.active svg{opacity:1;color:var(--primary)}.sidebar-bottom{display:flex;align-items:center;gap:.25rem;padding:.5rem;margin:0 .5rem;border-top:1px solid var(--sidebar-border)}.sidebar-tour-btn{flex:1;display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border:none;border-radius:var(--radius);background:transparent;color:var(--sidebar-muted);cursor:pointer;font-size:.8rem;transition:all .15s}.sidebar-tour-btn:hover{color:var(--sidebar-text-hover);background:var(--sidebar-hover-bg)}.sidebar-theme-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius);background:transparent;color:var(--sidebar-muted);cursor:pointer;flex-shrink:0;transition:all .15s}.sidebar-theme-btn:hover{color:var(--sidebar-text-hover);background:var(--sidebar-hover-bg)}.sidebar-user{padding:.75rem 1rem;border-top:1px solid var(--sidebar-border);display:flex;align-items:center;gap:.5rem}.sidebar-user img{width:30px;height:30px;border-radius:50%}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-info p{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-info p:last-child{font-size:.7rem;color:var(--sidebar-muted)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2rem 3rem;min-width:0;height:100vh;overflow-y:auto;position:relative;box-sizing:border-box;scrollbar-width:none}.main-content::-webkit-scrollbar{display:none}.bg-dots{position:relative}.bg-dots:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(var(--dot-color) 1.5px,transparent 1.5px);background-size:16px 16px}.bg-dots>*{position:relative;z-index:1}.bg-grid{position:relative}.bg-grid:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid-color) 1.5px,transparent 1.5px),linear-gradient(90deg,var(--grid-color) 1.5px,transparent 1.5px);background-size:24px 24px}.bg-grid>*{position:relative;z-index:1}.bg-waves{position:relative}.bg-waves:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-color:var(--wave-color);mask-image:url("data:image/svg+xml,%3Csvg width='200' height='80' viewBox='0 0 200 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40Q25 15 50 40T100 40T150 40T200 40' fill='none' stroke='white' stroke-width='3'/%3E%3Cpath d='M0 55Q25 30 50 55T100 55T150 55T200 55' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M0 25Q25 0 50 25T100 25T150 25T200 25' fill='none' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='200' height='80' viewBox='0 0 200 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40Q25 15 50 40T100 40T150 40T200 40' fill='none' stroke='white' stroke-width='3'/%3E%3Cpath d='M0 55Q25 30 50 55T100 55T150 55T200 55' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M0 25Q25 0 50 25T100 25T150 25T200 25' fill='none' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");mask-size:200px 80px;-webkit-mask-size:200px 80px;mask-repeat:repeat;-webkit-mask-repeat:repeat}.bg-waves>*{position:relative;z-index:1}.bg-gradient{position:relative}.bg-gradient:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(135deg,var(--gradient-from) 0%,var(--gradient-mid) 45%,var(--gradient-to) 100%)}.bg-gradient>*{position:relative;z-index:1}.bg-noise{position:relative}.bg-noise:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:128px 128px}.bg-noise>*{position:relative;z-index:1}.bg-diamonds{position:relative}.bg-diamonds:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(45deg,transparent 46%,var(--deco-color) 46%,var(--deco-color) 54%,transparent 54%),linear-gradient(-45deg,transparent 46%,var(--deco-color) 46%,var(--deco-color) 54%,transparent 54%);background-size:22px 22px}.bg-diamonds>*{position:relative;z-index:1}.bg-geo{position:relative}.bg-geo:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-color:var(--geo-color);mask-image:url("data:image/svg+xml,%3Csvg width='40' height='35' viewBox='0 0 40 35' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 35L20 0L40 35' fill='none' stroke='white' stroke-width='1.2'/%3E%3Cpath d='M0 0L20 35L40 0' fill='none' stroke='white' stroke-width='0.8'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='40' height='35' viewBox='0 0 40 35' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 35L20 0L40 35' fill='none' stroke='white' stroke-width='1.2'/%3E%3Cpath d='M0 0L20 35L40 0' fill='none' stroke='white' stroke-width='0.8'/%3E%3C/svg%3E");mask-size:40px 35px;-webkit-mask-size:40px 35px;mask-repeat:repeat;-webkit-mask-repeat:repeat}.bg-geo>*{position:relative;z-index:1}.bg-lines{position:relative}.bg-lines:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-color:var(--lines-color);mask-image:url("data:image/svg+xml,%3Csvg width='400' height='360' viewBox='0 0 400 360' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='15' y1='340' x2='85' y2='20' stroke='white' stroke-width='1.5'/%3E%3Cline x1='60' y1='355' x2='180' y2='40' stroke='white' stroke-width='0.9'/%3E%3Cline x1='130' y1='320' x2='210' y2='80' stroke='white' stroke-width='1.2'/%3E%3Cline x1='200' y1='350' x2='280' y2='120' stroke='white' stroke-width='0.7'/%3E%3Cline x1='250' y1='300' x2='340' y2='30' stroke='white' stroke-width='1.1'/%3E%3Cline x1='310' y1='340' x2='385' y2='90' stroke='white' stroke-width='0.8'/%3E%3Cline x1='350' y1='280' x2='395' y2='150' stroke='white' stroke-width='1'/%3E%3Cline x1='40' y1='180' x2='110' y2='60' stroke='white' stroke-width='0.6'/%3E%3Cline x1='170' y1='260' x2='230' y2='160' stroke='white' stroke-width='0.7'/%3E%3Cline x1='290' y1='220' x2='360' y2='50' stroke='white' stroke-width='0.5'/%3E%3Cline x1='80' y1='290' x2='150' y2='200' stroke='white' stroke-width='0.8'/%3E%3Cline x1='330' y1='355' x2='370' y2='240' stroke='white' stroke-width='0.6'/%3E%3Cline x1='5' y1='120' x2='50' y2='10' stroke='white' stroke-width='0.9'/%3E%3Cline x1='380' y1='360' x2='400' y2='300' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='400' height='360' viewBox='0 0 400 360' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='15' y1='340' x2='85' y2='20' stroke='white' stroke-width='1.5'/%3E%3Cline x1='60' y1='355' x2='180' y2='40' stroke='white' stroke-width='0.9'/%3E%3Cline x1='130' y1='320' x2='210' y2='80' stroke='white' stroke-width='1.2'/%3E%3Cline x1='200' y1='350' x2='280' y2='120' stroke='white' stroke-width='0.7'/%3E%3Cline x1='250' y1='300' x2='340' y2='30' stroke='white' stroke-width='1.1'/%3E%3Cline x1='310' y1='340' x2='385' y2='90' stroke='white' stroke-width='0.8'/%3E%3Cline x1='350' y1='280' x2='395' y2='150' stroke='white' stroke-width='1'/%3E%3Cline x1='40' y1='180' x2='110' y2='60' stroke='white' stroke-width='0.6'/%3E%3Cline x1='170' y1='260' x2='230' y2='160' stroke='white' stroke-width='0.7'/%3E%3Cline x1='290' y1='220' x2='360' y2='50' stroke='white' stroke-width='0.5'/%3E%3Cline x1='80' y1='290' x2='150' y2='200' stroke='white' stroke-width='0.8'/%3E%3Cline x1='330' y1='355' x2='370' y2='240' stroke='white' stroke-width='0.6'/%3E%3Cline x1='5' y1='120' x2='50' y2='10' stroke='white' stroke-width='0.9'/%3E%3Cline x1='380' y1='360' x2='400' y2='300' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E");mask-size:400px 360px;-webkit-mask-size:400px 360px;mask-repeat:repeat;-webkit-mask-repeat:repeat}.bg-lines>*{position:relative;z-index:1}.bg-polygons{position:relative}.bg-polygons>*:not(.bg-canvas-overlay){position:relative;z-index:1}.bg-wind{position:relative}.bg-wind>*:not(.bg-canvas-overlay){position:relative;z-index:1}.bg-canvas-overlay{position:fixed;inset:0;pointer-events:none;z-index:0;width:100%;height:100%}@keyframes bgPulsate{0%,to{opacity:var(--pulse-max-opacity, 1);filter:brightness(var(--pulse-max-brightness, 1.4))}50%{opacity:var(--pulse-min-opacity, .2);filter:brightness(var(--pulse-min-brightness, .7))}}.bg-pulsate.bg-dots:after,.bg-pulsate.bg-grid:after,.bg-pulsate.bg-diamonds:after,.bg-pulsate.bg-gradient:after{animation:bgPulsate var(--pulse-duration, 4s) ease-in-out infinite}.bg-pulsate.bg-waves:before,.bg-pulsate.bg-geo:before,.bg-pulsate.bg-noise:before,.bg-pulsate.bg-lines:before{animation:bgPulsate var(--pulse-duration, 4s) ease-in-out infinite}.logo-plane{animation:planeWobble 3s ease-in-out infinite;transform-origin:16px 16px}@keyframes planeWobble{0%,to{transform:translate(0) rotate(-4deg)}8%{transform:translate(-.58px,-.39px) rotate(-3.5deg)}17%{transform:translate(-1.05px,-.7px) rotate(-1.9deg)}25%{transform:translate(-1.2px,-.8px) rotate(0)}33%{transform:translate(-1.05px,-.7px) rotate(1.9deg)}42%{transform:translate(-.58px,-.39px) rotate(3.5deg)}50%{transform:translate(0) rotate(4deg)}58%{transform:translate(.58px,.39px) rotate(3.5deg)}67%{transform:translate(1.05px,.7px) rotate(1.9deg)}75%{transform:translate(1.2px,.8px) rotate(0)}83%{transform:translate(1.05px,.7px) rotate(-1.9deg)}92%{transform:translate(.58px,.39px) rotate(-3.5deg)}}.logo-wind-line{opacity:0;animation:windTrail 2.5s ease-out infinite}.logo-wind-2{animation-delay:.8s}.logo-wind-3{animation-delay:1.6s}@keyframes windTrail{0%{opacity:0;transform:translate(2px,-2px)}15%{opacity:.35}to{opacity:0;transform:translate(-6px,6px)}}.logo-ai,.logo-growth{animation:aiPulsate 3s ease-in-out infinite}@keyframes aiPulsate{0%,to{fill-opacity:1}50%{fill-opacity:.45}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h2{font-size:1.75rem;font-weight:700}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header h3{font-size:1.1rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.stat-card .stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-card .stat-value{font-size:1.75rem;font-weight:700}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none}.btn-primary,.btn-primary:visited{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary,.btn-secondary:visited{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn-secondary:hover{background:var(--btn-secondary-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-success{background:var(--success);color:#fff}.btn-outline{background:transparent;border:1px solid var(--btn-outline-border);color:var(--btn-outline-text)}.btn-outline:hover{background:var(--btn-outline-hover-bg)}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.btn-guest-disabled{position:relative;background:var(--border);color:var(--text-muted);cursor:not-allowed;opacity:.6;pointer-events:auto}.btn-guest-disabled:hover{background:var(--border)}.btn-guest-disabled:after{content:"Sign in to upgrade";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--surface);padding:.3rem .6rem;border-radius:var(--radius);font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.btn-guest-disabled:hover:after{opacity:1}.btn-lg{padding:.875rem 2rem;font-size:1.1rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.625rem;border:1px solid var(--input-border);border-radius:var(--radius);font-size:.9rem;background:var(--input-bg);color:var(--text-primary);transition:border-color .15s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-group textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--table-border)}th{font-size:.8rem;font-weight:600;color:var(--table-header-text);text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:100px;font-size:.75rem;font-weight:500}.badge-draft{background:var(--badge-draft-bg);color:var(--badge-draft-text)}.badge-active{background:var(--badge-active-bg);color:var(--badge-active-text)}.badge-paused{background:var(--badge-paused-bg);color:var(--badge-paused-text)}.badge-completed{background:var(--badge-completed-bg);color:var(--badge-completed-text)}.badge-archived{background:var(--badge-archived-bg);color:var(--badge-archived-text)}.platform-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius);font-size:.8rem;font-weight:500;background:var(--platform-badge-bg)}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:1.25rem}.campaign-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;cursor:pointer;transition:box-shadow .15s;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.campaign-card:hover{box-shadow:var(--shadow-lg)}.campaign-card h3{font-size:1rem;margin-bottom:.5rem}.campaign-card p{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.campaign-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.color-palette{display:flex;gap:.25rem}.color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--border)}.social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:1rem}.social-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.social-card-header{display:flex;justify-content:space-between;align-items:center}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1rem}.brand-card{display:flex;flex-direction:column}.brand-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.brand-card-header h3{margin:0;font-size:1.1rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1.5rem;margin-bottom:2rem}.pricing-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.75rem;text-align:center;border:2px solid transparent;transition:border-color .15s;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.pricing-card.current{border-color:var(--primary)}.pricing-card h3{font-size:1.1rem;margin-bottom:.5rem}.pricing-card .price{font-size:2rem;font-weight:700;margin-bottom:1rem}.pricing-card .price span{font-size:.9rem;font-weight:400;color:var(--text-secondary)}.pricing-card ul{list-style:none;margin-bottom:1.5rem;text-align:left}.pricing-card li{padding:.375rem 0;font-size:.85rem;color:var(--text-secondary)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--brand-charcoal)}.login-card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-lg);padding:0;text-align:center;max-width:420px;width:100%;overflow:hidden;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.login-logo{background:var(--brand-charcoal);padding:2rem 2rem 1.5rem;display:flex;justify-content:center;color:#fff}.login-card-body{padding:2rem 3rem 3rem}.login-card-body p{color:var(--text-secondary);margin-bottom:2rem}.google-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 2rem;background:var(--google-btn-bg);border:2px solid var(--google-btn-border);border-radius:var(--radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .15s;color:var(--google-btn-text)}.google-btn:hover{border-color:var(--primary);box-shadow:var(--shadow)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--spinner-track);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:1.25rem 1rem;color:var(--text-secondary)}.empty-state h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.ai-content-preview{background:var(--primary-light);border-radius:var(--radius);padding:1.5rem;margin-top:1rem}.ai-content-preview h4{margin-bottom:.75rem;color:var(--primary)}.ai-platform-variant{background:var(--card-bg);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:var(--radius);padding:1rem;margin-top:.75rem}.campaigns-split{display:flex;gap:0;height:100vh;margin:-2rem -3rem}.campaigns-list-panel{width:280px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;padding:1.5rem;background:var(--card-bg);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;flex-direction:column}.campaigns-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.campaigns-list-header h3{font-size:1.1rem;font-weight:600}.campaigns-list-items{flex:1;overflow-y:auto}.campaigns-list-empty{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.campaign-list-item{display:block;padding:.75rem;border-radius:var(--radius);border-left:3px solid transparent;margin-bottom:.25rem;text-decoration:none;color:var(--text-primary);transition:all .15s}.campaign-list-item:hover{background:var(--surface-sunken)}.campaign-list-item.active{border-left-color:var(--primary);background:var(--primary-light)}.campaign-list-item-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.campaign-list-item-name{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-list-item-desc{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-list-item-date{font-size:.75rem;color:var(--text-muted)}.campaigns-list-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border);margin-top:.75rem;font-size:.8rem;color:var(--text-muted)}.campaigns-detail-panel{flex:1;overflow-y:auto;padding:1.5rem 2rem;min-width:0}.campaigns-back-btn{display:none;margin-bottom:1rem}.campaign-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.campaign-detail-header h2{font-size:1.5rem;font-weight:700}.campaigns-welcome{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px}.campaigns-welcome-content{text-align:center;color:var(--text-secondary)}.campaigns-welcome-content h2{color:var(--text-primary);margin-bottom:.5rem}.campaign-create-page{display:flex;flex-direction:column;height:100%}.manual-form-toggle{text-align:center;padding:1rem 0}.ai-assistant{display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);overflow:hidden}.ai-assistant-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:transparent}.ai-assistant-header h3{font-size:1rem;font-weight:600}.ai-chat-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;min-height:200px}.ai-message{max-width:85%;animation:fadeIn .2s ease}.ai-message.assistant{align-self:flex-start}.ai-message.user{align-self:flex-end}.ai-message-content{padding:.75rem 1rem;border-radius:var(--radius);font-size:.9rem;line-height:1.5}.ai-message.assistant .ai-message-content{background:var(--surface-sunken);color:var(--text-primary)}.ai-message.user .ai-message-content{background:var(--primary);color:#1f2937}.ai-message.loading .ai-message-content{opacity:.7}.ai-loading-dots .dots span{animation:blink 1.4s infinite}.ai-loading-dots .dots span:nth-child(2){animation-delay:.2s}.ai-loading-dots .dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ai-campaign-preview{margin-top:.75rem;padding:1rem;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.ai-campaign-preview h4{font-size:.95rem;margin-bottom:.25rem}.ai-campaign-preview-desc{font-size:.85rem;color:var(--text-secondary)}.ai-chat-input{display:flex;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border);background:transparent}.ai-chat-input input{flex:1;padding:.625rem;border:1px solid var(--input-border);border-radius:var(--radius);font-size:.9rem;background:var(--input-bg);color:var(--text-primary)}.ai-chat-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}@media(max-width:1024px){.main-content{padding:1.5rem 2rem}.campaigns-split{margin:-1.5rem -2rem;height:100vh}.campaigns-list-panel{width:240px}}@media(max-width:768px){.mobile-topbar{display:flex}.sidebar{transform:translate(-100%);z-index:300}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:250}.sidebar-overlay.visible{display:block}.main-content{margin-left:0;padding:1rem;padding-top:calc(var(--topbar-height) + 1rem)}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.campaigns-grid{grid-template-columns:1fr}.campaigns-split{flex-direction:column;margin:calc(-1 * (var(--topbar-height) + 1rem)) -1rem -1rem;padding-top:var(--topbar-height);height:100vh;overflow:hidden}.campaigns-list-panel{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid var(--border)}.campaigns-list-panel.hide-on-mobile{display:none}.campaigns-list-header{position:sticky;top:0;z-index:200;background:var(--surface);padding-bottom:.5rem}.campaigns-detail-panel{padding:1rem;overflow-x:hidden}.campaigns-detail-panel.hide-on-mobile-detail{display:none}.campaigns-back-btn{display:inline-flex}.campaign-detail-header{flex-direction:column}.social-grid,.pricing-grid{grid-template-columns:1fr}.login-card-body{padding:1.5rem}.ai-assistant{max-width:100%;overflow:hidden}.ai-chat-messages,.ai-chat-input{padding:.75rem}.ai-chat-input input{min-width:0}}.sidebar-guest-cta{padding:.75rem 1rem;border-top:1px solid var(--sidebar-border);text-align:center}.sidebar-guest-cta p{font-size:.75rem;color:var(--sidebar-muted);margin-bottom:.5rem}.google-btn-sm{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;background:var(--sidebar-hover-bg);border:1px solid var(--sidebar-border);border-radius:var(--radius);color:var(--sidebar-text-hover);cursor:pointer;transition:all .15s;width:100%;justify-content:center}.google-btn-sm:hover{background:var(--primary);color:#1f2937;border-color:var(--primary)}.guest-generations-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:100px;font-size:.75rem;font-weight:500;background:var(--primary-light);color:var(--primary)}.ai-assistant-header-title{display:flex;align-items:center;gap:.5rem}.how-it-works-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:50%;background:var(--primary-light);color:var(--primary);border:none;cursor:pointer;transition:background .15s,color .15s}.how-it-works-btn:hover{background:var(--primary);color:#1f2937}.ai-assistant-header{display:flex;justify-content:space-between;align-items:center}.onboarding-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.onboarding-modal{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-lg);max-width:480px;width:100%;padding:2rem;animation:fadeIn .3s ease}.onboarding-content{text-align:center;margin-bottom:1.5rem}.onboarding-content h2{font-size:1.35rem;font-weight:700;margin-bottom:.75rem}.onboarding-content p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.onboarding-dots{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .2s}.onboarding-dot.active{background:var(--primary)}.onboarding-actions{display:flex;justify-content:space-between}.tour-overlay{position:fixed;inset:0;background:#00000073;z-index:9000}.tour-spotlight{position:fixed;z-index:9001;border-radius:var(--radius);box-shadow:0 0 0 9999px #00000073;pointer-events:none;transition:all .25s ease}.tour-tooltip{position:fixed;z-index:9002;width:280px;background:var(--surface);border-radius:10px;box-shadow:var(--shadow-lg);padding:1rem 1.25rem;animation:fadeIn .2s ease}.tour-tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tour-tooltip-header h4{font-size:.95rem;font-weight:600}.tour-step-count{font-size:.75rem;color:var(--text-muted);background:var(--surface-sunken);padding:.15rem .5rem;border-radius:100px}.tour-tooltip p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.tour-tooltip-actions{display:flex;justify-content:space-between;align-items:center}.tour-tooltip-nav{display:flex;gap:.375rem}.tour-btn-skip{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:.3rem 0}.tour-btn-skip:hover{color:var(--text-secondary)}.tour-btn-prev{padding:.35rem .75rem;background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:none;border-radius:var(--radius);font-size:.8rem;cursor:pointer;transition:background .15s}.tour-btn-prev:hover{background:var(--btn-secondary-hover)}.tour-btn-next{padding:.35rem .75rem;background:var(--primary);color:#1f2937;border:none;border-radius:var(--radius);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s}.tour-btn-next:hover{background:var(--primary-hover)}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.page-header h2{font-size:1.35rem}}.ai-dialog-overlay{position:fixed;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;opacity:0;pointer-events:none;transition:all .3s ease}.ai-dialog-overlay.visible{background:#0009;opacity:1;pointer-events:auto}.ai-dialog-modal{background:var(--surface);border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:460px;width:100%;padding:2.5rem 2rem 2rem;position:relative;transform:translateY(20px) scale(.97);transition:transform .3s ease}.ai-dialog-overlay.visible .ai-dialog-modal{transform:translateY(0) scale(1)}.ai-dialog-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .15s}.ai-dialog-close:hover{color:var(--text-primary)}.ai-dialog-icon{text-align:center;margin-bottom:1.25rem}.ai-dialog-content{text-align:center;margin-bottom:1.75rem}.ai-dialog-content h2{font-size:1.35rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.ai-dialog-content p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.ai-dialog-dots{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.75rem}.ai-dialog-dot{width:10px;height:10px;border-radius:50%;background:var(--border);border:none;cursor:pointer;padding:0;transition:all .2s}.ai-dialog-dot.active{background:var(--primary);transform:scale(1.2)}.ai-dialog-dot:hover:not(.active){background:var(--text-muted)}.ai-dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.login-see-how{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;background:none;border:none;color:var(--primary);font-size:.9rem;font-weight:500;cursor:pointer;padding:0;transition:color .15s}.login-see-how:hover{color:var(--primary-hover)}@media(max-width:480px){.ai-dialog-modal{padding:2rem 1.5rem 1.5rem}.ai-dialog-content h2{font-size:1.2rem}}.sidebar-legal{display:flex;flex-wrap:wrap;gap:.25rem .625rem;padding:.5rem 1rem .75rem;border-top:1px solid var(--sidebar-border)}.sidebar-legal a{font-size:.65rem;color:var(--sidebar-muted);text-decoration:none;transition:color .15s}.sidebar-legal a:hover{color:var(--sidebar-text-hover)}.legal-page{max-width:780px;padding-bottom:3rem}.legal-page h2{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.legal-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem}.legal-page section{margin-bottom:1.75rem}.legal-page h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.legal-page h4{font-size:.95rem;font-weight:600;margin-top:1rem;margin-bottom:.35rem}.legal-page p{font-size:.9rem;line-height:1.7;color:var(--text-secondary);margin-bottom:.5rem}.legal-page ul{margin:.5rem 0 .75rem 1.25rem;font-size:.9rem;line-height:1.7;color:var(--text-secondary)}.legal-page a{color:var(--primary);text-decoration:none}.legal-page a:hover{text-decoration:underline}.legal-date{margin-top:2rem;color:var(--text-muted)}.legal-form-template{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin:.75rem 0}.legal-form-template p{margin-bottom:.35rem}.legal-table{width:100%;border-collapse:collapse;font-size:.85rem;margin:.75rem 0}.legal-table th,.legal-table td{padding:.5rem .75rem;border:1px solid var(--border);text-align:left}.legal-table th{background:var(--surface-sunken);font-weight:600;color:var(--text-primary)}.legal-table td{color:var(--text-secondary)}.support-layout{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start}.support-form-card form h3{margin-bottom:.25rem}.support-form-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.25rem}.support-form-card textarea{resize:vertical;min-height:120px}.support-error{color:var(--danger, #dc2626);font-size:.85rem;margin-bottom:.75rem}.support-error a{color:inherit;text-decoration:underline}.support-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;gap:.75rem}.support-success h3{font-size:1.2rem;margin:0}.support-success p{color:var(--text-secondary);margin-bottom:.5rem}.support-info .card{margin-bottom:1rem}.support-info .card h3{font-size:.95rem;margin-bottom:.75rem}.support-info .card p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.support-contact-item{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.85rem}.support-contact-item svg{color:var(--text-muted);flex-shrink:0}.support-contact-item a{color:var(--primary);text-decoration:none}.support-contact-item a:hover{text-decoration:underline}.support-response-note{font-size:.8rem!important;color:var(--text-muted)!important;margin-top:.25rem}@media(max-width:768px){.support-layout{grid-template-columns:1fr}}.settings-section-heading{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem}.settings-page .card h3{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.settings-options-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.settings-option-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--card-bg);cursor:pointer;transition:all .15s;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.settings-option-card:hover{border-color:var(--primary)}.settings-option-card.active{border-color:var(--primary);background:var(--primary-light)}.settings-option-label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.settings-option-card.active .settings-option-label{color:var(--text-primary)}.settings-preview{width:100%;height:48px;border-radius:6px;overflow:hidden;position:relative}.settings-preview-theme{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 10px;border:1px solid var(--border-light)}.accent-color-section{display:flex;gap:1rem;align-items:flex-start}.accent-preview-swatch{width:56px;height:56px;border-radius:var(--radius);flex-shrink:0;border:2px solid var(--border);box-shadow:var(--shadow)}.accent-sliders{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.5rem}.accent-slider-row{display:flex;align-items:center;gap:.75rem;cursor:default}.accent-slider-label{font-size:.8rem;font-weight:500;color:var(--text-secondary);width:72px;flex-shrink:0}.accent-slider-value{font-size:.8rem;color:var(--text-muted);width:28px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.accent-range{-webkit-appearance:none;appearance:none;flex:1;height:6px;border-radius:3px;outline:none;cursor:pointer}.accent-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--surface);border:2px solid var(--primary);box-shadow:0 1px 3px #0003;cursor:pointer}.accent-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--surface);border:2px solid var(--primary);box-shadow:0 1px 3px #0003;cursor:pointer}.accent-range-hue{background:linear-gradient(to right,#eb4747,#ebeb47,#47eb47,#47ebeb,#4747eb,#eb47eb,#eb4747)}.accent-range-sat{background:linear-gradient(to right,var(--sat-from),var(--sat-to))}.accent-range-lit{background:linear-gradient(to right,var(--lit-from),var(--lit-mid),var(--lit-to))}.accent-swatch-wrapper{position:relative;flex-shrink:0}.color-picker-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:20;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow-lg);min-width:224px}.color-picker-canvas{display:block;width:200px;height:120px;border-radius:4px;cursor:crosshair;border:1px solid var(--border)}.pulsate-sliders{margin-top:.5rem;padding-left:1.5rem}.pulsate-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;color:var(--text-secondary)}.pulsate-toggle input[type=checkbox]{-webkit-appearance:none;appearance:none;width:16px;height:16px;border:1.5px solid var(--border);border-radius:3px;background:var(--surface);cursor:pointer;flex-shrink:0;position:relative;transition:background .15s,border-color .15s}.pulsate-toggle input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}.pulsate-toggle input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.accent-slider-header{display:flex;align-items:center;gap:.75rem;margin-bottom:-.15rem}.accent-slider-header>span:nth-child(1){width:72px;flex-shrink:0}.accent-slider-header>span:nth-child(2){flex:1}.accent-slider-header>span:nth-child(3){width:28px;flex-shrink:0}.accent-slider-header>span:nth-child(4){width:38px;flex-shrink:0}.accent-rand-heading{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:center;width:15px;flex-shrink:0}.rand-checkbox{-webkit-appearance:none;appearance:none;width:15px;height:15px;border:1.5px solid var(--border);border-radius:3px;background:var(--surface);cursor:pointer;flex-shrink:0;position:relative;transition:background .15s,border-color .15s}.rand-checkbox:checked{background:var(--primary);border-color:var(--primary)}.rand-checkbox:checked:after{content:"";position:absolute;left:3.5px;top:1px;width:5px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.step-buttons{display:flex;gap:2px;flex-shrink:0}.step-buttons button{width:18px;height:18px;padding:0;border:1px solid var(--border);border-radius:3px;background:var(--surface);color:var(--text-secondary);font-size:.75rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,border-color .1s}.step-buttons button:hover{background:var(--surface-raised);border-color:var(--primary);color:var(--text-primary)}.dual-range-wrap{position:relative;flex:1;height:6px;background:var(--border);border-radius:3px}.dual-range{-webkit-appearance:none;appearance:none;position:absolute;top:0;left:0;width:100%;height:6px;background:transparent;pointer-events:none;margin:0;outline:none}.dual-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);border:2px solid #fff;box-shadow:0 0 2px #0000004d;cursor:pointer;pointer-events:auto;position:relative;z-index:2}.dual-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);border:2px solid #fff;box-shadow:0 0 2px #0000004d;cursor:pointer;pointer-events:auto;position:relative;z-index:2}.dual-range-fill{position:absolute;top:0;height:100%;background:var(--primary);border-radius:3px;opacity:.4;pointer-events:none}.accent-actions{margin-top:.75rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.keep-color-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;display:flex;align-items:center;gap:.5rem;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;box-shadow:var(--shadow-lg);font-size:.85rem;animation:toastSlideIn .3s ease-out;transition:opacity .7s ease-out}.keep-color-toast.fading{opacity:0}.keep-color-swatch{width:20px;height:20px;border-radius:4px;flex-shrink:0;border:1px solid var(--border)}.keep-color-dismiss{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:0 .15rem;line-height:1}.keep-color-dismiss:hover{color:var(--text-primary)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.settings-options-row{grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}.accent-color-section{flex-direction:column}.accent-preview-swatch{width:100%;height:32px}.color-picker-popover{left:0;right:0;min-width:unset}.color-picker-canvas{width:100%}}