*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,sans-serif}body{line-height:1.5;font-weight:400}:root{--color-bg: #ECF0F1;--color-bg-inverted: #37474F;--color-text: #2C3E50;--color-text-inverted: #ECF0F1;--color-text2: #2C3E50;--color-text-white: #ffffff;--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: #ffffff}html.dark{--color-bg: #37474F;--color-bg-inverted: #ECF0F1;--color-text: #ECF0F1;--color-text-inverted: #2C3E50;--color-text2: #ffffff;--color-text-white: #ffffff;--color-primary: #6366f1;--color-primary-dark: #4338ca;--color-secondary-text: #616161;--color-input-container-light: #ffffff;--color-input-container: #546E7A;--color-text-input-text: #cccccc;--color-result-card-bg: #546E7A;--color-red: #dc3545;--color-dark-red: #c82333;--color-white: #ffffff}:root{max-width:1280px;margin:0 auto;padding:2rem 1rem;--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)}@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:logo-spin infinite 20s linear}}body{background-color:var(--color-bg);color:var(--color-text);transition:var(--theme-transition)}a{color:var(--color-primary);text-decoration:none;font-weight:500}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{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:95vh;background-color:var(--color-bg);color:var(--color-text);padding-bottom:2rem;transition:var(--theme-transition)}.main-content{display:flex;flex-direction:column;padding-top:2rem}.top-section{width:100%;display:flex;flex-direction:column;align-items:center}.middle-section{width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.bottom-section{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:1rem}.dark-toggle-btn{position:fixed;bottom:1rem;left:1rem;width:3rem;height:3rem;padding:0;border:none;border-radius:50%;background-color:var(--color-secondary-text);color:var(--color-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,color .3s ease}.dark-toggle-btn:hover{background-color:var(--color-primary);color:var(--color-bg)}.dark-toggle-btn .material-icons{font-size:1.5rem}.help-button{position:fixed;bottom:1rem;right:1rem;width:3rem;height:3rem;padding:0;border:none;border-radius:50%;background-color:var(--color-secondary-text);color:var(--color-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,color .3s ease}.help-button:hover{background-color:var(--color-primary);color:var(--color-bg)}.help-button .material-icons{font-size:1.5rem}.header{width:100%;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;background-color:var(--color-bg);color:var(--color-text);transition:var(--theme-transition)}.header-account-container{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;width:100%}.header-account-button{position:fixed;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:150px;margin:0 auto;padding:.5rem;background-color:var(--color-primary);color:var(--color-text-white);text-decoration:none;font-weight:600;border:none;border-radius:1rem;cursor:pointer;transition:var(--theme-transition),var(--theme-transform)}.header-account-button:hover:not(:disabled){background-color:#4338ca;transform:scale(1.05);text-decoration:none}.header-account-button:active:not(:disabled){transform:scale(.95)}.header-account-button:disabled{opacity:.5;cursor:not-allowed}.header-account-button-text{font-weight:700;color:inherit;text-decoration:none}.header-account-button-icon{font-size:1.25rem}.header-account-status-text{position:fixed;top:4rem;right:1.3rem;font-size:.75rem;color:var(--color-text2);font-weight:700;line-height:1.2}.header-logo{display:flex;align-items:center;gap:.5rem}.header-logo-icon{width:3rem;height:3rem;background-color:var(--color-primary);border-radius:.5rem;display:flex;justify-content:center;align-items:center;color:var(--color-bg);font-weight:700;font-size:1.5rem}.header-logo-text{font-size:2.5rem;font-weight:800;color:var(--color-text);margin:0}.header-headline{text-align:center;display:flex;padding-top:1rem;padding-bottom:1rem;flex-direction:column;gap:.25rem}.header-headline-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}@media (min-width: 768px){.header-headline-title{font-size:2.25rem}}.header-headline-subtitle{font-size:.875rem;color:var(--color-text);margin:0}.header-account-button:hover:not(:disabled),.header-account-button:active:not(:disabled){transition:var(--theme-transform)}.top-section{width:100%;padding:2rem 1rem;background-color:var(--color-bg, #ffffff);color:var(--color-text, #1f2937);min-height:70vh;display:flex;align-items:center;justify-content:center;transition:var(--theme-transition)}.top-section-container{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr;align-items:center}.top-section-left{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.top-section-title{font-size:3rem;font-weight:800;line-height:1.1;color:var(--color-text, #1f2937);margin:0}.top-section-subtitle{font-size:1.5rem;line-height:1.6;color:var(--color-text2, #6b7280);margin:0;max-width:500px}.top-section-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background-color:var(--color-primary, #6366f1);color:#fff;font-size:1.3rem;font-weight:400;border:none;border-radius:.75rem;cursor:pointer;transition:var(--theme-transition),var(--theme-transform);max-width:fit-content;text-decoration:none}.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{font-size:1rem;color:var(--color-text2, #6b7280);margin:0;font-weight:500}.top-section-right{display:flex;justify-content:center;align-items:center}.top-section-image-placeholder{width:100%;max-width:400px;background-color:var(--color-bg-secondary, #f3f4f6);border-radius:1rem;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--color-border, #e5e7eb)}.top-section-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}@media (max-width: 768px){.top-section{padding:1.5rem 1rem;min-height:auto}.top-section-container{gap:2rem}.top-section-left{text-align:center;gap:1.25rem}.top-section-title{font-size:3rem}.top-section-subtitle{font-size:1.5rem;max-width:none}.top-section-button{align-self:center}}@media (min-width: 769px){.top-section-container{grid-template-columns:1fr 1fr}.top-section-title{font-size:4rem}.top-section-subtitle{font-size:1.5rem}}@media (min-width: 1024px){.top-section{padding:1rem 2rem}.top-section-title{font-size:4.5rem}}.middle-section{width:100%;padding:3rem 1rem;background-color:var(--color-bg, #ffffff);color:var(--color-text, #1f2937)}.middle-section-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.middle-section-title{font-size:2.5rem;font-weight:700;color:var(--color-text, #1f2937);margin:0;text-align:center}.middle-section-steps{display:flex;align-items:center;justify-content:center;gap:2rem;width:100%;flex-wrap:wrap}.middle-section-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;flex:1;min-width:200px;max-width:300px}.middle-section-step-icon{width:80px;height:80px;background-color:var(--color-bg-secondary, #f8fafc);border:2px solid var(--color-border, #e2e8f0);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary, #6366f1);transition:var(--theme-transform)}.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{font-size:1.125rem;font-weight:700;color:var(--color-primary, #6366f1);margin:0}.middle-section-step-title{font-size:1.125rem;font-weight:600;color:var(--color-text, #1f2937);margin:0;line-height:1.4}.middle-section-arrow{color:var(--color-text2, #6b7280);opacity:.6;flex-shrink:0}.middle-section-arrow:hover{opacity:.9}@media (max-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 (min-width: 769px){.middle-section-steps{gap:1.5rem}}@media (min-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{width:100%;padding:4rem 1rem;background-color:var(--color-bg);color:var(--color-text);transition:var(--theme-transition)}.bottom-section-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:4rem;align-items:start}.bottom-section-left,.bottom-section-left-header{display:flex;flex-direction:column}.bottom-section-title,.bottom-section-subtitle{font-size:2.5rem;font-weight:700;color:var(--color-text, #1f2937);margin:0;line-height:1.1}.bottom-section-form-container{width:100%;max-width:1400px}.bottom-section-results-container{width:100%}.bottom-section-right{display:flex;flex-direction:column;gap:1rem;position:sticky;top:2rem}.bottom-section-features-header{margin-bottom:1rem}.bottom-section-features-title{font-size:2rem;font-weight:700;color:var(--color-text, #1f2937);margin:0}.bottom-section-pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.bottom-section-pricing-card{border:2px solid var(--color-input-container, #e5e7eb);border-radius:1rem;padding:1.5rem;background-color:var(--color-bg, #ffffff);transition:var(--theme-transition),var(--theme-transform)}.free-plan .pricing-card-header{margin-bottom:1rem}.pro-plan{position:relative}.pro-plan .pricing-card-header{background-color:#fef3c7;margin:-1.5rem -1.5rem 1rem;padding:1rem 1.5rem;border-radius:.75rem .75rem 0 0}.pricing-card-title{font-size:1.125rem;font-weight:700;color:var(--color-text, #1f2937);margin:0}.pro-plan .pricing-card-title{color:#92400e}.pricing-feature{font-size:.875rem;color:var(--color-text, #1f2937);line-height:1.4}.bottom-section-features-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.bottom-section-feature{display:flex;align-items:center;gap:.75rem}.feature-icon{width:24px;height:24px;color:var(--color-primary, #6366f1);flex-shrink:0}.feature-text{font-size:.95rem;color:var(--color-text, #1f2937);line-height:1.4}.feature-text strong{font-weight:700}.feature-text em{font-style:italic;color:var(--color-text2, #6b7280)}.bottom-section-pricing-cards.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem}.bottom-section-pricing-card{border:2px solid var(--color-input-container, #e5e7eb);border-radius:1rem;padding:1.5rem;background-color:var(--color-bg, #ffffff);transition:all .3s ease}.bottom-section-pricing-card:hover{border-color:var(--color-primary, #6366f1);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.pricing-card-header{margin-bottom:1rem}.pricing-card-title{font-size:1.25rem;font-weight:700;margin:0;color:var(--color-text)}.pricing-card-price{font-size:1rem;font-weight:600;color:var(--color-primary, #6366f1)}.pricing-card-content{display:flex;flex-direction:column;gap:.75rem}.pricing-feature{font-size:.9rem;line-height:1.4;color:var(--color-text)}.bottom-section-pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.bottom-section-pricing-card.pro-plan{grid-column:1 / -1}@media (max-width: 768px){.bottom-section-pricing-cards{grid-template-columns:1fr}}.bottom-section-testimonial{display:flex;align-items:center;gap:1rem;padding:1.5rem;background-color:var(--color-bg, #f9fafb);border-radius:1rem;border:2px solid var(--color-input-container, #e5e7eb)}.testimonial-avatar{flex-shrink:0}.testimonial-image{width:48px;height:48px;border-radius:50%;object-fit:cover}.testimonial-content{flex:1}.testimonial-text{font-size:1rem;color:var(--color-text, #1f2937);margin:0;line-height:1.5}.testimonial-text strong{font-weight:700}@media (max-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 (min-width: 769px) and (max-width: 1023px){.bottom-section-container{grid-template-columns:1fr 1fr;gap:3rem}.bottom-section-title,.bottom-section-subtitle{font-size:2.25rem}}@media (min-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 (min-width: 1200px){.bottom-section-container{grid-template-columns:1fr 1fr;gap:5rem}}.generator-form{background-color:var(--color-bg);margin-bottom:1rem;margin-top:2rem;max-width:1200px;width:100%;margin-left:auto;margin-right:auto;transition:var(--theme-transition)}.generator-form__field{margin-bottom:1rem}.generator-form__label{display:block;font-size:.875rem;padding-left:.75rem;font-weight:600;color:var(--color-text);margin-bottom:.35rem;opacity:.9}.generator-form__input,.generator-form input[type=text]{width:100%;border:0;border-radius:1.5rem;padding:1.25rem 1.5rem;font-size:1rem;font-weight:500;color:var(--color-text);background-color:var(--color-input-container);outline:none;transition:var(--theme-transition)}.generator-form input[type=text]::placeholder{color:var(--color-text);opacity:.8}.generator-form__row{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;row-gap:.75rem;align-items:center;margin:.5rem 0 1.25rem}@media (max-width: 640px){.generator-form__row{grid-template-columns:1fr}}.generator-form__checkbox{display:inline-flex;align-items:center;gap:.5rem;padding-left:.25rem;font-size:.95rem;color:var(--color-text);-webkit-user-select:none;user-select:none}.generator-form__checkbox input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--color-primary)}.generator-form__select{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 .25rem}.generator-form__select-label{font-size:.875rem;font-weight:600;color:var(--color-text);opacity:.9}.generator-form__select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:0;border-radius:1rem;padding:.85rem 1rem;font-size:.95rem;font-weight:500;color:var(--color-text);background-color:var(--color-input-container);outline:none;min-width:110px;cursor:pointer}.generator-form__button,.generator-form button[type=submit]{display:block;width:100%;max-width:200px;margin:0 auto;padding:1rem 1.5rem;background-color:var(--color-primary);color:var(--color-text-white);font-weight:600;border:none;border-radius:1rem;cursor:pointer;transition:var(--theme-transition),var(--theme-transform)}.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{width:1.5rem;height:1.5rem;border:4px solid var(--color-text);border-top-color:transparent;border-radius:50%;animation:generator-form__spin .75s linear infinite}@keyframes generator-form__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generator-form__hint{text-align:center;font-size:.9rem;color:var(--color-text);margin-top:.9rem;opacity:.9}.tips-section{max-width:40rem;text-align:center}.tips-section p{font-size:.875rem;color:var(--color-text)}.tips-section p:last-child{margin-bottom:0}.examples-list{margin-top:.5rem;font-size:.875rem;color:var(--color-secondary-text);list-style:disc inside;padding:0 1rem;max-width:40rem;margin-left:auto;margin-right:auto;text-align:center}.examples-list li{margin-bottom:.5rem}.examples-list li:last-child{margin-bottom:0}.result-grid{margin-top:1.5rem;display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}@media (min-width: 768px){.result-grid{gap:2rem}}.result-grid-container{display:flex;justify-content:center;width:100%}.result-card{display:flex;flex-direction:column;background-color:var(--color-result-card-bg, #ffffff);border:2px solid #e5e7eb;border-radius:1rem;overflow:hidden;transition:var(--theme-transition),var(--theme-transform);box-shadow:0 1px 3px #0000000f;width:100%}.result-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.result-card__image-wrapper{width:100%;background-color:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden}.result-card__image{width:100%;height:100%;object-fit:cover}.result-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.result-card__placeholder-icon{font-size:3rem;color:#9ca3af;opacity:.7}.result-card__title{font-size:1.25rem;font-weight:700;color:var(--color-text, #111827);margin:1.5rem 1.5rem .75rem;line-height:1.4}.result-card__content{padding:0 1.5rem;margin-bottom:1.5rem}.result-card__text{font-size:.95rem;color:var(--color-text-secondary, #6b7280);line-height:1.5;margin:0;word-break:break-word}.result-card__actions{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #f3f4f6;background-color:#fafbfc}.result-card__button{display:flex;align-items:center;gap:.5rem;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--theme-transition),var(--theme-transform);min-height:38px;flex:1;justify-content:center}.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{background-color:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.result-card__button--save:hover:enabled{background-color:#dcfce7;border-color:#16a34a;color:#15803d}.result-card__button--post:hover:enabled{background-color:#fef3c7;border-color:#d97706;color:#92400e}.result-card__button--delete:hover:enabled{background-color:#fecaca;border-color:#dc2626;color:#b91c1c}@media (max-width: 768px){.result-card__actions{flex-wrap:wrap}.result-card__button{min-width:calc(50% - .375rem);flex:none}.result-card__title{font-size:1.125rem;margin:1rem 1rem .5rem}.result-card__content{padding:0 1rem;margin-bottom:1rem}.result-card__actions{padding:.75rem 1rem 1rem}}.services-list{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:0 1rem}.services-list__label{font-size:.875rem;color:var(--color-text)}.services-list__icons{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.service-item{width:3rem;height:3rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;color:var(--color-text-white);font-weight:700;font-size:1.5rem}.service-item--sp{background-color:#ef4444}.service-item--sk{background-color:#f59e0b}.service-item--pr{background-color:#10b981}.service-item--tb{background-color:#3b82f6}.service-item--tg{background-color:#8b5cf6}.service-item--ad{background-color:#eab308}.service-item--in{background-color:#0ea5e9}.service-item--lt{background-color:#ec4899}.service-item--ml{background-color:#822bee}.service-item--pm{background-color:#14b8a6}.footer{display:flex;flex-direction:row;align-items:center;padding:1rem 0;text-align:center;font-size:.75rem;color:var(--color-text);background-color:transparent;justify-content:center}.footer-link{color:var(--color-text);text-decoration:none;padding:0 .25rem;transition:var(--theme-transition)}.footer-link:hover{color:var(--color-primary);text-decoration:underline}.footer-separator{padding:0 .5rem;color:#9ca3af}.loader-container{display:flex;flex-direction:column;gap:1rem}.loader-text{text-align:center;color:var(--color-secondary-text);font-size:.875rem}.loader-card{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg);padding:1rem;border-radius:0rem;box-shadow:0 0 #0000000d;animation:fade-in .3s ease-out forwards,pulse 1.5s infinite ease-in-out}.loader-line{background-color:#d1d5db;border-radius:.25rem;margin-bottom:.75rem}.loader-line-long{height:1rem;width:75%}.loader-line-short{height:.75rem;width:50%;margin-bottom:.5rem}.loader-line-shortest{height:.75rem;width:41.6667%}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.full-bleed{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.testimonial-ticker{--ticker-bg: var(--color-bg);--ticker-border: color-mix(in srgb, var(--color-text) 10%, transparent);overflow:hidden;background:var(--ticker-bg);padding:.75rem 0}.testimonial-ticker__track{display:flex;align-items:stretch;gap:1rem;width:max-content;animation:ticker-slide var(--ticker-duration, 30s) linear infinite;will-change:transform}@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);flex:0 0 auto;min-width:320px;max-width:440px;background:var(--chip-surface);border:1px solid var(--chip-border);color:var(--chip-fg);border-radius:1rem;padding:1rem 1.25rem;-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)}.testimonial-card__quote{margin:0 0 .75rem;font-size:.98rem;line-height:1.45;color:var(--chip-strong);font-weight:600}.testimonial-card__author{display:flex;align-items:center;gap:.75rem;color:var(--chip-strong)}.testimonial-card__avatar{width:36px;height:36px;border-radius:999px;object-fit:cover;border:1px solid var(--avatar-ring)}.testimonial-card__avatar.placeholder{display:grid;place-items:center;background:var(--avatar-bg);color:var(--avatar-fg);font-weight:700}.testimonial-card__meta{display:flex;flex-direction:column;line-height:1.1}.testimonial-card__name{font-weight:700;font-size:.9rem;color:var(--chip-strong)}.testimonial-card__role{font-size:.8rem;color:var(--chip-muted)}@keyframes ticker-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-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{max-width:24rem;margin:2rem auto;padding:1.5rem;background-color:var(--color-bg);border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 2px 4px #0000001a}.auth-title{text-align:center;margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:var(--color-text)}.auth-error{color:#dc2626;text-align:center;margin-bottom:.75rem;font-size:.875rem}.auth-form{display:flex;flex-direction:column}.auth-form label{margin-top:.75rem;font-size:.875rem;color:var(--color-text)}.auth-form input{margin-top:.25rem;padding:.5rem .75rem;font-size:1rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:var(--color-bg);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease}.auth-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4f46e54d}.auth-button{margin-top:1.5rem;padding:.75rem;background-color:var(--color-primary);color:var(--color-bg);font-weight:600;border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;transition:background-color .2s ease,transform .2s ease}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-button:hover:not(:disabled){background-color:#4338ca;transform:scale(1.02)}.account-container{width:100%;max-width:none;margin:2.5rem auto;background-color:var(--color-bg);border-radius:.75rem;position:relative;text-align:center}.header-home-button{position:fixed;top:1rem;left:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:150px;padding:.5rem;background-color:var(--color-primary);color:var(--color-text-white);font-weight:600;border:none;border-radius:1rem;cursor:pointer;transition:background-color .3s ease,transform .3s ease,opacity .3s ease}.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{font-weight:700;color:inherit}.header-home-button-icon{font-size:1.25rem}.account-title{margin-bottom:1rem;font-size:1.75rem;font-weight:700;color:var(--color-text2)}.account-email{margin-bottom:2rem;color:var(--color-text);font-size:1rem}.subscription-info{padding:1.5rem;margin-bottom:2rem;border-radius:.5rem}.subscription-info h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:600;color:var(--color-text2)}.subscription-info p{margin-bottom:1.25rem;font-size:.95rem;color:var(--color-text2);line-height:1.4}.subscribe-button{background-color:var(--color-primary);color:var(--color-text-white);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;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{width:100%;max-width:150px;background-color:#dc2626;color:#fff;padding:.75rem 1.25rem;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;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);border:none;border-radius:.5rem;padding:.75rem 1.5rem;margin-top:1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.manage-subscription-button:hover{background-color:var(--color-primary-dark)}.saved-headlines-section{margin-top:2rem;border-top:1px solid var(--border-color, #e5e7eb)}.saved-headlines-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary, #1f2937)}.saved-headlines-loading,.saved-headlines-empty{text-align:center;padding:2rem;color:var(--text-secondary, #6b7280);font-style:italic}.saved-headlines-grid{display:grid;gap:1rem;margin-top:1rem}.saved-headline-card{position:relative}.saved-headline-date{font-size:.75rem;color:var(--text-secondary, #6b7280);margin-left:auto;padding-left:1rem}.saved-headline-card .result-card-actions{display:flex;align-items:center;justify-content:space-between}@media (min-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{width:100%;max-width:none;margin-top:2rem;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.saved-headlines__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.saved-headlines__title{margin:0;color:#333;font-size:1.2rem}.saved-headlines__clear-all-button{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.saved-headlines__clear-all-button:hover{background:#c82333}.saved-headlines__loading,.saved-headlines__empty{text-align:center;padding:2rem;color:#6c757d}.saved-headlines__list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.saved-headlines__limit-notice{margin-top:1rem;padding:.75rem;background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;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{display:flex;flex-direction:column;gap:.75rem}.saved-headline-card__text{margin:0;color:#333;line-height:1.5;font-weight:500;text-align:left}.saved-headline-card__actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center}.saved-headline-card__date{font-size:.8rem;color:#6c757d;align-self:flex-end;margin-left:auto}.saved-headline-card__delete-button{background-color:var(--color-red);color:var(--color-white);border:none;border-radius:.5rem;min-width:100px;padding:.5rem;margin-right:.5rem;margin-top:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.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);border:none;border-radius:.5rem;min-width:100px;padding:.5rem;margin-right:.5rem;margin-top:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.saved-headline-card__copy-button:hover{background-color:var(--color-primary-dark)}@media (max-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:transparent}.saved-headlines-wrapper{position:relative;width:100%;margin-top:2rem}.saved-headlines{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.saved-headlines--disabled{filter:blur(2px);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.premium-guard-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#fff6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:12px;z-index:10}.premium-guard-message{text-align:center;padding:2rem}.premium-lock-icon{font-size:3rem;color:#667eea;margin-bottom:1rem}.premium-guard-message h4{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:#2d3748}.premium-guard-message p{margin:0 0 2rem;color:#4a5568;font-size:1rem;line-height:1.5}.premium-unlock-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;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 (max-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}}