body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#e8965a;--primary-hover:#f0a96a;--primary-pressed:#d4844e;--primary-color-rgb:232,150,90;--primary-subtle:#e8965a1f;--primary-glow:#e8965a33;--accent-secondary:#c9a0ff;--accent-secondary-hover:#d4b3ff;--accent-secondary-subtle:#c9a0ff1f;--background-main:#0c0b0f;--background-dark:#08070b;--background-secondary:#141318;--surface-light:#1c1b22;--surface-dark:#25242d;--surface-disabled:#1c1b22;--text-primary:#f0ede8;--text-secondary:#a8a3b0;--text-muted:#6b6578;--text-inverse:#fff;--text-on-primary:#1a1326;--text-link:#c9a0ff;--border-color:#ffffff12;--border-hover:#ffffff21;--border-active:#e8965a;--border-subtle:#ffffff0a;--error-color:#f26b6b;--error-light-bg:#f26b6b1f;--success-color:#3dd68c;--success-hover:#34c47e;--success-light-bg:#3dd68c1f;--warning-color:#efad3e;--warning-light-bg:#efad3e1f;--info-color:#6ea8fe;--info-light-bg:#6ea8fe1f;--primary-light-bg:#e8965a14;--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left);--safe-area-inset-right:env(safe-area-inset-right);--shadow-sm:0 1px 3px #0000003d,0 1px 2px #00000029;--shadow-md:0 4px 12px #00000052,0 2px 4px #0003;--shadow-lg:0 8px 24px #0006,0 4px 8px #0000003d;--shadow-xl:0 16px 48px #0000007a,0 8px 16px #00000047;--shadow-accent-glow:0 0 24px var(--primary-glow);--shadow-focus:0 0 0 2px var(--background-main),0 0 0 4px #e8965a66;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:200ms ease-out;--transition-slow:300ms ease-out;--transition-spring:300ms cubic-bezier(0.34,1.56,0.64,1);--font-display:"Space Grotesk","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",sans-serif;--font-mono:"Space Mono","Monaco","Menlo","Ubuntu Mono",monospace;--tracking-tight:-0.01em;--tracking-tighter:-0.02em;--tracking-display:-0.03em}@supports (scroll-behavior:smooth){html{scroll-behavior:smooth}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0c0b0f;background-color:var(--background-main);box-sizing:border-box;color:#f0ede8;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-family:var(--font-body);font-size:16px;letter-spacing:-.01em;letter-spacing:var(--tracking-tight);line-height:1.6;margin:0;max-width:100vw;overflow:visible!important}body,html{height:auto!important;min-height:100%;overflow-x:hidden}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overflow-y:scroll!important}*{box-sizing:border-box;margin:0;padding:0}canvas,img,svg,video{height:auto;max-width:100%}:after,:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;letter-spacing:var(--tracking-display);line-height:1.15;margin-bottom:1rem}h1{font-size:clamp(1.625rem,4.2vw,2.5rem)}h2{font-size:clamp(1.375rem,3.4vw,2rem)}h3{font-size:clamp(1.1875rem,2.6vw,1.625rem)}h4{font-size:clamp(1.0625rem,2vw,1.3125rem)}h5{font-size:clamp(1rem,1.6vw,1.125rem)}h6{font-size:clamp(.875rem,1.4vw,1rem);letter-spacing:.02em;text-transform:none}p{line-height:1.7;margin-bottom:1rem}.App{background:#0c0b0f;background:var(--background-main);box-sizing:border-box;color:#f0ede8;color:var(--text-primary);display:flex;flex-direction:column;max-width:100%;min-height:100vh;overflow:visible!important;text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#1c1b22;background-color:var(--surface-light);box-shadow:0 1px 3px #0000003d,0 1px 2px #00000029;box-shadow:var(--shadow-sm);color:#f0ede8;color:var(--text-primary);display:flex;justify-content:space-between;min-height:60px;padding:calc(.75rem + env(safe-area-inset-top)) 2rem .75rem;position:sticky;top:0;transition:all .3s ease;width:100%;z-index:1000}.App-header,.App-header.scrolled{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-color)}.App-header.scrolled{backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);background-color:#0c0b0fe0;box-shadow:0 4px 30px #0000004d}.App-header.scrolled .logo-container h1{color:#f0ede8;color:var(--text-primary)}.App-header.scrolled .nav-button{color:#a8a3b0;color:var(--text-secondary)}.App-header.scrolled .nav-button.active,.App-header.scrolled .nav-button:hover{background:#e8965a1f;background:var(--primary-subtle);color:#e8965a;color:var(--primary-color)}.impersonation-banner{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#e8965a1f;background:var(--primary-subtle);border:1px solid #e8965a66;border:1px solid rgba(var(--primary-color-rgb),.4);border-radius:.75rem;color:#f0ede8;color:var(--text-primary);display:flex;gap:1rem;justify-content:space-between;margin:0 1.5rem 1rem;padding:.75rem 1.25rem}.impersonation-exit{background:#0000;border:1px solid #e8965a80;border:1px solid rgba(var(--primary-color-rgb),.5);border-radius:.6rem;color:#f0ede8;color:var(--text-primary);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.impersonation-exit:hover:not(:disabled){background:#e8965a26;background:rgba(var(--primary-color-rgb),.15);color:#fff;color:var(--text-inverse)}.payment-banner-container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.impersonation-exit:disabled{cursor:not-allowed;opacity:.6}.logo-container{align-items:center;display:flex;flex:1 1 auto;gap:1rem;min-width:0;text-decoration:none;transition:opacity .2s ease}.logo-text{display:flex;flex-direction:column;min-width:0}.logo-container:hover{opacity:.9}.logo-container h1{color:#f0ede8;color:var(--text-primary);font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.8rem);font-weight:800;margin:0}.tagline{color:#a8a3b0;color:var(--text-secondary);display:none;font-size:clamp(.75rem,1.5vw,.9rem);font-weight:300;margin:0}@media (min-width:768px){.tagline{display:block}}@media (max-width:1024px){.App-header{gap:.5rem;min-height:56px;padding:calc(.6rem + env(safe-area-inset-top)) 1rem .6rem}.logo-container{flex:0 0 auto;gap:.6rem}.logo-container svg{height:36px;width:36px}.logo-text h1{font-size:1.3rem;margin:0}.tagline{display:none}.desktop-actions,.desktop-nav{display:none!important}.App-main{padding:clamp(1rem,5vw,1.25rem)}@media (max-width:1024px){.nav-button{-webkit-tap-highlight-color:rgba(232,150,90,.1);-webkit-tap-highlight-color:rgba(var(--primary-color-rgb),.1);border-radius:.875rem;font-size:.95rem;min-height:48px;padding:.75rem 1rem;touch-action:manipulation}.nav-button:active{background:#e8965a1a;background:rgba(var(--primary-color-rgb),.1);transform:scale(.96)}.nav-button.active{background:linear-gradient(135deg,#e8965a33,#e8965a1f);background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.2),rgba(var(--primary-color-rgb),.12));box-shadow:0 2px 8px #e8965a40;box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.25)}.nav-dropdown{border-radius:1rem;box-shadow:0 8px 25px #0000004d;left:-.5rem;position:absolute;right:-.5rem;top:calc(100% + .5rem)}.nav-dropdown-item{font-size:1rem;min-height:52px;padding:1rem}}.cta-button{border-radius:.875rem;font-size:.95rem;min-height:48px;padding:.75rem 1.25rem}}.main-nav{align-items:center;display:flex;gap:2rem}.nav-button{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:.75rem;color:#a8a3b0;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;min-height:48px;min-width:48px;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-decoration:none;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-button:after{background:linear-gradient(90deg,#e8965a,#f0a96a);background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.nav-button:before{background:linear-gradient(135deg,#e8965a1a,#e8965a0d);background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.1),rgba(var(--primary-color-rgb),.05));border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.nav-button:hover{box-shadow:0 4px 12px #e8965a26;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.15);color:#e8965a;color:var(--primary-color);transform:translateY(-2px)}.nav-button:hover:after{width:100%}.nav-button:hover:before{opacity:1}.nav-button:active{transform:translateY(0);transition:transform .1s ease}.nav-button.active{background:linear-gradient(135deg,#e8965a26,#e8965a14);background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.15),rgba(var(--primary-color-rgb),.08));box-shadow:0 2px 8px #e8965a33;box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.2);color:#e8965a;color:var(--primary-color);font-weight:600}.nav-button.active:after{width:100%}.nav-dropdown{animation:dropdownFadeIn .2s ease-out;background:#0f172af2;border:1px solid #ffffff1a}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-dropdown-item{align-items:center;background:none;border:none;border-radius:.5rem;color:#f0ede8;color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;gap:.75rem;min-height:44px;padding:.875rem 1rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.nav-dropdown-item:hover{background:#e8965a1a;background:rgba(var(--primary-color-rgb),.1);transform:translateX(2px)}.nav-dropdown-item.active,.nav-dropdown-item:hover{color:#e8965a;color:var(--primary-color)}.nav-dropdown-item:active{background:#e8965a26;background:rgba(var(--primary-color-rgb),.15);transform:translateX(0)}.nav-dropdown-icon{font-size:1.1rem;opacity:.8;text-align:center;width:20px}.nav-dropdown-item:hover .nav-dropdown-icon{opacity:1}.user-dropdown-header{border-bottom:1px solid #ffffff1a;margin-bottom:.5rem;padding:.5rem 1rem 1rem}.user-email{color:#a8a3b0;color:var(--text-secondary);font-size:.8rem;font-weight:500;text-transform:lowercase}.dropdown-separator{border:0;border-top:1px solid #ffffff1a;margin:.5rem 0}.admin-item{color:#e8965a;color:var(--primary-color);font-weight:600}.admin-item:hover{background:#e8965a26;background:rgba(var(--primary-color-rgb),.15)}.signout-item{color:#ef4444}.signout-item:hover{background:#ef44441a;color:#ef4444}.signout-item .nav-dropdown-icon{color:#ef4444}.header-actions{align-items:center;display:flex;gap:1rem}.signin-button{align-items:center;background:#0000!important;border:1px solid #ffffff12!important;border:1px solid var(--border-color)!important;border-radius:.75rem!important;box-shadow:none!important;color:#f0ede8!important;color:var(--text-primary)!important;cursor:pointer;display:inline-flex;font-weight:600!important;gap:.5rem;letter-spacing:.3px;min-height:48px;min-width:auto;overflow:hidden!important;padding:.75rem 1.5rem!important;position:relative;touch-action:manipulation;transition:all .2s ease!important}.signin-button:after,.signin-button:before{display:none!important}.signin-button:hover{background:#ffffff0d!important;border-color:#e8965a!important;border-color:var(--primary-color)!important;box-shadow:none!important;color:#e8965a!important;color:var(--primary-color)!important;transform:translateY(-1px)!important}.signin-button:active{background:#ffffff05!important;transform:translateY(0)!important}.signin-icon{font-size:1.15rem;opacity:.9;transition:opacity .3s ease}.signin-button:hover .signin-icon{opacity:1}.cta-button{align-items:center;background:linear-gradient(135deg,#e8965a,#d4844e);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-pressed) 100%);border:none;border-radius:.75rem;box-shadow:0 4px 16px #e8965a59;box-shadow:0 4px 16px rgba(var(--primary-color-rgb),.35);color:#1a1326;color:var(--text-on-primary);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.3px;margin-right:0;min-height:48px;min-width:120px;overflow:hidden;padding:1rem 1.75rem;position:relative;touch-action:manipulation;transition:all .3s ease}.cta-button:before{background:linear-gradient(90deg,#0000,#ffffff38,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cta-button:hover:before{left:100%}.cta-button:hover{box-shadow:0 6px 20px #e8965a66;box-shadow:0 6px 20px rgba(var(--primary-color-rgb),.4);transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}.App-main{background-color:#0c0b0f;background-color:var(--background-main);color:#f0ede8;color:var(--text-primary);flex:1 1;max-width:100vw;overflow-x:hidden;padding:clamp(1.75rem,4vw,2.5rem);width:100%}.App-main:has(>.welcome-guide){padding-left:0;padding-right:0;padding-top:0}.features-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:3rem 0}.feature-card{background-color:#25242d;background-color:var(--surface-dark);border:1px solid #ffffff12;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 20px #0000004d;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{border-color:#e8965a;border-color:var(--primary-color);box-shadow:0 8px 30px #0006;transform:translateY(-5px)}.feature-card h3{color:#e8965a;color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#a8a3b0;color:var(--text-secondary);line-height:1.6}.text-to-speech-section{background-color:#25242d;background-color:var(--surface-dark);border:1px solid #ffffff12;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 20px #0000004d;margin:2rem 0;padding:2rem}.text-to-speech-section h2{color:#e8965a;color:var(--primary-color);font-weight:600;margin-bottom:1.5rem;text-align:center}.App-footer{background-color:#1c1b22;background-color:var(--surface-light);border-top:1px solid #ffffff12;border-top:1px solid var(--border-color);color:#a8a3b0;color:var(--text-secondary);margin-top:auto;padding:1.5rem;text-align:center;width:100%}.App-footer p{color:#a8a3b0!important;color:var(--text-secondary)!important}.footer-content{margin:0 auto;max-width:1200px}.footer-links{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.footer-links a{color:#a8a3b0;color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:#e8965a;color:var(--primary-color)}.footer-separator{color:#a8a3b0;color:var(--text-secondary);opacity:.5}input,select,textarea{-webkit-appearance:none;background-color:#ffffff0d;border:2px solid #ffffff12;border:2px solid var(--border-color);border-radius:.5rem;box-sizing:border-box;color:#f0ede8;color:var(--text-primary);font-family:inherit;font-size:16px;margin-bottom:1rem;min-height:48px;padding:.875rem 1rem;touch-action:manipulation;transition:all .3s ease;width:100%}input:hover,select:hover,textarea:hover{background-color:#ffffff14;border-color:#f59e0b66}input:focus,select:focus,textarea:focus{background-color:#ffffff14;border-color:#e8965a;border-color:var(--primary-color);box-shadow:0 0 0 3px #e8965a40;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.25);outline:none}.cta-button:focus-visible,.nav-button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e8965a;outline:3px solid var(--primary-color);outline-offset:2px}.error-message{color:#f26b6b;color:var(--error-color);font-size:.9rem;margin-top:.5rem}.loading{opacity:.7;pointer-events:none}@media (max-width:768px){.App-header{gap:.5rem;padding:calc(.5rem + env(safe-area-inset-top)) .75rem .5rem}.logo-container{gap:.5rem}.logo-container svg{height:32px;width:32px}.logo-text h1{font-size:1.25rem;margin:0}.App-main{padding:clamp(1rem,6vw,1.2rem)}.impersonation-banner{align-items:flex-start;flex-direction:column;margin:0 .75rem .75rem;padding:.75rem}.features-section{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}.footer-links{flex-wrap:wrap;font-size:.9rem;gap:.5rem}.footer-separator{display:none}input,select,textarea{-webkit-appearance:none;border-radius:8px;font-size:16px}.modal{margin:1rem;max-height:calc(100vh - 2rem);max-width:100%;min-width:0;min-width:auto;overflow-y:auto;padding:1.5rem;width:calc(100% - 2rem)}.modal h2{font-size:1.5rem;margin-bottom:1.5rem}.modal input{font-size:16px;padding:.8125rem .875rem}.auth-btn{font-size:1rem;padding:.9375rem 1rem}.passwordToggle{font-size:.8125rem;right:.875rem}.cta-button,.nav-button,button{font-size:16px;min-height:48px;min-width:48px;touch-action:manipulation}.cta-button:active,.nav-button:active,button:active{transform:scale(.98);transition-duration:.1s}.cta-button:focus-visible,.nav-button:focus-visible,button:focus-visible{outline:3px solid #e8965a;outline:3px solid var(--primary-color);outline-offset:2px}.hero-feature,li,p{font-size:clamp(.9375rem,2.5vw,1rem);line-height:1.65}.cta-button+.cta-button,.nav-button+.nav-button,button+button{margin-left:max(8px,.5rem)}}@media (max-width:480px){body{font-size:14px}.App-header{padding:.5rem .75rem}.logo-container h1{font-size:1.1rem}.App-main{padding:clamp(.7rem,7vw,.85rem)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}}@media (max-width:768px) and (orientation:landscape){.App-header{min-height:50px;padding:.5rem 1rem}}@media (max-width:360px){.App-header{gap:.25rem;padding:.375rem .5rem}.logo-text h1{font-size:1rem}.logo-container svg{height:28px;width:28px}.App-main{padding:.5rem}.cta-button,.nav-button{font-size:.8125rem;padding:.625rem .75rem}}@supports (padding:env(safe-area-inset-top)){.App-header{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right));padding-top:max(.5rem,env(safe-area-inset-top))}.App-main{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}@media (hover:none) and (pointer:coarse){a:hover,button:hover{transform:none!important}.App-main,.modal{-webkit-overflow-scrolling:touch}[role=button],a,button{-webkit-tap-highlight-color:rgba(245,158,11,.1)}}@media (prefers-reduced-data:reduce){*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-image:none!important}}@media (min-width:1440px){.App-main{padding:clamp(2.5rem,5vw,3rem)}.App-main>*{margin-left:auto;margin-right:auto;max-width:1200px}.App-main>.welcome-guide{max-width:none}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.modal{background:#25242d;background:var(--surface-dark);border:1px solid #ffffff12;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 8px 32px #00000080;max-width:440px;min-width:320px;padding:2rem;position:relative;width:100%}.modal,.modal h2{color:#f0ede8;color:var(--text-primary)}.modal h2{font-size:1.75rem;font-weight:700;margin:0 0 1.75rem}.close-btn{align-items:center;background:none;border:none;border-radius:.375rem;color:#a8a3b0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.75rem;height:32px;justify-content:center;line-height:1;min-height:0;min-height:auto;padding:.25rem;position:absolute;right:1.25rem;top:1.25rem;transition:all .2s ease;width:32px}.close-btn:hover,.modal input{background:#ffffff0d;color:#f0ede8;color:var(--text-primary)}.modal input{border:2px solid #ffffff12;border:2px solid var(--border-color);border-radius:.625rem;font-size:1rem;margin:.5rem 0;padding:.875rem 1rem;transition:all .2s ease;width:100%}.modal input:focus{border-color:#e8965a;border-color:var(--primary-color);box-shadow:0 0 0 3px #f59e0b33;outline:none}.passwordField{align-items:center;display:flex;position:relative}.passwordField input{padding-right:4rem}.passwordToggle{background:none;border:none;color:#e8965a;color:var(--primary-color);cursor:pointer;font-size:.875rem;font-weight:600;min-height:0;min-height:auto;padding:.5rem;position:absolute;right:1rem;transition:opacity .2s ease}.passwordToggle:hover{opacity:.8}.auth-btn{align-items:center;background:#e8965a;background:var(--primary-color);border:none;border-radius:.625rem;box-shadow:0 2px 8px #e8965a4d;box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.3);box-sizing:border-box;color:#1a1326;color:var(--text-on-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:600;justify-content:center;margin-top:1rem;min-height:48px;padding:1rem 1.25rem;touch-action:manipulation;transition:all .2s ease;width:100%}.auth-btn:hover:not(:disabled){background:#f0a96a;background:var(--primary-hover);box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.toggle-auth{color:#a8a3b0;color:var(--text-secondary);font-size:.9375rem;margin-top:1.25rem;text-align:center}.toggle-auth button{background:none;border:none;color:#e8965a;color:var(--primary-color);cursor:pointer;font-size:.9375rem;font-weight:600;margin-left:.25rem;min-height:0;min-height:auto;padding:.25rem;transition:opacity .2s ease}.toggle-auth button:hover{opacity:.8;text-decoration:underline}.error-msg{background:#f443361a;border:1px solid #f443364d;border-radius:.5rem;color:#f26b6b;color:var(--error-color);font-size:.875rem;margin:.75rem 0;padding:.625rem .875rem}.admin-panel{background:#25242d;background:var(--surface-dark);border:1px solid #ffffff12;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 20px #0000004d;color:#f0ede8;color:var(--text-primary);margin:2rem 0;padding:1.5rem}a:not(.nav-button):not(.nav-dropdown-item):not(.mobile-nav-item):not(.logo-container){color:#e8965a;color:var(--primary-color);text-decoration:underline}a:hover{color:#f0a96a;color:var(--primary-hover)}h1,h2,h3,h4,h5,h6{color:#f0ede8;color:var(--text-primary);font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-display);font-weight:600;line-height:1.2;margin-top:0}li,p{color:#a8a3b0;color:var(--text-secondary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shine{0%,to{background-position:-200%}60%{background-position:200%}}.hero-animate{animation:fadeUp .7s cubic-bezier(.22,1,.36,1) forwards;opacity:0}.hero-animate-1{animation-delay:.1s}.hero-animate-2{animation-delay:.2s}.hero-animate-3{animation-delay:.3s}.hero-animate-4{animation-delay:.4s}.hero-animate-5{animation-delay:.5s}.hero-animate-img{animation:scaleIn .8s cubic-bezier(.22,1,.36,1) .3s forwards;opacity:0}.hero-section{align-items:center;background:radial-gradient(ellipse at 20% 50%,rgba(var(--primary-color-rgb),.08) 0,#0000 50%),radial-gradient(ellipse at 80% 20%,rgba(var(--primary-color-rgb),.05) 0,#0000 40%),var(--background-main);display:flex;min-height:min(75vh,700px);overflow:hidden;padding:clamp(3rem,8vw,5rem) 1rem;position:relative}.hero-section:after{background:linear-gradient(to bottom,#0000,var(--background-dark));bottom:0;height:80px;left:0;right:0;z-index:1}.hero-section:after,.hero-section:before{content:"";pointer-events:none;position:absolute}.hero-section:before{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:60px 60px;inset:0}.hero-content{grid-gap:clamp(2rem,5vw,4rem);align-items:center;display:grid;gap:clamp(2rem,5vw,4rem);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:1}.hero-text{display:flex;flex-direction:column;gap:0}.hero-text h1{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.25rem);font-weight:600;letter-spacing:var(--tracking-display);line-height:1.08;margin:0 0 .5rem}.hero-accent{color:var(--primary-color)}.hero-subtitle{color:var(--text-secondary);font-size:clamp(1.1rem,2vw,1.25rem);line-height:1.7;margin:0 0 1.75rem;max-width:540px}.hero-features{display:flex;flex-direction:column;gap:.6rem;list-style:none;margin:0 0 1.25rem;padding:0}.hero-feature{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;gap:.75rem;padding:.5rem 0}.feature-check{flex-shrink:0;height:20px;width:20px}.hero-tagline{color:var(--text-secondary);font-size:1rem;font-weight:500;margin:0 0 1.75rem;opacity:.9}.hero-cta-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem}.hero-cta-primary,.hero-cta-secondary{align-items:center;border-radius:.625rem;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;justify-content:center;min-height:52px;padding:1rem 2rem;transition:all .2s ease}.hero-cta-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border:none;box-shadow:0 4px 14px rgba(var(--primary-color-rgb),.35),0 1px 3px #0000001a;color:var(--text-on-primary);overflow:hidden;position:relative}.hero-cta-primary:after{animation:shine 4s ease-in-out infinite;background:linear-gradient(105deg,#0000 40%,#fff3 50%,#0000 60%);background-size:200% 100%;content:"";inset:0;position:absolute}.hero-cta-primary:hover{box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.4),0 2px 6px #0000001a;transform:translateY(-2px)}.hero-cta-secondary{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary)}.hero-cta-secondary:hover{background:#ffffff1a;border-color:var(--primary-color);color:var(--primary-color)}.hero-cta-primary:focus-visible,.hero-cta-secondary:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.hero-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0;max-width:480px;opacity:.85}.hero-image-container{position:relative}.hero-image{border-radius:1rem;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;height:auto;width:100%}.hero-image-container:before{background:radial-gradient(ellipse at center,rgba(var(--primary-color-rgb),.15) 0,#0000 70%);content:"";filter:blur(40px);inset:-20px;position:absolute;z-index:-1}@media (max-width:1024px){.hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-text{align-items:center;order:1}.hero-image-container{margin:0 auto;max-width:500px;order:2}.hero-features{align-items:center}.hero-cta-group{justify-content:center}.hero-description,.hero-subtitle{max-width:100%}}@media (max-width:640px){.hero-section{min-height:auto;padding:2rem 1rem 3rem}.hero-content{gap:2rem}.hero-text h1{font-size:clamp(2rem,8vw,2.75rem)}.hero-subtitle{font-size:1rem;margin-bottom:1.25rem}.hero-features{margin-bottom:1rem}.hero-feature{font-size:.9375rem;padding:.375rem 0}.hero-cta-group{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;width:100%}.hero-cta-primary,.hero-cta-secondary{font-size:1rem;min-height:48px;padding:.875rem 1.5rem;width:100%}.hero-image-container{max-width:100%}.hero-description{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.hero-animate,.hero-animate-img{animation:none;opacity:1}.hero-cta-primary:after{animation:none}.hero-cta-primary,.hero-cta-secondary{transition:none}.hero-cta-primary:hover,.hero-cta-secondary:hover{transform:none}}.hero-cta-caption{color:var(--text-secondary);font-size:.85rem;margin:.6rem 0 0}.how-it-works{background:var(--background-dark);padding:clamp(4rem,10vw,6rem) 1rem;position:relative;text-align:center}.how-it-works:before{background:linear-gradient(90deg,#0000,var(--border-color),#0000);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:min(90%,600px)}.how-it-works h2{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:700;margin:0 0 3.5rem}.steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto 2.5rem;max-width:1000px;position:relative}.steps-grid:before{background:linear-gradient(90deg,var(--primary-color),var(--border-color),var(--primary-color));content:"";height:2px;left:calc(16.67% + 26px);opacity:.4;position:absolute;right:calc(16.67% + 26px);top:52px;z-index:0}.step-card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;padding:2rem 1.5rem;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;z-index:1}.step-card:hover{border-color:var(--primary-color);box-shadow:0 20px 40px -15px #0000004d;transform:translateY(-4px)}.step-number{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border-radius:50%;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3);color:var(--text-inverse);display:flex;font-size:1.5rem;font-weight:700;height:52px;justify-content:center;margin:0 auto 1.25rem;width:52px}.step-card h3,.step-number{font-family:var(--font-display)}.step-card h3{color:var(--text-primary);font-size:clamp(1.1rem,2vw,1.25rem);font-weight:600;margin:0 0 .75rem}.step-card p{color:var(--text-secondary);font-size:clamp(.9rem,1.5vw,1rem);line-height:1.6;margin:0}.how-it-works-cta{display:flex;justify-content:center}.how-it-works .cta-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border:none;border-radius:.625rem;box-shadow:0 4px 14px rgba(var(--primary-color-rgb),.35);color:var(--text-on-primary);cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .2s ease}.how-it-works .cta-primary:hover{box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.4);transform:translateY(-2px)}.how-it-works .cta-primary:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:768px){.how-it-works{padding:clamp(2.5rem,8vw,4rem) 1rem}.how-it-works h2{margin-bottom:2.5rem}.steps-grid{gap:1.25rem;grid-template-columns:1fr;margin-bottom:2rem;max-width:400px}.steps-grid:before{display:none}.step-card{padding:1.5rem 1.25rem}.step-number{font-size:1.25rem;height:44px;margin-bottom:1rem;width:44px}.how-it-works .cta-primary{font-size:1rem;max-width:300px;min-height:48px;width:100%}}.how-it-works .reveal-item{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.how-it-works .reveal-item.revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.how-it-works .cta-primary,.step-card{transition:none}.how-it-works .cta-primary:hover,.step-card:hover{transform:none}.how-it-works .reveal-item{opacity:1;transform:none;transition:none}}.value-props{background:var(--background-main);padding:clamp(4rem,10vw,6rem) 1rem;text-align:center}.value-props h2{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:700;margin:0 0 3rem}.value-props-grid{grid-gap:clamp(1.5rem,4vw,2rem);display:grid;gap:clamp(1.5rem,4vw,2rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1100px}.value-prop-card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:1rem;padding:2.5rem 2rem;position:relative;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.value-prop-card:hover{border-color:rgba(var(--primary-color-rgb),.3);box-shadow:0 20px 40px -15px #0000004d;transform:translateY(-4px)}.value-prop-icon{align-items:center;background:rgba(var(--primary-color-rgb),.1);border-radius:.75rem;color:var(--primary-color);display:flex;height:48px;justify-content:center;margin-bottom:1.25rem;padding:.75rem;width:48px}.value-prop-icon svg{height:100%;width:100%}.value-prop-card h3{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.25rem);font-weight:600;margin:0 0 .75rem}.value-prop-card p{color:var(--text-secondary);font-size:clamp(.9rem,1.5vw,1rem);line-height:1.7;margin:0}@media (max-width:768px){.value-props{padding:clamp(2.5rem,8vw,4rem) 1rem}.value-props h2{margin-bottom:2rem}.value-prop-card{padding:2rem 1.5rem}}@media (max-width:640px){.value-props-grid{gap:1rem;grid-template-columns:1fr}.value-prop-card{padding:1.5rem 1.25rem;text-align:center}.value-prop-icon{height:44px;margin-left:auto;margin-right:auto;width:44px}}.value-props .reveal-item{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.value-props .reveal-item.revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.value-prop-card{transition:none}.value-prop-card:hover{transform:none}.value-props .reveal-item{opacity:1;transform:none;transition:none}}.seo-content{background:var(--background-dark);overflow:hidden;padding:clamp(4rem,10vw,6rem) 1rem;position:relative}.seo-content:after{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.02) 0,#0000 50%,rgba(var(--primary-color-rgb),.02) 100%);content:"";inset:0;opacity:.5;pointer-events:none;position:absolute}.seo-content:before{background:linear-gradient(180deg,#0000,var(--primary-color),#0000);border-radius:2px;bottom:4rem;content:"";left:calc(50% - 400px);opacity:.3;position:absolute;top:4rem;width:3px}.seo-content h2{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;margin:0 auto 2rem;max-width:800px;position:relative;text-align:center;z-index:1}.seo-content h2:after{background:var(--primary-color);border-radius:2px;content:"";display:block;height:3px;margin:1rem auto 0;width:60px}.seo-content-body{margin:0 auto;max-width:800px;padding:0;position:relative;z-index:1}.seo-content-body p{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.1rem);line-height:1.8;margin:0 0 1.5rem}.seo-content-body h3{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.15rem,2.5vw,1.35rem);font-weight:600;margin:2.5rem 0 1rem;text-align:center}.seo-content-body ul{align-items:center;display:flex;flex-direction:column;list-style:none;margin:1rem 0 1.5rem;padding-left:0}.seo-content-body li{align-items:center;color:var(--text-secondary);display:flex;font-size:clamp(1rem,2vw,1.1rem);gap:.6rem;line-height:1.8;margin:.5rem 0;text-align:left}.seo-content-body li:before{background:var(--primary-color);border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.seo-callout{background:rgba(var(--primary-color-rgb),.06);border-left:3px solid var(--primary-color);border-radius:0 .75rem .75rem 0;margin:2rem 0;padding:2rem 2.5rem}.seo-callout p{color:var(--text-primary);font-size:clamp(1.05rem,2vw,1.15rem);font-style:italic;line-height:1.8;margin:0;opacity:.9}@media (max-width:768px){.seo-content:before{display:none}.seo-content{padding:clamp(2rem,8vw,4rem) 1rem}.seo-content-body li:before{height:5px;width:5px}}@media (max-width:480px){.seo-content{padding:1.5rem .75rem}.seo-content h2{font-size:1.5rem;margin-bottom:1.5rem}.seo-content-body h3{font-size:1.1rem;margin:2rem 0 .75rem}.seo-content-body li,.seo-content-body p{font-size:.9375rem;line-height:1.7}}.faq-section{background:var(--background-main);padding:clamp(4rem,10vw,6rem) 1rem;text-align:center}.faq-section h2{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:700;margin:0 0 3rem}.faq-list{display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:700px;text-align:left}.faq-item{background:var(--surface-light);border:1px solid var(--border-color);border-radius:.875rem;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.faq-item:hover{border-color:rgba(var(--primary-color-rgb),.3)}.faq-item[open]{border-color:var(--primary-color);box-shadow:0 4px 20px -5px rgba(var(--primary-color-rgb),.15)}.faq-item summary{color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:clamp(1rem,2vw,1.1rem);font-weight:600;line-height:1.4;list-style:none;padding:1.25rem 3.5rem 1.25rem 1.5rem;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{background:rgba(var(--primary-color-rgb),.1);border-radius:50%;content:"";height:24px;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);width:24px}.faq-item summary:before{border-bottom:2px solid var(--primary-color);border-right:2px solid var(--primary-color);content:"";height:8px;position:absolute;right:calc(1.5rem + 7px);top:50%;transform:translateY(-70%) rotate(45deg);transition:transform .2s ease;width:8px;z-index:1}.faq-item[open] summary:before{transform:translateY(-30%) rotate(-135deg)}.faq-item p{color:var(--text-secondary);font-size:clamp(.95rem,1.8vw,1rem);line-height:1.7;margin:0;padding:0 1.5rem 1.25rem}.faq-cta-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2.5rem}.faq-section .cta-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border:none;border-radius:.625rem;box-shadow:0 4px 14px rgba(var(--primary-color-rgb),.35);color:var(--text-on-primary);cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .2s ease}.faq-section .cta-primary:hover{box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.4);transform:translateY(-2px)}.faq-section .cta-secondary{background:#ffffff0d;border:1px solid var(--border-color);border-radius:.625rem;color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.faq-section .cta-secondary:hover{background:#ffffff1a;border-color:var(--primary-color);color:var(--primary-color)}.faq-item summary:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.faq-section .cta-primary:focus-visible,.faq-section .cta-secondary:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:768px){.faq-section{padding:clamp(2.5rem,8vw,4rem) 1rem}.faq-section h2{margin-bottom:2rem}}@media (max-width:640px){.faq-item summary{align-items:center;display:flex;min-height:48px;padding:1rem 3rem 1rem 1.25rem}.faq-item summary:after{right:1rem}.faq-item summary:before{right:calc(1rem + 7px)}.faq-item p{padding:0 1.25rem 1rem}.faq-cta-group{flex-direction:column;margin-top:2rem;padding:0}.faq-section .cta-primary,.faq-section .cta-secondary{min-height:48px;width:100%}}@media (prefers-reduced-motion:reduce){.faq-item,.faq-item summary:before,.faq-section .cta-primary,.faq-section .cta-secondary{transition:none}.faq-section .cta-primary:hover,.faq-section .cta-secondary:hover{transform:none}}.social-proof{background:var(--background-dark);padding:2rem 1rem;position:relative}.social-proof:after{background:linear-gradient(90deg,#0000,var(--border-color),#0000);bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:min(80%,600px)}.social-proof-container{display:flex;gap:clamp(2rem,8vw,5rem);justify-content:center;margin:0 auto;max-width:800px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-value{color:var(--primary-color);font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.stat-label{color:var(--text-secondary);font-size:clamp(.8rem,2vw,.9rem);text-align:center}@media (max-width:480px){.social-proof-container{flex-direction:column;gap:1.5rem}}.sample-scene-section{overflow-x:hidden;padding:3rem 1.25rem}.sample-scene-inner{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:40rem;text-align:center}.sample-scene-heading{color:#fffffff2;font-family:var(--font-display);font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin:0}.sample-scene-sub{color:#ffffffb3;font-size:1rem;line-height:1.55;margin:0;max-width:34rem}.sample-scene-card{background:#261c3a8c;border:1px solid #c9a0ff24;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0;padding:1rem;text-align:left;width:100%}.sample-scene-line{align-items:center;border-radius:8px;display:flex;font-size:.95rem;gap:.75rem;line-height:1.45;min-height:48px;padding:.625rem .875rem;width:100%}.sample-scene-line-clara{background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffffe6;cursor:pointer;font:inherit;font-size:.95rem;text-align:left;transition:background .15s ease,border-color .15s ease}.sample-scene-line-clara:hover{background:#ffffff17;border-color:#e8965a66}.sample-scene-line-clara.is-playing{background:#e8965a1f;border-color:#e8965a;border-color:var(--primary-color,#e8965a)}.sample-scene-line-clara:focus-visible{outline:2px solid #e8965a;outline:2px solid var(--primary-color,#e8965a);outline-offset:2px}.sample-scene-line-you{background:#0000;border-left:3px solid #e8965a;border-left:3px solid var(--primary-color,#e8965a);border-radius:0 8px 8px 0;color:#ffffffd9;flex-wrap:wrap}.sample-scene-speaker{color:#e8965a;color:var(--primary-color,#e8965a);flex-shrink:0;font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.08em;min-width:3.25rem;text-transform:uppercase}.sample-scene-line-you .sample-scene-speaker{color:#c9a0ffe6}.sample-scene-text{flex:1 1;min-width:0}.sample-scene-glyph{color:#e8965a;color:var(--primary-color,#e8965a);flex-shrink:0;font-size:.7rem}.sample-scene-affordance{color:#ffffff73;flex-basis:100%;font-size:.78rem;margin-left:4rem}.sample-scene-cta{background:#e8965a;background:var(--primary-color,#e8965a);border:none;border-radius:8px;color:#1a1326;cursor:pointer;font-family:var(--font-display);font-size:1rem;font-weight:600;min-height:48px;padding:.875rem 2rem;transition:filter .15s ease}.sample-scene-cta:hover{filter:brightness(1.08)}.sample-scene-caption{color:#ffffff80;font-size:.85rem;margin:0}@media (min-width:640px){.sample-scene-section{padding:4rem 2rem}.sample-scene-heading{font-size:2rem}}.welcome-guide{background:var(--background-main);color:var(--text-primary);padding:0;width:100%}.welcome-guide h1,.welcome-guide h2,.welcome-guide h3,.welcome-guide h4,.welcome-guide h5,.welcome-guide h6{color:var(--text-primary);font-family:var(--font-display)}.welcome-guide li,.welcome-guide p,.welcome-guide span{color:var(--text-secondary);font-family:Inter,sans-serif}.welcome-guide a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.welcome-guide a:hover{color:var(--primary-hover);text-decoration:underline}.welcome-guide>section{margin-bottom:0}.welcome-guide a:focus-visible,.welcome-guide button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.welcome-guide a{transition:none}}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skeleton-line{background:linear-gradient(90deg,#ffffff14,#ffffff26 50%,#ffffff14);background-size:200% 100%;border-radius:4px;height:1rem}.skeleton-line-sm{height:.75rem;width:40%}.skeleton-line-md{height:1rem;width:60%}.skeleton-line-lg{height:1.25rem;width:80%}.skeleton-line-xl{height:1.75rem;width:50%}.skeleton-circle{height:64px;width:64px}.skeleton-circle,.skeleton-circle-sm{background:linear-gradient(90deg,#ffffff14,#ffffff26 50%,#ffffff14);border-radius:50%}.skeleton-circle-sm{flex-shrink:0;height:32px;width:32px}.auth-loading-skeleton{align-items:center;background:#05060a;display:flex;justify-content:center;min-height:100vh}.auth-loading-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.auth-loading-logo{margin-bottom:1rem}.auth-loading-text{align-items:center;display:flex;flex-direction:column;gap:.75rem;width:200px}.auth-loading-spinner{margin-top:1rem}.spinner-ring{animation:spinner-rotate 1s linear infinite;border:3px solid rgba(var(--primary-color-rgb),.2);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.studio-loading{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.studio-loading-content{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.studio-loading-content .spinner-ring{height:48px;margin-bottom:.5rem;width:48px}.studio-loading-title{color:#f0f0f0;font-size:1.5rem;font-weight:600;margin:0}.studio-loading-subtitle{color:#ffffff80;font-size:.95rem;margin:0}.card-skeleton{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}@keyframes dot-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.inline-spinner{align-items:center;display:inline-flex;gap:4px}.spinner-dot{animation:dot-bounce 1.4s ease-in-out infinite both;background:currentColor;border-radius:50%;height:6px;width:6px}.spinner-dot:first-child{animation-delay:-.32s}.spinner-dot:nth-child(2){animation-delay:-.16s}.inline-spinner-sm .spinner-dot{height:4px;width:4px}.inline-spinner-lg .spinner-dot{height:8px;width:8px}@media (prefers-reduced-motion:reduce){.pulse,.spinner-dot,.spinner-ring{animation:none}.skeleton-circle,.skeleton-circle-sm,.skeleton-line{opacity:.5}}.payment-recovery-banner{background:linear-gradient(135deg,#fbbf2426,#fbbf2414);border:1px solid #fbbf2466;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;position:relative}.payment-recovery-banner.urgent{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.15) 0,rgba(var(--primary-color-rgb),.08) 100%);border-color:rgba(var(--primary-color-rgb),.4)}.payment-recovery-banner.critical{animation:pulse-critical 2s ease-in-out infinite;background:linear-gradient(135deg,#ef444426,#ef444414);border-color:#ef444466}@keyframes pulse-critical{0%,to{box-shadow:0 0 0 0 #ef444433}50%{box-shadow:0 0 0 8px #ef444400}}.banner-content{align-items:center;display:flex;gap:1rem}.banner-icon{flex-shrink:0;font-size:2rem}.banner-message{flex:1 1}.banner-message strong{color:var(--text-primary);display:block;font-size:1rem;margin-bottom:.25rem}.banner-message p{color:var(--text-secondary);font-size:.875rem;margin:0}.banner-message .error-text{color:#ef4444;margin-top:.5rem}.banner-actions{display:flex;flex-shrink:0;gap:.75rem}.retry-payment-btn,.update-payment-btn{border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;min-height:44px;padding:.625rem 1.25rem;touch-action:manipulation;transition:all .2s ease;white-space:nowrap}.update-payment-btn.primary{background:var(--primary-color);border:none;color:var(--text-on-primary)}.update-payment-btn.primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.retry-payment-btn.secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.retry-payment-btn.secondary:hover:not(:disabled){background:var(--surface-light);border-color:var(--primary-color)}.retry-payment-btn:disabled,.update-payment-btn:disabled{cursor:not-allowed;opacity:.5}.dismiss-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s;width:32px}.dismiss-btn:hover{background:#0000001a;color:var(--text-primary)}@media (max-width:768px){.payment-recovery-banner{border-radius:.625rem;margin:.75rem 0;padding:1rem}.banner-content{flex-direction:column;gap:.75rem;text-align:center}.banner-message{order:1}.banner-icon{font-size:1.75rem;order:0}.banner-message strong{font-size:.9375rem}.banner-message p{font-size:.8125rem}.banner-actions{flex-direction:column;gap:.5rem;order:2;width:100%}.retry-payment-btn,.update-payment-btn{font-size:1rem;min-height:48px;width:100%}.dismiss-btn{height:36px;min-height:36px;min-width:36px;width:36px}}@media (max-width:480px){.payment-recovery-banner{padding:.875rem .75rem}.banner-message strong{font-size:.875rem}}.script-manager{margin:0 auto;max-width:1200px;padding:2rem}.script-manager h2{color:var(--primary-color);font-size:2.5rem;margin-bottom:2rem;text-align:center}.script-form{background:var(--surface-dark);border-radius:1rem;box-shadow:0 4px 20px #0000004d;margin-bottom:3rem;padding:2rem}.script-form h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem}.script-form input[type=text],.script-form textarea{background:#ffffff0d;border:2px solid #f59e0b4d;border-radius:.5rem;color:var(--text-primary);font-size:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease;width:100%}.script-form input[type=text]:focus,.script-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #f59e0b33;outline:none}.tags-input{margin-bottom:1rem}.tags-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.tag{align-items:center;background:#f59e0b33;border-radius:1rem;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.25rem .75rem}.tag,.tag button{color:var(--primary-color)}.tag button{background:none;border:none;cursor:pointer;font-size:1.2rem;line-height:1;opacity:.7;padding:0;transition:opacity .2s}.tag button:hover{opacity:1}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.cancel-button,.save-button{background:var(--primary-color);border:none;border-radius:.5rem;box-shadow:0 2px 8px #f59e0b4d;color:var(--background-dark);cursor:pointer;font-size:1.1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.cancel-button{background:#0000;border:2px solid var(--text-secondary);box-shadow:none;color:var(--text-primary)}.save-button:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 5px 15px #f59e0b66;transform:translateY(-2px)}.cancel-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.save-button:disabled{cursor:not-allowed;opacity:.5}.scripts-controls{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.search-input{background:#ffffff0d;border:2px solid #f59e0b4d;border-radius:.5rem;color:var(--text-primary);flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #f59e0b33;outline:none}.archive-toggle{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;gap:.5rem}.archive-toggle input[type=checkbox]{margin:0;width:auto}.scripts-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.no-scripts{color:var(--text-primary);font-size:1.1rem;grid-column:1/-1;opacity:.6;padding:3rem;text-align:center}.script-card{background:var(--surface-dark);border:1px solid #f59e0b33;border-radius:1rem;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s ease}.script-card:hover{border-color:var(--primary-color);box-shadow:0 5px 20px #f59e0b33;transform:translateY(-2px)}.script-card.archived{border-style:dashed;opacity:.7}.script-card h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:.5rem}.script-meta{color:var(--text-primary);display:flex;font-size:.85rem;justify-content:space-between;opacity:.6}.script-meta,.script-tags{margin-bottom:1rem}.script-preview{color:var(--text-primary);flex:1 1;line-height:1.6;margin-bottom:1.5rem;opacity:.8}.script-actions{display:flex;gap:.5rem;margin-top:auto}.archive-button,.delete-button,.edit-button{background:#f59e0b33;border:1px solid var(--primary-color);border-radius:.4rem;color:var(--primary-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.archive-button{background:#0000;border-color:#f59e0b80;color:var(--text-primary);opacity:.8}.delete-button{background:#0000;border-color:#ff6b6b80;color:#ff6b6bcc}.edit-button:hover{background:var(--primary-color);color:var(--background-dark)}.archive-button:hover{border-color:var(--primary-color);color:var(--primary-color);opacity:1}.delete-button:hover{background:#ff6b6b1a;border-color:#ff6b6b;color:#ff6b6b}.error-message{background:#ff6b6b33;border:1px solid #ff6b6b66;border-radius:.5rem;color:#ff6b6b;margin:1rem 0;padding:1rem;text-align:center}.loading{color:var(--text-primary);font-size:1.2rem;opacity:.6;padding:3rem;text-align:center}@media (max-width:768px){.scripts-list{grid-template-columns:1fr}.scripts-controls{align-items:stretch;flex-direction:column}.script-actions{flex-wrap:wrap}}.mobile-menu-button{align-items:center;background:#0000;border:none;border-radius:10px;color:#fff;cursor:pointer;display:none;flex-direction:column;gap:5px;height:44px;justify-content:center;padding:10px;position:relative;touch-action:manipulation;transition:background .2s ease;width:44px;z-index:1120}.mobile-menu-button:hover{background:#ffffff14}.mobile-menu-button:active{transform:scale(.95)}.mobile-menu-button span{background-color:currentColor;border-radius:2px;height:2px;transition:transform .3s ease,opacity .2s ease;width:22px}.mobile-menu-button.open span:first-child{transform:translateY(7px) rotate(45deg)}.mobile-menu-button.open span:nth-child(2){opacity:0}.mobile-menu-button.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;inset:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1090}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{background:linear-gradient(180deg,var(--surface-light) 0,var(--background-dark) 100%);box-shadow:-8px 0 32px #00000080;display:flex;flex-direction:column;height:100%;height:100dvh;max-width:340px;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);width:85%;z-index:1110}.mobile-menu.open{transform:translateX(0)}.mobile-menu-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 16px 14px}.mobile-menu-brand{align-items:center;display:flex;gap:10px}.mobile-menu-brand svg{height:28px;width:28px}.mobile-menu-brand-text{color:#fff;font-size:17px;font-weight:700;letter-spacing:-.02em}.mobile-menu-close{align-items:center;background:#ffffff0d;border:none;border-radius:10px;color:#666;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;transition:all .2s ease;width:44px}.mobile-menu-close svg{height:20px;width:20px}.mobile-menu-close:hover{background:#ffffff1a;color:#fff}.mobile-menu-close:active{transform:scale(.95)}.mobile-nav{flex:1 1;overflow-y:auto;padding:6px 0}.mobile-nav-section{padding:4px 12px}.mobile-nav-section-title{color:#555;font-size:10px;font-weight:700;letter-spacing:.1em;padding:10px 12px 6px;text-transform:uppercase}.mobile-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:10px;color:silver;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;margin:1px 0;padding:12px 14px;text-align:left;text-decoration:none;touch-action:manipulation;transition:all .15s ease;width:100%}.mobile-nav-item:hover{background:#ffffff0d;color:#fff}.mobile-nav-item:active{background:#ffffff12;transform:scale(.98)}.mobile-nav-item.active{background:rgba(var(--primary-color-rgb),.1)}.mobile-nav-item.active,.mobile-nav-item.active .mobile-nav-icon{color:var(--primary-color)}.mobile-nav-icon{align-items:center;color:#666;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:color .15s ease;width:20px}.mobile-nav-icon svg{height:100%;width:100%}.mobile-nav-item:hover .mobile-nav-icon{color:#888}.mobile-nav-label{flex:1 1}.mobile-nav-badge{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border-radius:6px;color:var(--text-on-primary);font-size:9px;font-weight:700;letter-spacing:.03em;padding:3px 7px;text-transform:uppercase}.mobile-nav-divider{background:#ffffff0d;height:1px;margin:6px 16px}.mobile-menu-footer{border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:8px;padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.mobile-user-info{align-items:center;background:#ffffff08;border-radius:10px;display:flex;gap:10px;margin-bottom:2px;padding:10px 12px}.mobile-user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border-radius:8px;color:var(--text-on-primary);display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:34px;justify-content:center;width:34px}.mobile-user-details{flex:1 1;min-width:0}.mobile-user-email{color:silver;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user-role{color:var(--primary-color);font-size:10px;font-weight:600;letter-spacing:.04em;margin-top:2px;text-transform:uppercase}.mobile-btn{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:46px;transition:all .2s ease;width:100%}.mobile-btn:active{transform:scale(.98)}.mobile-btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border:none;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.25);color:var(--text-on-primary)}.mobile-btn-primary:hover{box-shadow:0 6px 16px rgba(var(--primary-color-rgb),.35)}.mobile-btn-secondary{background:#0000;border:1px solid #ffffff1f;color:silver}.mobile-btn-secondary:hover{background:#ffffff0d;border-color:#ffffff2e;color:#fff}.mobile-btn-ghost{background:#0000;border:none;color:#777;font-size:13px;font-weight:500;min-height:38px}.mobile-btn-ghost:hover{background:#ffffff0a;color:#fff}@media (max-width:1024px){.mobile-menu-button{display:flex}}@media (prefers-reduced-motion:reduce){.mobile-btn,.mobile-menu,.mobile-menu-overlay,.mobile-nav-item{transition:none}}