@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Atkinson+Hyperlegible:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--color-bg:#fff8e7;--color-bg-card:#fffdf5;--color-bg-input:#fff;--color-bg-hover:#fff0c8;--color-text:#2d2d2d;--color-text-soft:#6b6b6b;--color-text-muted:#9e9e9e;--color-border:#e8dec8;--color-border-focus:#c9a84c;--color-shadow:#b48c3c26;--color-shadow-lg:#b48c3c40;--fitz-amarillo:#f5c518;--fitz-verde:#4caf50;--fitz-azul:#2196f3;--fitz-naranja:#ff9800;--fitz-gris:#9e9e9e;--fitz-rosa:#e91e8c;--color-primary:#f5c518;--color-primary-dark:#d4a800;--color-success:#4caf50;--color-cta:#ff9800;--color-cta-dark:#e68900;--font-main:"Nunito", "Atkinson Hyperlegible", sans-serif;--font-reading:"Atkinson Hyperlegible", "Nunito", sans-serif;--text-xs:14px;--text-sm:16px;--text-md:20px;--text-lg:26px;--text-xl:36px;--text-2xl:48px;--text-3xl:64px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--touch-min:48px;--transition:.25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-bg:#1c1a14;--color-bg-card:#2a2820;--color-bg-input:#2a2820;--color-bg-hover:#3a3726;--color-text:#f5efd8;--color-text-soft:#c8bc98;--color-text-muted:#8a8070;--color-border:#3d3928;--color-border-focus:#f5c518;--color-shadow:#0006;--color-shadow-lg:#0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-main);font-size:var(--text-sm);background-color:var(--color-bg);color:var(--color-text);transition:background-color var(--transition), color var(--transition);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-main);border:none;outline:none}button:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}input,textarea,select{font-family:var(--font-main);font-size:var(--text-sm)}html{scroll-behavior:smooth}.landing{font-family:var(--font-main);color:var(--color-text);background:var(--color-bg);overflow-x:hidden}.lp-section__inner{max-width:1100px;padding:0 var(--space-5);margin:0 auto}.lp-section__header{text-align:center;margin-bottom:var(--space-8)}.lp-section__title{color:var(--color-text);margin-bottom:var(--space-3);font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.15}.lp-section__subtitle{font-size:var(--text-md);color:var(--color-text-soft);max-width:560px;margin:0 auto;line-height:1.7}.lp-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--color-border);background:#fff8e7eb;position:sticky;top:0}.lp-nav__inner{max-width:1100px;padding:var(--space-3) var(--space-5);align-items:center;gap:var(--space-5);margin:0 auto;display:flex}.lp-nav__logo{align-items:baseline;gap:4px;text-decoration:none;display:flex}.lp-nav__logo-text{font-size:var(--text-md);letter-spacing:3px;color:var(--fitz-amarillo);text-shadow:0 1px 3px #0000001a;font-weight:900}.lp-nav__logo-tag{color:var(--color-text-muted);letter-spacing:1px;font-size:11px;font-weight:700}.lp-nav__links{align-items:center;gap:var(--space-5);margin-left:auto;display:flex}.lp-nav__link{font-size:var(--text-xs);color:var(--color-text-soft);transition:color var(--transition);font-weight:700;text-decoration:none}.lp-nav__link:hover{color:var(--color-text)}.lp-nav__cta{height:44px;padding:0 var(--space-5);border-radius:var(--radius-full);background:var(--fitz-amarillo);color:#2d2d2d;font-size:var(--text-xs);transition:transform var(--transition), box-shadow var(--transition);font-weight:900;box-shadow:0 2px 12px #f5c51859}.lp-nav__cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5c51880}.lp-nav__burger{border-radius:var(--radius-md);background:var(--color-bg-card);border:2px solid var(--color-border);width:44px;height:44px;margin-left:auto;font-size:20px;display:none}@media (width<=640px){.lp-nav__burger{justify-content:center;align-items:center;display:flex}.lp-nav__links{background:var(--color-bg-card);border-bottom:2px solid var(--color-border);padding:var(--space-4) var(--space-5);gap:var(--space-4);flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.lp-nav__links--open{display:flex}.lp-nav__cta{text-align:center;width:100%}}.lp-hero{padding:var(--space-8) var(--space-5);align-items:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.lp-hero__bg-blobs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lp-hero__blob{filter:blur(60px);opacity:.35;border-radius:50%;position:absolute}.lp-hero__blob--1{background:var(--fitz-amarillo);width:500px;height:500px;top:-150px;right:-100px}.lp-hero__blob--2{background:var(--fitz-naranja);opacity:.2;width:350px;height:350px;bottom:-100px;left:-80px}.lp-hero__blob--3{background:var(--fitz-verde);opacity:.15;width:280px;height:280px;top:60%;left:40%}.lp-hero__content{gap:var(--space-8);z-index:1;grid-template-columns:1fr 1fr;align-items:center;width:100%;max-width:1100px;margin:0 auto;display:grid;position:relative}.lp-hero__badge{border:2px solid var(--fitz-amarillo);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:#a07800;margin-bottom:var(--space-5);background:#f5c51833;font-weight:800;display:inline-block}.lp-hero__title{color:var(--color-text);margin-bottom:var(--space-4);font-size:clamp(36px,5vw,60px);font-weight:900;line-height:1.1}.lp-hero__title-highlight{color:var(--fitz-amarillo);-webkit-text-stroke:1px #c8a0004d}.lp-hero__subtitle{font-size:var(--text-md);color:var(--color-text-soft);margin-bottom:var(--space-6);max-width:480px;line-height:1.7}.lp-hero__actions{gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.lp-hero__btn-primary{height:58px;padding:0 var(--space-7);border-radius:var(--radius-full);background:var(--fitz-naranja);color:#fff;font-size:var(--text-md);transition:transform var(--transition), box-shadow var(--transition);font-weight:900;box-shadow:0 8px 28px #ff980073}.lp-hero__btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 36px #ff98008c}.lp-hero__btn-secondary{height:58px;padding:0 var(--space-6);border-radius:var(--radius-full);border:2px solid var(--color-border);color:var(--color-text-soft);font-size:var(--text-sm);transition:border-color var(--transition), color var(--transition);background:0 0;align-items:center;font-weight:700;text-decoration:none;display:flex}.lp-hero__btn-secondary:hover{border-color:var(--fitz-amarillo);color:var(--color-text)}.lp-hero__disclaimer{color:var(--color-text-muted);font-size:13px;font-weight:600}.lp-hero__mockup{justify-content:center;align-items:center;display:flex}.lp-hero__tablet{background:#2d2d2d;border-radius:24px;width:100%;max-width:340px;padding:10px;box-shadow:0 30px 80px #0000004d,0 0 0 2px #ffffff0d}.lp-hero__tablet-screen{padding:var(--space-3);gap:var(--space-3);background:#fff8e7;border-radius:16px;flex-direction:column;display:flex}.lp-hero__mock-header{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#fff;justify-content:space-between;align-items:center;display:flex}.lp-hero__mock-logo{letter-spacing:2px;color:var(--fitz-amarillo);font-size:12px;font-weight:900}.lp-hero__mock-toggle{font-size:14px}.lp-hero__mock-name{text-align:center;color:#2d2d2d;padding:var(--space-2) 0;font-size:16px;font-weight:800}.lp-hero__mock-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.lp-hero__mock-card{background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000014}.lp-hero__mock-stripe{height:4px;position:absolute;top:0;left:0;right:0}.lp-hero__mock-emoji{margin-top:6px;font-size:28px}.lp-hero__mock-word{color:#2d2d2d;font-size:11px;font-weight:800}@media (width<=768px){.lp-hero__content{text-align:center;grid-template-columns:1fr}.lp-hero__subtitle{margin:0 auto var(--space-6)}.lp-hero__actions{justify-content:center}.lp-hero__badge{text-align:center}.lp-hero__tablet{max-width:280px}}.lp-stats{background:var(--color-bg-card);border-top:2px solid var(--color-border);border-bottom:2px solid var(--color-border);flex-wrap:wrap;justify-content:center;gap:0;display:flex}.lp-stats__item{padding:var(--space-6) var(--space-8);border-right:1px solid var(--color-border);flex-direction:column;flex:1;align-items:center;min-width:140px;display:flex}.lp-stats__item:last-child{border-right:none}.lp-stats__n{font-size:var(--text-2xl);color:var(--fitz-amarillo);font-weight:900;line-height:1}.lp-stats__label{font-size:var(--text-xs);color:var(--color-text-soft);text-align:center;margin-top:var(--space-2);font-weight:700}.lp-features{padding:var(--space-8) var(--space-5)}.lp-features__grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.lp-feature-card{padding:var(--space-6);background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-xl);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition)}.lp-feature-card:hover{box-shadow:0 12px 36px var(--color-shadow-lg);border-color:var(--f-color);transform:translateY(-5px)}.lp-feature-card__icon{background:color-mix(in srgb, var(--f-color) 15%, transparent);border-radius:var(--radius-md);width:64px;height:64px;margin-bottom:var(--space-4);justify-content:center;align-items:center;font-size:40px;display:flex}.lp-feature-card__title{font-size:var(--text-md);margin-bottom:var(--space-3);color:var(--color-text);font-weight:900}.lp-feature-card__desc{font-size:var(--text-sm);color:var(--color-text-soft);line-height:1.7}.lp-how{padding:var(--space-8) var(--space-5);background:var(--color-bg-card);border-top:2px solid var(--color-border);border-bottom:2px solid var(--color-border)}.lp-how__steps{gap:var(--space-4);flex-wrap:wrap;justify-content:center;align-items:flex-start;display:flex;position:relative}.lp-how__step{text-align:center;max-width:280px;padding:var(--space-5);flex-direction:column;align-items:center;display:flex;position:relative}.lp-how__step-n{background:var(--fitz-amarillo);color:#2d2d2d;width:44px;height:44px;font-size:var(--text-md);margin-bottom:var(--space-3);border-radius:50%;justify-content:center;align-items:center;font-weight:900;display:flex;box-shadow:0 4px 16px #f5c51859}.lp-how__step-emoji{margin-bottom:var(--space-4);font-size:48px}.lp-how__step-title{font-size:var(--text-md);color:var(--color-text);margin-bottom:var(--space-2);font-weight:900}.lp-how__step-desc{font-size:var(--text-sm);color:var(--color-text-soft);line-height:1.7}.lp-how__arrow{color:var(--fitz-amarillo);align-self:center;margin-top:-20px;font-size:28px;font-weight:900}@media (width<=640px){.lp-how__arrow{display:none}}.lp-pricing{padding:var(--space-8) var(--space-5)}.lp-currency-toggle{align-items:center;gap:var(--space-3);margin-top:var(--space-5);flex-direction:column;display:flex}.lp-currency-toggle__label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600}.lp-currency-toggle__btn{align-items:center;gap:var(--space-3);background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;transition:border-color var(--transition);min-height:var(--touch-min);font-weight:700;display:flex}.lp-currency-toggle__btn:hover{border-color:var(--fitz-amarillo)}.lp-currency-toggle__btn span.active{color:#2d2d2d;background:var(--fitz-amarillo);border-radius:var(--radius-full);padding:3px 10px;font-weight:900}.lp-currency-toggle__sep{color:var(--color-border);font-size:18px}.lp-pricing__grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;display:grid}.lp-plan{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;display:flex;position:relative}.lp-plan:hover{box-shadow:0 12px 40px var(--color-shadow-lg);transform:translateY(-4px)}.lp-plan--featured{border-color:var(--fitz-amarillo);transform:scale(1.02);box-shadow:0 8px 32px #f5c51833}.lp-plan--featured:hover{transform:scale(1.02)translateY(-4px)}.lp-plan__badge{background:var(--fitz-amarillo);color:#2d2d2d;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);white-space:nowrap;font-size:12px;font-weight:900;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #f5c51866}.lp-plan__header{text-align:center;padding-top:var(--space-2);flex-direction:column;align-items:center;display:flex}.lp-plan__emoji{margin-bottom:var(--space-2);font-size:40px}.lp-plan__name{font-size:var(--text-lg);color:var(--color-text);font-weight:900}.lp-plan__desc{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600}.lp-plan__price{justify-content:center;align-items:baseline;gap:var(--space-1);display:flex}.lp-plan__currency{color:var(--color-text-soft);font-size:16px;font-weight:700}.lp-plan__amount{font-size:var(--text-2xl);color:var(--color-text);font-weight:900}.lp-plan__period{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600}.lp-plan__features{gap:var(--space-3);flex-direction:column;flex:1;list-style:none;display:flex}.lp-plan__feature{font-size:var(--text-xs);color:var(--color-text-soft);font-weight:600;line-height:1.4}.lp-plan__btn{width:100%;height:var(--touch-min);border-radius:var(--radius-full);background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);font-size:var(--text-xs);transition:all var(--transition);font-weight:900}.lp-plan--featured .lp-plan__btn{color:#2d2d2d;border:none;box-shadow:0 4px 16px #f5c5184d}.lp-plan__btn:hover{box-shadow:0 6px 20px var(--color-shadow-lg);transform:translateY(-2px)}.lp-cta{padding:var(--space-8) var(--space-5);background:var(--color-text);color:var(--color-bg)}.lp-cta__inner{text-align:center;align-items:center;gap:var(--space-5);flex-direction:column;max-width:640px;margin:0 auto;display:flex}.lp-cta__fitz-bar{gap:var(--space-1);border-radius:var(--radius-full);display:flex;overflow:hidden}.lp-cta__fitz-bar span{border-radius:var(--radius-full);width:40px;height:8px}.lp-cta__title{color:#fff8e7;font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.2}.lp-cta__subtitle{font-size:var(--text-md);color:#fff8e7b3;line-height:1.7}.lp-cta__btn{height:64px;padding:0 var(--space-8);border-radius:var(--radius-full);background:var(--fitz-amarillo);color:#2d2d2d;font-size:var(--text-md);transition:transform var(--transition), box-shadow var(--transition);font-weight:900;box-shadow:0 8px 28px #f5c51866}.lp-cta__btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 14px 40px #f5c51899}.lp-cta__fine{color:#fff8e773;font-size:13px;font-weight:600}.lp-footer{background:var(--color-bg-card);border-top:2px solid var(--color-border);padding:var(--space-7) var(--space-5) var(--space-5)}.lp-footer__inner{gap:var(--space-6);max-width:1100px;margin:0 auto;margin-bottom:var(--space-6);grid-template-columns:1.5fr repeat(3,1fr);display:grid}.lp-footer__logo{font-size:var(--text-lg);letter-spacing:3px;color:var(--fitz-amarillo);margin-bottom:var(--space-3);font-weight:900;display:block}.lp-footer__tagline{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.7}.lp-footer__col{gap:var(--space-3);flex-direction:column;display:flex}.lp-footer__col h4{font-size:var(--text-xs);color:var(--color-text);text-transform:uppercase;letter-spacing:1px;font-weight:900}.lp-footer__col a{font-size:var(--text-xs);color:var(--color-text-muted);transition:color var(--transition);font-weight:600;text-decoration:none}.lp-footer__col a:hover{color:var(--color-text)}.lp-footer__bottom{max-width:1100px;padding-top:var(--space-5);border-top:1px solid var(--color-border);justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin:0 auto;display:flex}.lp-footer__bottom p{color:var(--color-text-muted);font-size:12px;font-weight:600}.lp-footer__bottom a{color:var(--fitz-azul)}@media (width<=768px){.lp-footer__inner{grid-template-columns:1fr 1fr}.lp-footer__brand{grid-column:span 2}.lp-footer__bottom{text-align:center;flex-direction:column}}@media (width<=480px){.lp-footer__inner{grid-template-columns:1fr}.lp-footer__brand{grid-column:span 1}.lp-pricing__grid{grid-template-columns:1fr}.lp-plan--featured{order:-1;transform:scale(1)}}.theme-toggle{align-items:center;gap:var(--space-2);background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);min-height:var(--touch-min);min-width:var(--touch-min);transition:border-color var(--transition), background var(--transition);color:var(--color-text-soft);font-size:var(--text-xs);font-weight:600;display:flex}.theme-toggle:hover{border-color:var(--color-border-focus);background:var(--color-bg-hover)}.theme-toggle__track{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.theme-toggle__thumb{justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.theme-toggle__label{font-family:var(--font-main);color:var(--color-text-soft)}.welcome{background-color:var(--color-bg);min-height:100vh;transition:background-color var(--transition);flex-direction:column;display:flex}.welcome__topbar{padding:var(--space-4) var(--space-6);border-bottom:2px solid var(--color-border);background:var(--color-bg-card);justify-content:space-between;align-items:center;display:flex}.welcome__logo-text{font-size:var(--text-md);letter-spacing:3px;color:var(--fitz-amarillo);text-shadow:0 1px 3px #0000001a;font-weight:900}.welcome__main{padding:var(--space-7) var(--space-5);align-items:center;gap:var(--space-6);flex-direction:column;flex:1;width:100%;max-width:560px;margin:0 auto;display:flex}.welcome__photo-wrap{position:relative}.welcome__photo-btn{border:5px solid var(--fitz-amarillo);background:var(--color-bg-card);width:160px;height:160px;box-shadow:0 8px 32px var(--color-shadow-lg);transition:transform var(--transition), border-color var(--transition);cursor:pointer;border-radius:50%;position:relative;overflow:hidden}.welcome__photo-btn:hover{border-color:var(--color-cta);transform:scale(1.04)}.welcome__photo{object-fit:cover;width:100%;height:100%;display:block}.welcome__photo-overlay{opacity:0;transition:opacity var(--transition);background:#00000059;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.welcome__photo-btn:hover .welcome__photo-overlay{opacity:1}.welcome__photo-icon{font-size:36px}.welcome__photo-input{display:none}.welcome__name-section{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.welcome__name-display{align-items:center;gap:var(--space-3);display:flex}.welcome__name{font-size:var(--text-3xl);color:var(--color-text);letter-spacing:-1px;cursor:pointer;transition:color var(--transition);font-weight:900;line-height:1}.welcome__name:hover{color:var(--color-cta)}.welcome__name-input{font-size:var(--text-2xl);font-weight:900;font-family:var(--font-main);color:var(--color-text);background:var(--color-bg-input);border:3px solid var(--fitz-amarillo);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);text-align:center;width:100%;transition:border-color var(--transition);outline:none}.welcome__name-input:focus{border-color:var(--color-cta)}.welcome__name-input::placeholder{color:var(--color-text-muted);font-weight:600;font-size:var(--text-md)}.welcome__read-btn{background:var(--fitz-amarillo);color:#2d2d2d;width:56px;height:56px;transition:transform var(--transition), box-shadow var(--transition), background var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex;box-shadow:0 4px 16px #f5c51866}.welcome__read-btn:hover:not(:disabled){transform:scale(1.12);box-shadow:0 8px 24px #f5c51880}.welcome__read-btn--playing{background:var(--fitz-verde);animation:1s ease-in-out infinite pulse-read}@keyframes pulse-read{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.welcome__audio-section{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.welcome__record-toggle{border:2px dashed var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);min-height:var(--touch-min);color:var(--color-text-soft);font-size:var(--text-xs);transition:border-color var(--transition), color var(--transition);background:0 0;font-weight:700}.welcome__record-toggle:hover{border-color:var(--fitz-rosa);color:var(--fitz-rosa)}.welcome__record-toggle--done{border-color:var(--fitz-verde);color:var(--fitz-verde);border-style:solid}.welcome__record-panel{align-items:center;gap:var(--space-3);background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);flex-direction:column;width:100%;animation:.2s ease-out slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.welcome__record-hint{font-size:var(--text-xs);color:var(--color-text-soft);text-align:center;line-height:1.5}.welcome__record-btn{min-height:var(--touch-min);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);transition:transform var(--transition), box-shadow var(--transition);font-weight:800}.welcome__record-btn:hover{transform:translateY(-2px)}.welcome__record-btn--start{background:var(--fitz-rosa);color:#fff;box-shadow:0 4px 16px #e91e8c4d}.welcome__record-btn--stop{color:#fff;background:#e53935;animation:1s ease-in-out infinite pulse-rec;box-shadow:0 4px 16px #e5393566}@keyframes pulse-rec{0%,to{box-shadow:0 4px 16px #e5393566}50%{box-shadow:0 8px 32px #e53935b3}}.welcome__record-btn--test{background:var(--fitz-verde);color:#fff;box-shadow:0 4px 16px #4caf504d}.welcome__section{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.welcome__label{font-size:var(--text-md);color:var(--color-text-soft);text-align:center;font-weight:700}.welcome__gender-group{gap:var(--space-4);justify-content:center;display:flex}.welcome__gender-btn{align-items:center;gap:var(--space-2);min-width:110px;min-height:100px;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-card);border:3px solid var(--color-border);color:var(--color-text);transition:border-color var(--transition), background var(--transition), transform var(--transition);flex-direction:column;display:flex}.welcome__gender-btn:hover{border-color:var(--fitz-amarillo);transform:translateY(-3px)}.welcome__gender-btn--active{border-color:var(--fitz-amarillo);background:#f5c5181f;transform:translateY(-3px);box-shadow:0 4px 20px #f5c51840}.welcome__gender-emoji{font-size:40px}.welcome__gender-label{font-size:var(--text-sm);font-weight:800}.welcome__age-row{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.welcome__age-input{width:90px;height:var(--touch-min);text-align:center;font-size:var(--text-xl);background:var(--color-bg-input);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--transition);outline:none;font-weight:900}.welcome__age-input:focus{border-color:var(--fitz-amarillo)}.welcome__age-input::-webkit-inner-spin-button{opacity:1}.welcome__age-input::-webkit-outer-spin-button{opacity:1}.welcome__age-unit{font-size:var(--text-md);color:var(--color-text-soft);font-weight:700}.welcome__hobby-input{width:100%;height:var(--touch-min);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);background:var(--color-bg-input);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-align:center;transition:border-color var(--transition);outline:none;font-weight:600}.welcome__hobby-input:focus{border-color:var(--fitz-amarillo)}.welcome__hobby-input::placeholder{color:var(--color-text-muted)}.welcome__cta{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-xl);background:var(--color-cta);color:#fff;width:100%;min-height:72px;font-size:var(--text-lg);letter-spacing:.5px;transition:transform var(--transition), box-shadow var(--transition), background var(--transition);margin-top:var(--space-3);font-weight:900;display:flex;box-shadow:0 8px 32px #ff980066}.welcome__cta:hover:not(.welcome__cta--disabled){background:var(--color-cta-dark);transform:translateY(-4px);box-shadow:0 14px 40px #ff980080}.welcome__cta:active:not(.welcome__cta--disabled){transform:translateY(-1px)}.welcome__cta--disabled{background:var(--color-text-muted);box-shadow:none;cursor:not-allowed;opacity:.6}.welcome__cta-emoji{font-size:28px}.welcome__hint{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}@media (width<=600px){.welcome__main{padding:var(--space-5) var(--space-4);gap:var(--space-5)}.welcome__photo-btn{width:130px;height:130px}.welcome__name{font-size:var(--text-2xl)}}.word-card{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);box-shadow:0 2px 8px var(--color-shadow);min-height:200px;padding-bottom:var(--space-4);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.word-card:hover,.word-card:focus-visible{box-shadow:0 8px 28px var(--color-shadow-lg);border-color:var(--fitz-color);outline:none;transform:translateY(-4px)}.word-card__stripe{background:var(--fitz-color);flex-shrink:0;width:100%;height:8px}.word-card__img-wrap{width:100%;padding:var(--space-3);flex:1;justify-content:center;align-items:center;display:flex}.word-card__img{object-fit:contain;border-radius:var(--radius-sm);width:100%;max-height:110px}.word-card__img-placeholder{background:var(--color-bg);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:100%;min-height:80px;max-height:110px;display:flex}.word-card__img-placeholder--loading{animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:1}}.word-card__emoji{font-size:60px;line-height:1}.word-card__text{font-size:var(--text-md);color:var(--color-text);text-align:center;padding:0 var(--space-3);font-weight:800;line-height:1.2}.word-card__badges{gap:var(--space-1);margin-top:var(--space-2);align-items:center;height:20px;display:flex}.word-card__badge{font-size:14px}.word-card__play{bottom:var(--space-3);right:var(--space-3);background:var(--fitz-color);color:#2d2d2d;width:40px;height:40px;transition:transform var(--transition), box-shadow var(--transition);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:900;display:flex;position:absolute;box-shadow:0 2px 8px #0003}.word-card__play:hover{transform:scale(1.15)}.word-card__play--active{animation:.8s ease-in-out infinite pulse-play}@keyframes pulse-play{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.add-modal__overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.add-modal{background:var(--color-bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-direction:column;width:100%;max-width:560px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) slide-up;display:flex;overflow-y:auto}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.add-modal__header{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:4px solid var(--fitz-color);background:var(--color-bg-card);z-index:2;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.add-modal__title{font-size:var(--text-lg);color:var(--color-text);font-weight:900}.add-modal__close{width:var(--touch-min);height:var(--touch-min);background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text-soft);transition:border-color var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.add-modal__close:hover{color:#e53935;border-color:#e53935}.add-modal__steps{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.add-modal__step{border:2px solid var(--color-border);background:var(--color-bg);width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.add-modal__step--done{border-color:var(--fitz-verde);color:var(--fitz-verde);background:#4caf501a}.add-modal__step--active{border-color:var(--fitz-amarillo);color:var(--color-text);background:#f5c51826;box-shadow:0 0 0 4px #f5c51826}.add-modal__body{padding:var(--space-5);flex:1}.add-modal__section{gap:var(--space-4);flex-direction:column;animation:.2s ease-out slide-right;display:flex}@keyframes slide-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.add-modal__label{font-size:var(--text-sm);color:var(--color-text);font-weight:800}.add-modal__label-hint{color:var(--color-text-muted);font-weight:600;font-size:var(--text-xs)}.add-modal__input{width:100%;height:var(--touch-min);padding:0 var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text);font-size:var(--text-sm);font-weight:700;font-family:var(--font-main);transition:border-color var(--transition);outline:none}.add-modal__input:focus{border-color:var(--fitz-amarillo)}.add-modal__input::placeholder{color:var(--color-text-muted);font-weight:600}.add-modal__input--big{font-size:var(--text-md);text-align:center;height:58px;font-weight:900}.add-modal__syl-preview{gap:var(--space-2);flex-wrap:wrap;display:flex}.add-modal__syl-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);color:#2d2d2d;font-weight:900}.add-modal__cat-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.add-modal__cat-btn{align-items:center;gap:var(--space-1);padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-xs);min-height:70px;transition:all var(--transition);flex-direction:column;font-weight:700;display:flex}.add-modal__cat-btn:hover{border-color:var(--fitz-amarillo)}.add-modal__cat-btn span:first-child{font-size:24px}.add-modal__cat-btn--active{box-shadow:0 2px 12px #00000026}.add-modal__next{width:100%;min-height:var(--touch-min);border-radius:var(--radius-full);color:#2d2d2d;font-size:var(--text-sm);transition:transform var(--transition), opacity var(--transition);font-weight:900}.add-modal__next:hover:not(.add-modal__next--disabled){transform:translateY(-2px)}.add-modal__next--disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.7;background:var(--color-border)!important}.add-modal__nav-row{gap:var(--space-3);display:flex}.add-modal__back-btn{white-space:nowrap;padding:0 var(--space-5);height:var(--touch-min);border-radius:var(--radius-full);background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text-soft);font-size:var(--text-xs);transition:border-color var(--transition);flex:0;font-weight:700}.add-modal__back-btn:hover{border-color:var(--fitz-amarillo)}.add-modal__save{min-height:var(--touch-min);border-radius:var(--radius-full);color:#2d2d2d;font-size:var(--text-sm);transition:transform var(--transition);flex:1;font-weight:900}.add-modal__save:hover{transform:translateY(-2px)}.add-modal__img-preview{border-radius:var(--radius-xl);background:var(--color-bg);width:160px;height:160px;box-shadow:0 4px 20px var(--color-shadow-lg);border:4px solid;justify-content:center;align-items:center;margin:0 auto;display:flex;overflow:hidden}.add-modal__img{object-fit:contain;width:100%;height:100%;padding:var(--space-2)}.add-modal__img-placeholder{font-size:72px}.add-modal__img-btns{gap:var(--space-3);flex-wrap:wrap;display:flex}.add-modal__img-btn{min-height:var(--touch-min);border-radius:var(--radius-full);font-size:var(--text-xs);transition:transform var(--transition);white-space:nowrap;flex:1;font-weight:800}.add-modal__img-btn:hover{transform:translateY(-2px)}.add-modal__img-btn--arasaac{background:var(--fitz-azul);color:#fff}.add-modal__img-btn--upload{background:var(--color-bg-card);border:2px solid var(--color-border);color:var(--color-text-soft)}.add-modal__img-btn--upload:hover{border-color:var(--fitz-amarillo)}.add-modal__audio-block{gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.add-modal__audio-row{gap:var(--space-3);align-items:center;display:flex}.add-modal__rec-btn{min-height:var(--touch-min);border-radius:var(--radius-full);background:var(--fitz-rosa);color:#fff;font-weight:800;font-size:var(--text-xs);transition:transform var(--transition);flex:1}.add-modal__rec-btn:hover{transform:translateY(-2px)}.add-modal__rec-btn--stop{background:#e53935;animation:1s ease-in-out infinite blink3}@keyframes blink3{0%,to{opacity:1}50%{opacity:.7}}.add-modal__play-btn{min-height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--fitz-amarillo);color:#2d2d2d;font-weight:800;font-size:var(--text-xs)}.add-modal__audio-ok{font-size:var(--text-xs);color:var(--fitz-verde);font-weight:700}.add-modal__preview-card{background:var(--color-bg);border:3px solid var(--fitz-color);border-radius:var(--radius-lg);padding:var(--space-4);align-items:center;gap:var(--space-3);flex-direction:column;display:flex;position:relative;overflow:hidden}.add-modal__preview-stripe{background:var(--fitz-color);height:8px;position:absolute;top:0;left:0;right:0}.add-modal__preview-img-wrap{margin-top:var(--space-3);justify-content:center;align-items:center;width:120px;height:120px;display:flex}.add-modal__preview-img{object-fit:contain;width:100%;height:100%}.add-modal__preview-text{font-size:var(--text-xl);color:var(--color-text);font-weight:900}.add-modal__preview-syls{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.add-modal__confirm-meta{gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-soft);flex-wrap:wrap;justify-content:center;font-weight:700;display:flex}.word-list{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.word-list__header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-card);border-bottom:2px solid var(--color-border);z-index:10;display:flex;position:sticky;top:0}.word-list__back{width:var(--touch-min);height:var(--touch-min);background:var(--color-bg);border:2px solid var(--color-border);font-size:var(--text-md);color:var(--color-text);transition:border-color var(--transition), background var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.word-list__back:hover{border-color:var(--fitz-amarillo);background:#f5c5181a}.word-list__title-wrap{flex-direction:column;flex:1;display:flex}.word-list__title{font-size:var(--text-lg);color:var(--color-text);font-weight:900;line-height:1}.word-list__count{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600}.word-list__search-wrap{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-card);border-bottom:1px solid var(--color-border);display:flex}.word-list__search-icon{flex-shrink:0;font-size:20px}.word-list__search{height:var(--touch-min);padding:0 var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-input);color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--transition);outline:none;flex:1;font-weight:600}.word-list__search:focus{border-color:var(--fitz-amarillo)}.word-list__search::placeholder{color:var(--color-text-muted)}.word-list__search-clear{background:var(--color-border);width:36px;height:36px;color:var(--color-text-soft);transition:background var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.word-list__search-clear:hover{background:var(--color-text-muted);color:#fff}.word-list__filters{gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-bg-card);border-bottom:2px solid var(--color-border);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;display:flex;overflow:auto visible}.word-list__filters::-webkit-scrollbar{display:none}.word-list__filter-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text-soft);font-size:var(--text-xs);white-space:nowrap;min-height:var(--touch-min);transition:all var(--transition);flex-shrink:0;font-weight:700;display:flex}.word-list__filter-btn:hover{border-color:var(--fitz-amarillo);color:var(--color-text)}.word-list__filter-btn--active{font-weight:900;box-shadow:0 2px 8px #00000026}.word-list__controls{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-wrap:nowrap;display:flex}.word-list__sort{height:var(--touch-min);padding:0 var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text);font-size:var(--text-xs);font-weight:700;font-family:var(--font-main);cursor:pointer;transition:border-color var(--transition);outline:none;flex-shrink:0;width:auto;min-width:0}.word-list__sort:focus{border-color:var(--fitz-amarillo)}.word-list__add-btn{height:var(--touch-min);border-radius:var(--radius-full);background:var(--fitz-naranja);color:#2d2d2d;font-size:var(--text-xs);white-space:nowrap;transition:transform var(--transition), box-shadow var(--transition);flex:1;font-weight:900;box-shadow:0 2px 8px #ff98004d}.word-list__add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ff980073}.word-list__toggle-custom{height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--color-bg-card);border:2px solid var(--color-border);color:var(--color-text-soft);font-size:var(--text-xs);white-space:nowrap;transition:all var(--transition);flex-shrink:0;font-weight:700}.word-list__toggle-custom:hover{border-color:var(--fitz-amarillo)}.word-list__toggle-custom--on{border-color:var(--fitz-amarillo);color:var(--color-text);background:#f5c51826}.word-list__grid{gap:var(--space-4);padding:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.word-list__empty{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-8);color:var(--color-text-muted);flex-direction:column;flex:1;display:flex}.word-list__empty-emoji{font-size:64px}.word-list__empty p{font-size:var(--text-md);font-weight:700}.word-list__empty-reset{padding:var(--space-3) var(--space-6);background:var(--fitz-amarillo);border-radius:var(--radius-full);color:#2d2d2d;min-height:var(--touch-min);transition:transform var(--transition);font-weight:800}.word-list__empty-reset:hover{transform:translateY(-2px)}@media (width<=480px){.word-list__grid{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(2,1fr)}}.syllable-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition);display:flex}.syllable-row:hover{border-color:var(--fitz-color)}.syllable-row__chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--fitz-color);border-radius:var(--radius-full);flex:1;min-height:44px;display:flex}.syllable-row__text{font-size:var(--text-lg);color:#2d2d2d;letter-spacing:1px;font-weight:900}.syllable-row__audio-dot{background:var(--fitz-verde);width:10px;height:10px;box-shadow:0 0 6px var(--fitz-verde);border-radius:50%;flex-shrink:0}.syllable-row__btn{width:var(--touch-min);height:var(--touch-min);transition:transform var(--transition), box-shadow var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.syllable-row__btn:hover:not(:disabled){transform:scale(1.1)}.syllable-row__btn:disabled{opacity:.5;cursor:not-allowed}.syllable-row__btn--play{background:var(--fitz-amarillo);color:#2d2d2d;box-shadow:0 2px 8px #f5c5184d}.syllable-row__btn--playing{animation:.8s ease-in-out infinite pulse-syl}@keyframes pulse-syl{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.syllable-row__btn--rec{background:var(--fitz-rosa);color:#fff;box-shadow:0 2px 8px #e91e8c4d}.syllable-row__btn--stop{color:#fff;border-radius:var(--radius-full);width:auto;padding:0 var(--space-3);background:#e53935;font-size:13px;animation:1s ease-in-out infinite blink-stop;box-shadow:0 2px 8px #e5393566}@keyframes blink-stop{0%,to{opacity:1}50%{opacity:.6}}.word-detail{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.word-detail__header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-card);border-bottom:4px solid var(--fitz-color);z-index:10;display:flex;position:sticky;top:0}.word-detail__back{width:var(--touch-min);height:var(--touch-min);background:var(--color-bg);border:2px solid var(--color-border);font-size:var(--text-md);color:var(--color-text);transition:border-color var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.word-detail__back:hover{border-color:var(--fitz-color)}.word-detail__header-meta{align-items:center;gap:var(--space-2);flex:1;display:flex}.word-detail__cat-emoji{font-size:24px}.word-detail__cat-label{font-size:var(--text-sm);color:var(--color-text-soft);font-weight:700}.word-detail__main{gap:var(--space-6);padding:var(--space-6) var(--space-5);flex-direction:column;flex:1;width:100%;max-width:600px;margin:0 auto;display:flex}.word-detail__img-section{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.word-detail__img-wrap{border-radius:var(--radius-xl);background:var(--color-bg-card);width:220px;height:220px;box-shadow:0 8px 32px var(--color-shadow-lg);border:5px solid;justify-content:center;align-items:center;display:flex;overflow:hidden}.word-detail__img{object-fit:contain;width:100%;height:100%;padding:var(--space-3)}.word-detail__img-loading{font-size:48px;animation:1.5s ease-in-out infinite shimmer}.word-detail__emoji{font-size:100px;line-height:1}.word-detail__change-img{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);background:var(--color-bg-card);border:2px dashed var(--color-border);color:var(--color-text-soft);font-size:var(--text-xs);min-height:var(--touch-min);transition:border-color var(--transition), color var(--transition);font-weight:700}.word-detail__change-img:hover{border-color:var(--fitz-azul);color:var(--fitz-azul)}.word-detail__word-section{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.word-detail__word{font-size:var(--text-3xl);letter-spacing:-1px;text-align:center;font-weight:900;line-height:1}.word-detail__audio-row{gap:var(--space-3);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.word-detail__play{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);background:var(--fitz-amarillo);color:#2d2d2d;font-size:var(--text-sm);min-height:var(--touch-min);transition:transform var(--transition), box-shadow var(--transition);font-weight:900;display:flex;box-shadow:0 4px 16px #f5c51859}.word-detail__play:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #f5c51880}.word-detail__play--active{background:var(--fitz-verde);animation:1s ease-in-out infinite pulse-play2}@keyframes pulse-play2{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.word-detail__rec-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:var(--fitz-rosa);color:#fff;font-size:var(--text-sm);min-height:var(--touch-min);transition:transform var(--transition);font-weight:800;display:flex;box-shadow:0 4px 16px #e91e8c4d}.word-detail__rec-btn:hover:not(:disabled){transform:translateY(-2px)}.word-detail__rec-btn--stop{background:#e53935;animation:1s ease-in-out infinite blink2;box-shadow:0 4px 16px #e5393566}@keyframes blink2{0%,to{opacity:1}50%{opacity:.75}}.word-detail__audio-label{font-size:var(--text-xs);color:var(--fitz-verde);font-weight:700}.word-detail__syllables{gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;display:flex}.word-detail__section-title{font-size:var(--text-md);color:var(--color-text);font-weight:900}.word-detail__section-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:calc(-1 * var(--space-2))}.word-detail__syllables-list{gap:var(--space-3);flex-direction:column;display:flex}.word-detail__syllables-joined{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.word-detail__syl-chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-lg);color:#2d2d2d;letter-spacing:1px;font-weight:900}@media (width<=480px){.word-detail__img-wrap{width:180px;height:180px}.word-detail__word{font-size:var(--text-2xl)}}