*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,sans-serif}body{font-weight:400;line-height:1.5}:root{--color-bg:#ecf0f1;--color-bg-inverted:#37474f;--color-text:#2c3e50;--color-text-inverted:#ecf0f1;--color-text2:#2c3e50;--color-text-white:#fff;--color-primary:#6366f1;--color-primary-dark:#4338ca;--color-secondary-text:#4b5563;--color-input-container-dark:#4b5563;--color-input-container:#e0e0e0;--color-text-input-text:#fffff7;--color-result-card-bg:#e0e0e0;--color-red:#dc3545;--color-dark-red:#c82333;--color-white:#fff}html.dark{--color-bg:#37474f;--color-bg-inverted:#ecf0f1;--color-text:#ecf0f1;--color-text-inverted:#2c3e50;--color-text2:#fff;--color-text-white:#fff;--color-primary:#6366f1;--color-primary-dark:#4338ca;--color-secondary-text:#616161;--color-input-container-light:#fff;--color-input-container:#546e7a;--color-text-input-text:#ccc;--color-result-card-bg:#546e7a;--color-red:#dc3545;--color-dark-red:#c82333;--color-white:#fff}:root{--theme-dur:.24s;--theme-ease:cubic-bezier(.2, 0, 0, 1);--theme-transition:background-color var(--theme-dur) var(--theme-ease), color var(--theme-dur) var(--theme-ease), border-color var(--theme-dur) var(--theme-ease), box-shadow var(--theme-dur) var(--theme-ease), fill var(--theme-dur) var(--theme-ease), stroke var(--theme-dur) var(--theme-ease);--theme-transform:transform var(--theme-dur) var(--theme-ease), opacity var(--theme-dur) var(--theme-ease);max-width:1280px;margin:0 auto;padding:2rem 1rem}@media (prefers-reduced-motion:reduce){:root{--theme-transition:none;--theme-transform:none}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}body{background-color:var(--color-bg);color:var(--color-text);transition:var(--theme-transition)}a{color:var(--color-primary);font-weight:500;text-decoration:none}a:hover{text-decoration:underline}body,button,input,textarea,select{font-family:inherit}.animation-delay-\[calc\(key\*100ms\)\]{animation-delay:var(--delay)}html,body,#root,header,main,footer,section,article,aside,nav,div,span,p,h1,h2,h3,h4,h5,h6,button,input,textarea,select,img,svg,path{transition:var(--theme-transition)}.app-background{background-color:var(--color-bg);min-height:95vh;color:var(--color-text);transition:var(--theme-transition);flex-direction:column;flex:1;justify-content:space-between;padding-bottom:2rem;display:flex}.main-content{flex-direction:column;padding-top:2rem;display:flex}.top-section{flex-direction:column;align-items:center;width:100%;display:flex}.middle-section{flex-direction:column;align-items:center;width:100%;display:flex;overflow-y:auto}.bottom-section{flex-direction:column;align-items:center;width:100%;padding-top:1rem;display:flex}.dark-toggle-btn{background-color:var(--color-secondary-text);width:3rem;height:3rem;color:var(--color-bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .3s,color .3s;display:flex;position:fixed;bottom:1rem;left:1rem}.dark-toggle-btn:hover{background-color:var(--color-primary);color:var(--color-bg)}.dark-toggle-btn .material-icons{font-size:1.5rem}.help-button{background-color:var(--color-secondary-text);width:3rem;height:3rem;color:var(--color-bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .3s,color .3s;display:flex;position:fixed;bottom:1rem;right:1rem}.help-button:hover{background-color:var(--color-primary);color:var(--color-bg)}.help-button .material-icons{font-size:1.5rem}.header{background-color:var(--color-bg);width:100%;color:var(--color-text);transition:var(--theme-transition);flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.header-account-container{flex-direction:column;align-items:flex-end;gap:.5rem;width:100%;display:flex}.header-account-button{background-color:var(--color-primary);width:100%;max-width:150px;color:var(--color-text-white);cursor:pointer;transition:var(--theme-transition), var(--theme-transform);border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;margin:0 auto;padding:.5rem;font-weight:600;text-decoration:none;display:inline-flex;position:fixed;top:1rem;right:1rem}.header-account-button:hover:not(:disabled){background-color:#4338ca;text-decoration:none;transform:scale(1.05)}.header-account-button:active:not(:disabled){transform:scale(.95)}.header-account-button:disabled{opacity:.5;cursor:not-allowed}.header-account-button-text{color:inherit;font-weight:700;text-decoration:none}.header-account-button-icon{font-size:1.25rem}.header-account-status-text{color:var(--color-text2);font-size:.75rem;font-weight:700;line-height:1.2;position:fixed;top:4rem;right:1.3rem}.header-logo{align-items:center;gap:.5rem;display:flex}.header-logo-icon{background-color:var(--color-primary);width:3rem;height:3rem;color:var(--color-bg);border-radius:.5rem;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.header-logo-text{color:var(--color-text);margin:0;font-size:2.5rem;font-weight:800}.header-headline{text-align:center;flex-direction:column;gap:.25rem;padding-top:1rem;padding-bottom:1rem;display:flex}.header-headline-title{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:700}@media (width>=768px){.header-headline-title{font-size:2.25rem}}.header-headline-subtitle{color:var(--color-text);margin:0;font-size:.875rem}.header-account-button:hover:not(:disabled),.header-account-button:active:not(:disabled){transition:var(--theme-transform)}.top-section{background-color:var(--color-bg,#fff);width:100%;color:var(--color-text,#1f2937);min-height:70vh;transition:var(--theme-transition);justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.top-section-container{grid-template-columns:1fr;align-items:center;width:100%;max-width:1200px;display:grid}.top-section-left{text-align:left;flex-direction:column;gap:1.5rem;display:flex}.top-section-title{color:var(--color-text,#1f2937);margin:0;font-size:3rem;font-weight:800;line-height:1.1}.top-section-subtitle{color:var(--color-text2,#6b7280);max-width:500px;margin:0;font-size:1.5rem;line-height:1.6}.top-section-button{background-color:var(--color-primary,#6366f1);color:#fff;cursor:pointer;transition:var(--theme-transition), var(--theme-transform);border:none;border-radius:.75rem;justify-content:center;align-items:center;max-width:fit-content;padding:1rem 2rem;font-size:1.3rem;font-weight:400;text-decoration:none;display:inline-flex}.top-section-button:hover:not(:disabled){background-color:var(--color-primary-hover,#4f46e5);transform:translateY(-2px);box-shadow:0 10px 25px #6366f14d}.top-section-button:active:not(:disabled){transform:translateY(0)}.top-section-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.top-section-note{color:var(--color-text2,#6b7280);margin:0;font-size:1rem;font-weight:500}.top-section-right{justify-content:center;align-items:center;display:flex}.top-section-image-placeholder{background-color:var(--color-bg-secondary,#f3f4f6);border:1px solid var(--color-border,#e5e7eb);border-radius:1rem;justify-content:center;align-items:center;width:100%;max-width:400px;display:flex;overflow:hidden}.top-section-image{object-fit:cover;border-radius:inherit;width:100%;height:100%}@media (width<=768px){.top-section{min-height:auto;padding:1.5rem 1rem}.top-section-container{gap:2rem}.top-section-left{text-align:center;gap:1.25rem}.top-section-title{font-size:3rem}.top-section-subtitle{max-width:none;font-size:1.5rem}.top-section-button{align-self:center}}@media (width>=769px){.top-section-container{grid-template-columns:1fr 1fr}.top-section-title{font-size:4rem}.top-section-subtitle{font-size:1.5rem}}@media (width>=1024px){.top-section{padding:1rem 2rem}.top-section-title{font-size:4.5rem}}.middle-section{background-color:var(--color-bg,#fff);width:100%;color:var(--color-text,#1f2937);padding:3rem 1rem}.middle-section-container{flex-direction:column;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.middle-section-title{color:var(--color-text,#1f2937);text-align:center;margin:0;font-size:2.5rem;font-weight:700}.middle-section-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;width:100%;display:flex}.middle-section-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:1rem;min-width:200px;max-width:300px;display:flex}.middle-section-step-icon{background-color:var(--color-bg-secondary,#f8fafc);border:2px solid var(--color-border,#e2e8f0);width:80px;height:80px;color:var(--color-primary,#6366f1);transition:var(--theme-transform);border-radius:50%;justify-content:center;align-items:center;display:flex}.middle-section-step:hover .middle-section-step-icon{background-color:var(--color-primary,#6366f1);color:#fff;transform:scale(1.05);box-shadow:0 8px 25px #6366f14d}.middle-section-step-number{color:var(--color-primary,#6366f1);margin:0;font-size:1.125rem;font-weight:700}.middle-section-step-title{color:var(--color-text,#1f2937);margin:0;font-size:1.125rem;font-weight:600;line-height:1.4}.middle-section-arrow{color:var(--color-text2,#6b7280);opacity:.6;flex-shrink:0}.middle-section-arrow:hover{opacity:.9}@media (width<=768px){.middle-section{padding:3rem 1rem}.middle-section-container{gap:2rem}.middle-section-title{font-size:2rem}.middle-section-steps{flex-direction:column;gap:2rem}.middle-section-arrow{transform:rotate(90deg)}.middle-section-step{max-width:100%}.middle-section-step-icon{width:70px;height:70px}}@media (width>=769px){.middle-section-steps{gap:1.5rem}}@media (width>=1024px){.middle-section{padding:4rem 2rem 1rem}.middle-section-title{font-size:3rem}.middle-section-steps{gap:2rem}.middle-section-step-icon{width:90px;height:90px}}.middle-section,.middle-section-title,.middle-section-step,.middle-section-step-icon,.middle-section-step-number,.middle-section-step-title,.middle-section-arrow{transition:var(--theme-transition)}.bottom-section{background-color:var(--color-bg);width:100%;color:var(--color-text);transition:var(--theme-transition);padding:4rem 1rem}.bottom-section-container{grid-template-columns:1fr;align-items:start;gap:4rem;max-width:1400px;margin:0 auto;display:grid}.bottom-section-left,.bottom-section-left-header{flex-direction:column;display:flex}.bottom-section-title,.bottom-section-subtitle{color:var(--color-text,#1f2937);margin:0;font-size:2.5rem;font-weight:700;line-height:1.1}.bottom-section-form-container{width:100%;max-width:1400px}.bottom-section-results-container{width:100%}.bottom-section-right{flex-direction:column;gap:1rem;display:flex;position:sticky;top:2rem}.bottom-section-features-header{margin-bottom:1rem}.bottom-section-features-title{color:var(--color-text,#1f2937);margin:0;font-size:2rem;font-weight:700}.bottom-section-pricing-card{border:2px solid var(--color-input-container,#e5e7eb);background-color:var(--color-bg,#fff);transition:var(--theme-transition), var(--theme-transform);border-radius:1rem;padding:1.5rem}.free-plan .pricing-card-header{margin-bottom:1rem}.pro-plan{position:relative}.pro-plan .pricing-card-header{background-color:#fef3c7;border-radius:.75rem .75rem 0 0;margin:-1.5rem -1.5rem 1rem;padding:1rem 1.5rem}.pro-plan .pricing-card-title{color:#92400e}.bottom-section-features-list{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.bottom-section-feature{align-items:center;gap:.75rem;display:flex}.feature-icon{width:24px;height:24px;color:var(--color-primary,#6366f1);flex-shrink:0}.feature-text{color:var(--color-text,#1f2937);font-size:.95rem;line-height:1.4}.feature-text strong{font-weight:700}.feature-text em{color:var(--color-text2,#6b7280);font-style:italic}.bottom-section-pricing-cards.three-col{grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.bottom-section-pricing-card{border:2px solid var(--color-input-container,#e5e7eb);background-color:var(--color-bg,#fff);border-radius:1rem;padding:1.5rem;transition:all .3s}.bottom-section-pricing-card:hover{border-color:var(--color-primary,#6366f1);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.pricing-card-header{margin-bottom:1rem}.pricing-card-title{color:var(--color-text);margin:0;font-size:1.25rem;font-weight:700}.pricing-card-price{color:var(--color-primary,#6366f1);font-size:1rem;font-weight:600}.pricing-card-content{flex-direction:column;gap:.75rem;display:flex}.pricing-feature{color:var(--color-text);font-size:.9rem;line-height:1.4}.bottom-section-pricing-cards{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}.bottom-section-pricing-card.pro-plan{grid-column:1/-1}@media (width<=768px){.bottom-section-pricing-cards{grid-template-columns:1fr}}.bottom-section-testimonial{background-color:var(--color-bg,#f9fafb);border:2px solid var(--color-input-container,#e5e7eb);border-radius:1rem;align-items:center;gap:1rem;padding:1.5rem;display:flex}.testimonial-avatar{flex-shrink:0}.testimonial-image{object-fit:cover;border-radius:50%;width:48px;height:48px}.testimonial-content{flex:1}.testimonial-text{color:var(--color-text,#1f2937);margin:0;font-size:1rem;line-height:1.5}.testimonial-text strong{font-weight:700}@media (width<=768px){.bottom-section{padding:3rem 1rem}.bottom-section-container{gap:3rem}.bottom-section-title,.bottom-section-subtitle{font-size:2rem}.bottom-section-features-title{font-size:1.75rem}.bottom-section-pricing-cards{grid-template-columns:1fr;gap:1rem}.bottom-section-right{position:static}.testimonial-text{font-size:.9rem}}@media (width>=769px) and (width<=1023px){.bottom-section-container{grid-template-columns:1fr 1fr;gap:3rem}.bottom-section-title,.bottom-section-subtitle{font-size:2.25rem}}@media (width>=1024px){.bottom-section{padding:5rem 2rem}.bottom-section-container{grid-template-columns:1fr 1fr;gap:4rem}.bottom-section-title,.bottom-section-subtitle{font-size:3rem}.bottom-section-features-title{font-size:2.25rem}}@media (width>=1200px){.bottom-section-container{grid-template-columns:1fr 1fr;gap:5rem}}.generator-form{background-color:var(--color-bg);width:100%;max-width:1200px;transition:var(--theme-transition);margin:2rem auto 1rem}.generator-form__field{margin-bottom:1rem}.generator-form__label{color:var(--color-text);opacity:.9;margin-bottom:.35rem;padding-left:.75rem;font-size:.875rem;font-weight:600;display:block}.generator-form__input,.generator-form input[type=text]{width:100%;color:var(--color-text);background-color:var(--color-input-container);transition:var(--theme-transition);border:0;border-radius:1.5rem;outline:none;padding:1.25rem 1.5rem;font-size:1rem;font-weight:500}.generator-form input[type=text]::placeholder{color:var(--color-text);opacity:.8}.generator-form__row{grid-template-columns:1fr 1fr;align-items:center;gap:.75rem 1rem;margin:.5rem 0 1.25rem;display:grid}@media (width<=640px){.generator-form__row{grid-template-columns:1fr}}.generator-form__checkbox{color:var(--color-text);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding-left:.25rem;font-size:.95rem;display:inline-flex}.generator-form__checkbox input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--color-primary)}.generator-form__select{justify-content:space-between;align-items:center;gap:.75rem;padding:0 .25rem;display:flex}.generator-form__select-label{color:var(--color-text);opacity:.9;font-size:.875rem;font-weight:600}.generator-form__select select{appearance:none;color:var(--color-text);background-color:var(--color-input-container);cursor:pointer;border:0;border-radius:1rem;outline:none;min-width:110px;padding:.85rem 1rem;font-size:.95rem;font-weight:500}.generator-form__button,.generator-form button[type=submit]{background-color:var(--color-primary);width:100%;max-width:200px;color:var(--color-text-white);cursor:pointer;transition:var(--theme-transition), var(--theme-transform);border:none;border-radius:1rem;margin:0 auto;padding:1rem 1.5rem;font-weight:600;display:block}.generator-form__button:hover:not(:disabled){background-color:#4338ca;transform:scale(1.03)}.generator-form__button:active:not(:disabled){transform:scale(.98)}.generator-form__button:disabled{opacity:.5;cursor:not-allowed}.generator-form__spinner{border:4px solid var(--color-text);border-top-color:#0000;border-radius:50%;width:1.5rem;height:1.5rem;animation:.75s linear infinite generator-form__spin}@keyframes generator-form__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generator-form__hint{text-align:center;color:var(--color-text);opacity:.9;margin-top:.9rem;font-size:.9rem}.tips-section{text-align:center;max-width:40rem}.tips-section p{color:var(--color-text);font-size:.875rem}.tips-section p:last-child{margin-bottom:0}.examples-list{color:var(--color-secondary-text);text-align:center;max-width:40rem;margin-top:.5rem;margin-left:auto;margin-right:auto;padding:0 1rem;font-size:.875rem;list-style:inside}.examples-list li{margin-bottom:.5rem}.examples-list li:last-child{margin-bottom:0}.result-grid{grid-template-columns:1fr;gap:1.5rem;max-width:600px;margin-top:1.5rem;margin-left:auto;margin-right:auto;display:grid}@media (width>=768px){.result-grid{gap:2rem}}.result-grid-container{justify-content:center;width:100%;display:flex}.result-card{background-color:var(--color-result-card-bg,#fff);transition:var(--theme-transition), var(--theme-transform);border:2px solid #e5e7eb;border-radius:1rem;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000f}.result-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.result-card__image-wrapper{background-color:#f9fafb;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.result-card__image{object-fit:cover;width:100%;height:100%}.result-card__image-placeholder{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.result-card__placeholder-icon{color:#9ca3af;opacity:.7;font-size:3rem}.result-card__title{color:var(--color-text,#111827);margin:1.5rem 1.5rem .75rem;font-size:1.25rem;font-weight:700;line-height:1.4}.result-card__content{margin-bottom:1.5rem;padding:0 1.5rem}.result-card__text{color:var(--color-text-secondary,#6b7280);word-break:break-word;margin:0;font-size:.95rem;line-height:1.5}.result-card__actions{background-color:#fafbfc;border-top:1px solid #f3f4f6;gap:.75rem;padding:1rem 1.5rem 1.5rem;display:flex}.result-card__button{color:#374151;cursor:pointer;transition:var(--theme-transition), var(--theme-transform);background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;min-height:38px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;display:flex}.result-card__button:hover:enabled{background-color:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.result-card__button:active:enabled{transform:translateY(0)}.result-card__button:disabled{opacity:.5;cursor:not-allowed;transform:none}.result-card__button-icon{font-size:.875rem}.result-card__button--copy:hover:enabled{color:#1d4ed8;background-color:#dbeafe;border-color:#3b82f6}.result-card__button--save:hover:enabled{color:#15803d;background-color:#dcfce7;border-color:#16a34a}.result-card__button--post:hover:enabled{color:#92400e;background-color:#fef3c7;border-color:#d97706}.result-card__button--delete:hover:enabled{color:#b91c1c;background-color:#fecaca;border-color:#dc2626}@media (width<=768px){.result-card__actions{flex-wrap:wrap}.result-card__button{flex:none;min-width:calc(50% - .375rem)}.result-card__title{margin:1rem 1rem .5rem;font-size:1.125rem}.result-card__content{margin-bottom:1rem;padding:0 1rem}.result-card__actions{padding:.75rem 1rem 1rem}}.services-list{flex-direction:column;align-items:center;gap:.75rem;padding:0 1rem;display:flex}.services-list__label{color:var(--color-text);font-size:.875rem}.services-list__icons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.service-item{color:#fff;-webkit-user-select:none;user-select:none;border-radius:20%;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;width:3.5rem;height:3.5rem;font-weight:800;line-height:1;text-decoration:none;transition:transform .16s,opacity .16s,box-shadow .16s;display:flex}.service-item:hover{transform:translateY(-2px)}.service-item:active{transform:translateY(0)}.service-item__abbr{letter-spacing:.04em;text-transform:uppercase;font-size:1.05rem}.service-item__text{opacity:.95;text-transform:lowercase;font-size:.68rem;font-weight:700}.service-item--ln{background-color:#376dff}.service-item--bo{background-color:#ff20da}.service-item--pr{background-color:#6d28d9}.service-item--lt{background-color:#0f766e}.service-item--pm{background-color:#ef4444}.service-item--tb{background-color:#dc2626}.service-item--ml{background-color:#4f46e5}.service-item--sp{background-color:#760000}.service-item--sk{background-color:#8b5cf6}.service-item--tg{background-color:#ec4899}.service-item--ad{background-color:#84cc16}@media (prefers-color-scheme:dark){.service-item{box-shadow:inset 0 0 0 1px #ffffff14}}.footer{text-align:center;color:var(--color-text);background-color:#0000;flex-direction:row;justify-content:center;align-items:center;padding:1rem 0;font-size:.75rem;display:flex}.footer-link{color:var(--color-text);transition:var(--theme-transition);padding:0 .25rem;text-decoration:none}.footer-link:hover{color:var(--color-primary);text-decoration:underline}.footer-separator{color:#9ca3af;padding:0 .5rem}.loader-container{flex-direction:column;gap:1rem;display:flex}.loader-text{text-align:center;color:var(--color-secondary-text);font-size:.875rem}.loader-card{background-color:var(--color-bg);border-radius:0;flex-direction:column;align-items:center;padding:1rem;animation:.3s ease-out forwards fade-in,1.5s ease-in-out infinite pulse;display:flex;box-shadow:0 0 #0000000d}.loader-line{background-color:#d1d5db;border-radius:.25rem;margin-bottom:.75rem}.loader-line-long{width:75%;height:1rem}.loader-line-short{width:50%;height:.75rem;margin-bottom:.5rem}.loader-line-shortest{width:41.6667%;height:.75rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.full-bleed{width:100vw;margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;right:50%}.testimonial-ticker{--ticker-bg:var(--color-bg);--ticker-border:color-mix(in srgb, var(--color-text) 10%, transparent);background:var(--ticker-bg);padding:.75rem 0;overflow:hidden}.testimonial-ticker__track{width:max-content;animation:ticker-slide var(--ticker-duration,30s) linear infinite;will-change:transform;align-items:stretch;gap:1rem;display:flex}@media (prefers-reduced-motion:reduce){.testimonial-ticker__track{animation:none}}.testimonial-card{--chip-fg:var(--color-text);--chip-surface:color-mix(in srgb, var(--color-text) 6%, transparent);--chip-border:color-mix(in srgb, var(--color-text) 14%, transparent);--chip-strong:var(--chip-fg);--chip-muted:color-mix(in srgb, var(--chip-fg) 65%, transparent);--avatar-ring:color-mix(in srgb, var(--chip-fg) 20%, transparent);--avatar-bg:color-mix(in srgb, var(--chip-fg) 14%, transparent);--avatar-fg:var(--color-text);background:var(--chip-surface);border:1px solid var(--chip-border);min-width:320px;max-width:440px;color:var(--chip-fg);-webkit-backdrop-filter:saturate(160%)blur(4px);backdrop-filter:saturate(160%)blur(4px);box-shadow:inset 0 4px 20px color-mix(in srgb, var(--color-text) 6%, transparent);border-radius:1rem;flex:none;padding:1rem 1.25rem}.testimonial-card__quote{color:var(--chip-strong);margin:0 0 .75rem;font-size:.98rem;font-weight:600;line-height:1.45}.testimonial-card__author{color:var(--chip-strong);align-items:center;gap:.75rem;display:flex}.testimonial-card__avatar{object-fit:cover;border:1px solid var(--avatar-ring);border-radius:999px;width:36px;height:36px}.testimonial-card__avatar.placeholder{background:var(--avatar-bg);color:var(--avatar-fg);place-items:center;font-weight:700;display:grid}.testimonial-card__meta{flex-direction:column;line-height:1.1;display:flex}.testimonial-card__name{color:var(--chip-strong);font-size:.9rem;font-weight:700}.testimonial-card__role{color:var(--chip-muted);font-size:.8rem}@keyframes ticker-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=640px){.testimonial-card{min-width:260px;padding:.9rem 1rem}}html.dark .testimonial-ticker{--ticker-bg:var(--color-bg);--ticker-border:color-mix(in srgb, var(--color-text-white) 12%, transparent)}html.dark .testimonial-card{--chip-fg:var(--color-text-white);--chip-surface:color-mix(in srgb, var(--color-text-white) 10%, transparent);--chip-border:color-mix(in srgb, var(--color-text-white) 18%, transparent);--chip-strong:var(--color-text-white);--chip-muted:color-mix(in srgb, var(--color-text-white) 70%, transparent);--avatar-ring:color-mix(in srgb, var(--color-text-white) 22%, transparent);--avatar-bg:color-mix(in srgb, var(--color-text-white) 16%, transparent);--avatar-fg:var(--color-text)}.testimonial-ticker,.testimonial-card,.testimonial-card__quote,.testimonial-card__author,.testimonial-card__name,.testimonial-card__role{transition:var(--theme-transition)}.auth-container{background-color:var(--color-bg);border:1px solid #d1d5db;border-radius:.5rem;max-width:24rem;margin:2rem auto;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.auth-title{text-align:center;color:var(--color-text);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.auth-error{color:#dc2626;text-align:center;margin-bottom:.75rem;font-size:.875rem}.auth-form{flex-direction:column;display:flex}.auth-form label{color:var(--color-text);margin-top:.75rem;font-size:.875rem}.auth-form input{background-color:var(--color-bg);color:var(--color-text);border:1px solid #d1d5db;border-radius:.375rem;margin-top:.25rem;padding:.5rem .75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #4f46e54d}.auth-button{background-color:var(--color-primary);color:var(--color-bg);cursor:pointer;border:none;border-radius:.375rem;margin-top:1.5rem;padding:.75rem;font-size:1rem;font-weight:600;transition:background-color .2s,transform .2s}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-button:hover:not(:disabled){background-color:#4338ca;transform:scale(1.02)}.account-container{background-color:var(--color-bg);text-align:center;border-radius:.75rem;width:100%;max-width:none;margin:2.5rem auto;position:relative}.header-home-button{background-color:var(--color-primary);width:100%;max-width:150px;color:var(--color-text-white);cursor:pointer;border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-weight:600;transition:background-color .3s,transform .3s,opacity .3s;display:inline-flex;position:fixed;top:1rem;left:1rem}.header-home-button:hover:not(:disabled){background-color:#4338ca;transform:scale(1.05)}.header-home-button:active:not(:disabled){transform:scale(.95)}.header-home-button:disabled{opacity:.5;cursor:not-allowed}.header-home-button-text{color:inherit;font-weight:700}.header-home-button-icon{font-size:1.25rem}.account-title{color:var(--color-text2);margin-bottom:1rem;font-size:1.75rem;font-weight:700}.account-email{color:var(--color-text);margin-bottom:2rem;font-size:1rem}.subscription-info{border-radius:.5rem;margin-bottom:2rem;padding:1.5rem}.subscription-info h3{color:var(--color-text2);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.subscription-info p{color:var(--color-text2);margin-bottom:1.25rem;font-size:.95rem;line-height:1.4}.subscribe-button{background-color:var(--color-primary);color:var(--color-text-white);cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .3s,transform .2s}.subscribe-button:disabled{opacity:.5;cursor:not-allowed}.subscribe-button:not(:disabled):hover{background-color:#4338ca;transform:scale(1.05)}.account-logout-button{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:.5rem;width:100%;max-width:150px;padding:.75rem 1.25rem;font-size:1rem;transition:background-color .2s,transform .2s}.account-logout-button:hover{background-color:#b91c1c;transform:scale(1.02)}.manage-subscription-button{background-color:var(--color-primary);color:var(--color-white);cursor:pointer;border:none;border-radius:.5rem;margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:background-color .3s}.manage-subscription-button:hover{background-color:var(--color-primary-dark)}.ai-models-section{text-align:left;background:linear-gradient(135deg,#6366f10d,#a855f70d);border:1px solid #6366f126;border-radius:1rem;width:100%;max-width:none;margin:2.5rem auto;padding:2rem}.ai-models-title{color:var(--color-text2);margin-bottom:.25rem;font-size:1.35rem;font-weight:700}.ai-models-subtitle{color:var(--color-text);opacity:.7;margin-bottom:1.5rem;font-size:.9rem}.ai-models-loading,.ai-models-saving{color:var(--color-primary);text-align:center;padding:.5rem;font-size:.85rem;font-weight:500}.ai-models-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=540px){.ai-models-grid{grid-template-columns:1fr 1fr}}.ai-model-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #6366f11f;border-radius:.75rem;padding:1.25rem;transition:transform .2s,box-shadow .2s}.ai-model-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f11f}.ai-model-card-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.ai-model-card-icon{font-size:1.5rem}.ai-model-card-label{color:var(--color-text2);font-size:.95rem;font-weight:600}.ai-model-select{width:100%;color:var(--color-text2);cursor:pointer;appearance:auto;background-color:#f9fafb;border:1.5px solid #6366f133;border-radius:.5rem;outline:none;padding:.625rem .75rem;font-size:.85rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.ai-model-select:hover{border-color:#6366f166}.ai-model-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.ai-model-select:disabled{opacity:.5;cursor:not-allowed}.saved-headlines-section{border-top:1px solid var(--border-color,#e5e7eb);margin-top:2rem}.saved-headlines-title{color:var(--text-primary,#1f2937);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.saved-headlines-loading,.saved-headlines-empty{text-align:center;color:var(--text-secondary,#6b7280);padding:2rem;font-style:italic}.saved-headlines-grid{gap:1rem;margin-top:1rem;display:grid}.saved-headline-card{position:relative}.saved-headline-date{color:var(--text-secondary,#6b7280);margin-left:auto;padding-left:1rem;font-size:.75rem}.saved-headline-card .result-card-actions{justify-content:space-between;align-items:center;display:flex}@media (width>=768px){.saved-headlines-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (prefers-color-scheme:dark){.saved-headlines-section{border-top-color:var(--border-color-dark,#374151)}.saved-headlines-title{color:var(--text-primary-dark,#f9fafb)}.saved-headlines-loading,.saved-headlines-empty,.saved-headline-date{color:var(--text-secondary-dark,#9ca3af)}}.saved-headlines{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;width:100%;max-width:none;margin-top:2rem;margin-bottom:2rem;padding:1rem}.saved-headlines__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.saved-headlines__title{color:#333;margin:0;font-size:1.2rem}.saved-headlines__clear-all-button{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:background-color .2s}.saved-headlines__clear-all-button:hover{background:#c82333}.saved-headlines__loading,.saved-headlines__empty{text-align:center;color:#6c757d;padding:2rem}.saved-headlines__list{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.saved-headlines__limit-notice{color:#856404;background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;margin-top:1rem;padding:.75rem;font-size:.9rem}.saved-headline-card{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:1rem;transition:box-shadow .2s}.saved-headline-card:hover{box-shadow:0 2px 8px #0000001a}.saved-headline-card__content{flex-direction:column;gap:.75rem;display:flex}.saved-headline-card__text{color:#333;text-align:left;margin:0;font-weight:500;line-height:1.5}.saved-headline-card__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.saved-headline-card__date{color:#6c757d;align-self:flex-end;margin-left:auto;font-size:.8rem}.saved-headline-card__delete-button{background-color:var(--color-red);color:var(--color-white);cursor:pointer;border:none;border-radius:.5rem;min-width:100px;margin-top:.5rem;margin-right:.5rem;padding:.5rem;font-size:.875rem;font-weight:500;transition:background-color .3s}.saved-headline-card__delete-button:hover{background-color:var(--color-dark-red)}.saved-headline-card__copy-button{background-color:var(--color-primary);color:var(--color-white);cursor:pointer;border:none;border-radius:.5rem;min-width:100px;margin-top:.5rem;margin-right:.5rem;padding:.5rem;font-size:.875rem;font-weight:500;transition:background-color .3s}.saved-headline-card__copy-button:hover{background-color:var(--color-primary-dark)}@media (width<=600px){.saved-headlines__list{grid-template-columns:1fr}}.saved-headlines--disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.saved-headlines--disabled .saved-headline-card__text{color:#666}.saved-headlines--disabled .saved-headline-card__date{color:#999}.saved-headline-card__copy-button--disabled{color:#a0a0a0;cursor:default;opacity:.5}.saved-headline-card__copy-button--disabled:hover{color:#a0a0a0;background:0 0}.saved-headlines-wrapper{width:100%;margin-top:2rem;position:relative}.saved-headlines{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.saved-headlines--disabled{filter:blur(2px);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.premium-guard-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#fff6;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.premium-guard-message{text-align:center;padding:2rem}.premium-lock-icon{color:#667eea;margin-bottom:1rem;font-size:3rem}.premium-guard-message h4{color:#2d3748;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.premium-guard-message p{color:#4a5568;margin:0 0 2rem;font-size:1rem;line-height:1.5}.premium-unlock-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:30px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #667eea66}.premium-unlock-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.premium-unlock-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.premium-unlock-button .material-icons{font-size:1.25rem}.saved-headlines-section{margin-top:2rem}@media (width<=768px){.premium-guard-message{padding:1.5rem}.premium-lock-icon{font-size:2.5rem}.premium-guard-message h4{font-size:1.25rem}.premium-unlock-button{padding:.675rem 1.5rem;font-size:.9rem}}