.home-carousel{width:100%;box-sizing:border-box;background-color:var(--color-background-light);padding:2.5rem clamp(8px,4rem,5dvw) var(--spacing-large)}.home-carousel-viewport{overflow:hidden;width:100%;height:220px}.home-carousel-track{display:flex;transition:transform .4s ease;height:100%}.home-carousel-slide{min-width:100%;box-sizing:border-box;height:100%;display:flex;flex-direction:column;justify-content:center}@media (max-width: 600px){.home-carousel-viewport{height:260px}.home-slide-content{margin-top:var(--spacing-large)}}.home-carousel-controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-medium);margin-top:var(--spacing-large)}.home-carousel-dots{display:flex;gap:8px;align-items:center}.home-carousel-dot{width:8px;height:8px;border-radius:50%;background:var(--color-light-gray);border:none;padding:0;cursor:pointer}.home-carousel-dot.active{background:var(--color-secondary)}.home-carousel-arrow{background:none;border:none;cursor:pointer;color:var(--color-text);display:flex;align-items:center;padding:4px;border-radius:50%;opacity:.6;transition:opacity .2s}.home-carousel-arrow:hover{opacity:1}.home-hero-headline{font-size:1.4rem;font-weight:700;line-height:1.25;color:var(--color-text);margin:0 0 .4rem}.home-hero-sub{font-size:var(--font-size-large);color:var(--color-text-secondary);line-height:1.5;margin:0}.action-container>.instruction:first-child{margin-top:var(--spacing-large)}.home-slide-content{margin-top:var(--spacing-large);width:100%}.home-slide-content .training-session-p{margin-top:var(--spacing-small)}.home-slide-listening{display:flex;flex-direction:column;gap:var(--spacing-medium)}.home-slide-explanations{margin:var(--spacing-small) 0 0;padding-left:0}.home-slide-explanations li{font-size:var(--font-size-large)}.home-slide-sentence{font-size:var(--font-size-large);color:var(--color-text);line-height:1.5;margin:0}.home-slide-listen-row{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-medium)}.home-slide-listen-btn{display:flex;align-items:center;gap:var(--spacing-small);min-width:8rem;justify-content:center}.home-icon{font-family:Material Symbols Outlined;font-size:3rem;color:var(--color-green-hard)}.login-area{margin-top:auto;margin-bottom:var(--spacing-large);min-width:80%;padding:clamp(8px,4rem,5dvw);display:flex;flex-direction:column}.login-area-top{box-sizing:border-box;width:100%;padding:clamp(8px,4rem,5dvw);padding-bottom:0;display:flex;flex-direction:column;gap:var(--spacing-large)}.login-area-top .widget{margin:0;width:100%}.login-area-buttons{display:flex;justify-content:end;gap:var(--spacing-large)}.instruction{display:flex;width:100%;align-self:self-start;flex-direction:row;margin-top:3rem;margin-bottom:var(--spacing-small)}.instruction-span{background-color:var(--color-secondary);border-radius:50%;width:var(--spacing-double);height:var(--spacing-double);aspect-ratio:1/1;font-size:var(--font-size-large);color:var(--color-white);font-weight:bolder;align-self:center;display:flex;justify-content:center;align-items:center;padding:0;margin-right:var(--spacing-medium);font-variant-numeric:tabular-nums;cursor:default;-webkit-user-select:none;user-select:none}.instruction-text{color:var(--color-text);font-size:var(--font-size-large)}.home-bottom-cta{display:flex;justify-content:center;gap:var(--spacing-large);padding:clamp(8px,4rem,5dvw);padding-top:0}.home-submit-row{display:flex;align-items:center;justify-content:flex-end}.home-submit-error{margin:0;margin-right:var(--spacing-large)}.header{height:3rem;width:100%;box-sizing:border-box;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;background-color:var(--color-surface);box-shadow:0 2px 8px #0000000f;margin:0;padding:0 clamp(8px,1rem,5dvw)}.header>a{height:100%;display:flex;align-items:center}.header>a>h1{font-size:var(--font-size-large)}.header-button{font-family:Material Symbols Outlined;color:var(--color-text);background-color:transparent;width:3rem;height:3rem;border:none;cursor:pointer;border-radius:10px;font-size:var(--icon-size-medium);display:flex;align-items:center;justify-content:center;line-height:1;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;transition:background-color .15s}.header-button:hover{background-color:var(--color-background-light)}.header-button.logged-in{background-color:var(--color-secondary);border-radius:50%;width:2rem;height:2rem;margin:auto 0 auto auto;color:var(--color-surface)}.header-button.logged-in:hover{background-color:var(--color-primary)}.header-avatar-initial{font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:0}.header-button.not-logged-in{position:relative}.header-button.not-logged-in:after{content:"";position:absolute;bottom:7px;right:7px;width:7px;height:7px;background-color:var(--color-red-hard);border-radius:50%;border:1.5px solid var(--color-surface)}.header-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.header-user-container,.header-main-container{display:flex;align-items:center}.header-user-container:last-child{justify-self:end}.header-user-menu,.header-main-menu{position:absolute;top:3rem;z-index:1000;box-sizing:border-box;max-width:800px}.header-main-menu{left:0}.header-user-menu{right:0}.header-user-menu-content,.header-main-menu-content{background-color:var(--color-surface);display:flex;flex-direction:column;min-width:300px;border-radius:0 0 12px 12px;border:1px solid var(--color-border);border-top:none;box-shadow:0 24px 48px #00000012;overflow:hidden;animation:menuFadeIn .15s ease}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.header-user-menu-email{border-bottom:1px solid var(--color-border);width:100%;box-sizing:border-box;text-align:right;padding:var(--spacing-default) var(--spacing-large);font-family:Montserrat;font-size:var(--font-size-regular);color:var(--color-text-secondary);cursor:default;-webkit-user-select:none;user-select:none}.header-main-menu-button,.header-user-menu-button{margin:0;padding:.75rem 1rem;cursor:pointer;text-align:left;font-family:Montserrat;font-weight:600;font-size:var(--font-size-regular);display:flex;justify-content:space-between;align-items:center;white-space:nowrap;background-color:var(--color-surface);color:var(--color-text);border:none;transition:background-color .15s,color .15s}.header-main-menu-button:hover,.header-user-menu-button:hover{background-color:var(--color-primary-soft);color:var(--color-primary)}.header-main-menu-button.secondary-item,.header-user-menu-button.secondary-item{font-weight:400;color:var(--color-text-secondary)}.header-main-menu-button.secondary-item:hover,.header-user-menu-button.secondary-item:hover{color:var(--color-primary)}.header-user-menu-button{justify-content:flex-end;gap:.6rem}.header-menu-icon{font-family:Material Symbols Outlined;font-size:var(--icon-size-small);font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20;opacity:.6;flex-shrink:0}.header-main-menu-button:hover .header-menu-icon,.header-user-menu-button:hover .header-menu-icon{opacity:1}.header-menu-item-left{display:flex;align-items:center;gap:.6rem}.header-main-menu-button-span{font-size:var(--font-size-regular);font-weight:400;padding:.15rem .4rem;border-radius:4px}.header-main-menu-button-span.blocked{color:var(--color-text);background-color:var(--color-red-soft)}.header-main-menu-button-span.soon{color:var(--color-text);background-color:var(--color-green-soft)}@media screen and (max-width: 900px){.header-main-menu{width:100vw;top:3rem;left:0}.header-user-menu{top:3rem;left:auto;right:0;width:100vw}.header-user-menu-content,.header-main-menu-content{border-radius:0;box-shadow:0 24px 48px #00000026;border:none;animation:none}.header-main-menu-button,.header-user-menu-button{border-bottom:1px solid var(--color-border);padding:var(--spacing-large)}}@media screen and (max-height: 360px){header{display:none}}.footer{width:100%;background-color:var(--color-dark-gray);color:var(--color-white);text-align:center;gap:var(--spacing-large);display:flex;flex-direction:column;padding:var(--spacing-large) 0;max-width:800px;margin-top:auto}.footer p{line-height:1rem;font-size:var(--font-size-large);margin:0 auto}.footer form{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-large);margin:0 var(--spacing-large)}.footer input{font-family:Montserrat;font-size:small;line-height:1rem;padding:.5rem;width:clamp(60px,16rem,16rem);border-radius:10px;border:solid 1px var(--color-light-gray)}.footer button{background-color:var(--color-primary);line-height:1rem;border:none;color:var(--color-white);padding:.5rem;text-align:center;cursor:pointer;font-family:Montserrat;font-weight:700;font-size:small;border-radius:10px;border:solid 1px var(--color-light-gray)}.info-container-item{text-align:left}.training-session-label{margin-left:0;margin-right:0;margin-top:var(--spacing-default);margin-bottom:0;font-weight:700;font-size:var(--font-size-regular);padding:0}.training-session-p{margin-top:var(--spacing-default);font-size:var(--font-size-large);border-bottom:solid 1px var(--color-light-gray);border-left:solid 1px var(--color-light-gray);padding-bottom:var(--spacing-default);padding-left:var(--spacing-default);margin-bottom:var(--spacing-default)}.centralized{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-large);margin-top:var(--spacing-double)}.correction{background-color:var(--color-green-soft);color:var(--color-green-text);border-radius:3px;padding:0 3px 1px}.correction:hover,.correction.highlighted{background-color:var(--color-green-hard);color:var(--color-black)}.error{background-color:var(--color-red-soft);color:var(--color-red-text);border-radius:3px;padding:0 3px 1px}.error:hover,.error.highlighted{background-color:var(--color-red-hard);color:var(--color-black)}.new-words-container{display:flex;flex-wrap:wrap;gap:var(--spacing-default);margin-top:var(--spacing-default);margin-bottom:var(--spacing-default);padding:var(--spacing-default);border-bottom:solid 1px var(--color-light-gray);border-left:solid 1px var(--color-light-gray);justify-content:center}.new-word{position:relative;background-color:var(--color-word-learned-bg);line-height:2rem;padding:0 var(--spacing-large);border-radius:var(--spacing-medium);cursor:default;opacity:0;transform:translate(-20svw);animation:slide-in-word .5s forwards;transition:background-color .2s ease}.new-word[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background-color:var(--color-tooltip-bg);color:var(--color-tooltip-text);padding:var(--spacing-medium) var(--spacing-default);border-radius:var(--spacing-medium);font-size:var(--font-size-regular);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:1000}.new-word[data-tooltip]:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-2px);border:5px solid transparent;border-top-color:var(--color-tooltip-bg);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:1000}.new-word[data-tooltip]:hover:before,.new-word[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.word-learned{background-color:var(--color-word-learned-bg)}.word-learned:hover{background-color:var(--color-word-learned-bg-hover)}.word-known{background-color:var(--color-word-known-bg)}.word-known:hover{background-color:var(--color-word-known-bg-hover)}.word-cooldown{background-color:var(--color-word-cooldown-bg);color:var(--color-word-cooldown-text)}.word-cooldown:hover{background-color:var(--color-word-cooldown-bg-hover);color:var(--color-word-cooldown-text-hover)}.word-not-learned,.word-error{background-color:var(--color-word-error-bg);color:var(--color-word-error-text)}.word-not-learned:hover,.word-error:hover{background-color:var(--color-word-error-bg-hover);color:var(--color-word-error-text-hover)}.new-word:nth-child(1){animation-delay:0s}.new-word:nth-child(2){animation-delay:.1s}.new-word:nth-child(3){animation-delay:.2s}.new-word:nth-child(4){animation-delay:.3s}.new-word:nth-child(5){animation-delay:.4s}.new-word:nth-child(n+6){animation-delay:.5s}@keyframes slide-in-word{to{opacity:1;transform:translate(0)}}@keyframes fade-in-star{to{opacity:1}}.star-icon{position:absolute;top:-4px;right:-4px;color:var(--color-star);font-size:var(--font-size-extra-large);line-height:1;pointer-events:none;opacity:0;animation:fade-in-star .4s forwards;animation-delay:.6s}span[data-error-id],li[data-error-id]{cursor:default;transition:all .2s ease}li[data-error-id]{color:var(--color-text);transition:color .2s ease,opacity .2s ease}li[data-error-id]:before{opacity:1;transition:opacity .2s ease}li[data-error-id].dimmed{color:var(--color-dark-gray);opacity:.5}li[data-error-id].dimmed:before{opacity:.3}li[data-error-id].highlighted{color:var(--color-text);opacity:1}li[data-error-id].highlighted:before{opacity:1}.audio-buttons-bottom{margin-bottom:1.5rem;margin-top:-.5rem;justify-content:flex-end;flex-wrap:wrap}.no-margin-bottom{margin-top:0;margin-bottom:0}.audio-buttons{display:flex;gap:var(--spacing-default);align-items:center}.audio-button{display:flex;align-items:center;gap:var(--spacing-medium);background-color:var(--color-surface);border:1px solid var(--color-tertiary);border-radius:var(--spacing-medium);padding:.3rem .8rem;cursor:pointer;transition:all .2s ease;color:var(--color-text);font-size:var(--font-size-regular);font-weight:500;font-family:Montserrat;min-width:8rem;justify-content:center}.audio-button:hover:not(:disabled){transform:scale(1.02)}.audio-button:active:not(:disabled){transform:translateY(0)}.audio-button:disabled{cursor:default;opacity:.6;background-color:var(--color-background-light)}.audio-button.playing{background-color:var(--color-secondary);border-color:var(--color-primary);color:var(--color-white)}.audio-button .material-symbols-outlined,.icon-small{font-size:var(--font-size-extra-large)}.text-small{font-size:var(--font-size-regular)}.gender-toggle-group{display:flex;align-items:center;gap:var(--spacing-medium)}.gender-toggle-label{font-size:var(--font-size-regular);color:var(--color-dark-gray);white-space:nowrap}.gender-toggle{display:flex;border:1px solid var(--color-tertiary);border-radius:var(--spacing-medium);overflow:hidden;background-color:var(--color-surface);flex-shrink:0}.gender-toggle-btn{padding:var(--spacing-medium) var(--spacing-default);font-size:var(--font-size-regular);font-weight:700;border:none;background:transparent;cursor:pointer;color:var(--color-dark-gray);line-height:1;opacity:.5}.gender-toggle-btn.active{background-color:var(--color-secondary);color:var(--color-white);opacity:1}.db-toggle-button{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);font-family:Montserrat,sans-serif;font-size:var(--font-size-regular);padding:var(--spacing-default) 0;margin-top:auto;width:100%;transition:color .15s}.db-toggle-button:hover{color:var(--color-text)}.db-toggle-button .material-symbols-outlined{font-size:var(--icon-size-large);font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.dashboard-cta{margin-top:var(--spacing-double);margin-bottom:calc(var(--spacing-double) * 2);display:flex;flex-direction:column;gap:var(--spacing-large)}.dashboard-cta .db-section-label{margin-bottom:var(--spacing-small)}.dashboard-cta .textarea-wrapper{width:100%}.dashboard-cta-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-large)}.db-heatmap{display:flex;flex-direction:column;gap:var(--spacing-large)}.db-heatmap-days{display:flex;gap:var(--spacing-large)}.db-heatmap-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-default)}.db-heatmap-day{width:100%;aspect-ratio:1;border-radius:var(--spacing-medium);max-width:2rem}.db-heatmap-label{font-size:var(--font-size-regular);color:var(--color-dark-gray)}.db-heatmap-status{margin-top:var(--spacing-large);font-size:var(--font-size-regular);color:var(--color-text-secondary)}.db-level-0{background-color:var(--color-background-light)}.db-level-1{background-color:var(--color-green-soft)}.db-level-2{background-color:var(--color-green-hard)}.db-tier{display:flex;flex-direction:column;gap:var(--spacing-large)}.db-tier-header{display:flex;justify-content:space-between;align-items:center}.db-tier-header .db-section-label{margin-bottom:0}.db-tier-label{font-size:var(--font-size-regular);color:var(--color-text-secondary)}.db-tier-bar{height:var(--spacing-default);background-color:var(--color-background-light);border-radius:var(--spacing-medium);overflow:hidden}.db-tier-bar-fill{height:100%;background-color:var(--color-secondary);border-radius:var(--spacing-medium);transition:width .4s ease}.db-words-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-double);margin-bottom:var(--spacing-double)}.db-section-label{font-size:var(--font-size-large);font-weight:700;color:var(--color-text);margin-top:0;margin-bottom:var(--spacing-large)}.pages-container .stat-value{color:var(--color-secondary)!important}.dashboard-cta-actions .button{width:auto}.db-word-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-large)}.db-word-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-regular);color:var(--color-text)}.db-word-rank{font-size:var(--font-size-regular);color:var(--color-dark-gray)}.db-empty-message{color:var(--color-dark-gray);font-size:var(--font-size-regular)}.db-word-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-default)}.db-word-tag{background-color:var(--color-background-light);border-radius:var(--spacing-large);padding:var(--spacing-small) var(--spacing-large);font-size:var(--font-size-regular);color:var(--color-text-secondary)}.db-word-tag-learned{background-color:var(--color-gold-soft);color:var(--color-gold-text)}@media (max-width: 480px){.db-words-grid{grid-template-columns:1fr}}.progress-bar{position:fixed;bottom:0;left:0;height:4px;width:0;background-color:var(--color-primary)}.loading{cursor:wait}.buttons-row{display:flex;flex-direction:row;gap:var(--spacing-large);width:100%;justify-content:flex-end}.continue-screen-container{min-width:80%;padding:clamp(8px,4rem,5dvw);padding-bottom:0;display:flex;flex-direction:column;margin-top:var(--spacing-double)}.continue-message{text-align:center;margin:0;color:var(--color-text)}.continue-preview{background-color:var(--color-background);border-radius:var(--spacing-medium);padding:var(--spacing-large);margin:var(--spacing-large) 0}.continue-preview-label{font-size:var(--font-size-regular);font-weight:600;margin:0 0 .5rem;color:var(--color-white)}.continue-preview-text{font-size:var(--font-size-regular);margin:0;color:var(--color-white);line-height:1.4}.continue-buttons-container{flex-direction:row!important;gap:var(--spacing-large);justify-content:center}.train-session-content{width:100%}.feedbacks-table{margin-top:var(--spacing-large);width:100%;border-collapse:collapse;table-layout:fixed}.feedback-row{display:flex;align-items:center;margin-bottom:var(--spacing-medium);border-left:solid 1px var(--color-light-gray);padding-bottom:var(--spacing-medium);padding-top:var(--spacing-medium)}.feedback-row:hover{background-color:var(--color-light-gray)}.date-cell{width:20%;white-space:nowrap;font-size:var(--font-size-regular);text-align:center}.feedback-cell{width:80%;font-size:var(--font-size-regular);line-height:1.5rem}@media (max-width: 768px){.feedbacks-table{font-size:14px}.date-cell,.feedback-cell{padding:8px}.date-cell{font-size:12px}}@media (max-width: 480px){.feedbacks-table{font-size:13px}.date-cell,.feedback-cell{padding:6px}}.feedback-cell-delete-button{font-family:Material Symbols Outlined;margin-right:var(--spacing-medium);color:var(--color-text);background-color:transparent;font-size:var(--font-size-extra-large)}.calendar-section{background-color:var(--color-surface);border:1px solid var(--color-light-gray);border-radius:8px;padding:var(--spacing-x-large);box-shadow:0 2px 4px #0000000d;max-width:800px;margin:0 auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-extra-large);font-weight:700;margin-bottom:1.5rem;color:var(--color-text);text-transform:capitalize}.nav-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-dark-gray);transition:background-color .2s}.nav-button:hover{background-color:var(--color-background-light);color:var(--color-primary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day-header{text-align:center;font-size:var(--font-size-regular);font-weight:700;color:var(--color-dark-gray);padding-bottom:.5rem}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--color-border);font-size:var(--font-size-regular);font-weight:500;color:var(--color-text);position:relative;cursor:default}.calendar-day.empty{border:none;background:none}.level-0{background-color:var(--color-surface);border-color:var(--color-border)}.level-1{background-color:var(--color-green-soft);border-color:transparent;color:var(--color-text)}.level-2{background-color:var(--color-green-hard);border-color:transparent;color:var(--color-black)}.today-marker{font-weight:700;border:2px solid var(--color-text)!important}.calendar-legend{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:1.5rem;font-size:var(--font-size-regular);color:var(--color-dark-gray)}.legend-item{display:flex;align-items:center;gap:6px}.legend-color{width:16px;height:16px;min-height:16px;min-width:16px;border-radius:4px;border:1px solid var(--color-border)}.page-loading-container{flex:1;display:flex;justify-content:center;align-items:center}.login-redirect-link{margin-top:1rem;text-decoration:none;display:inline-block}.pages-container .stat-value{color:var(--color-primary)!important}.tiers-grid{display:flex;flex-direction:column;gap:var(--spacing-large);margin-bottom:var(--spacing-double)}.tier-card{background-color:var(--color-surface);border:1px solid var(--color-light-gray);border-radius:var(--spacing-default);padding:var(--spacing-default);box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:var(--spacing-default)}.tier-header{display:flex;justify-content:space-between;align-items:baseline}.tier-header h3{margin:0;font-size:var(--font-size-extra-large);color:var(--color-text)}.tier-percentage{font-size:var(--font-size-extra-large);font-weight:700;color:var(--color-primary)}.progress-bar-bg{width:100%;height:8px;background-color:var(--color-background-light);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-primary);border-radius:4px;transition:width .5s ease-out}.tier-details{font-size:var(--font-size-regular);color:var(--color-text);text-align:right;margin:0}.spinner{border:3px solid var(--color-background-light);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.error-message{color:var(--color-red-hard);margin-bottom:var(--spacing-large)}.retry-button{padding:.5rem 1rem;border:1px solid var(--color-light-gray);background:var(--color-surface);cursor:pointer;border-radius:4px;transition:background-color .2s}.retry-button:hover{background-color:var(--color-light-gray)}.words-section{margin-bottom:var(--spacing-double);background-color:var(--color-surface);border:1px solid var(--color-light-gray);border-radius:var(--spacing-default);padding:var(--spacing-large);box-shadow:0 2px 4px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-large)}.section-header h2{font-size:var(--font-size-extra-large);color:var(--color-text);margin:0}.section-count{font-size:var(--font-size-regular);color:var(--color-dark-gray);font-weight:500}.section-loading{display:flex;justify-content:center;padding:var(--spacing-double)}.words-table{width:100%;border-collapse:collapse}.words-table thead{background-color:var(--color-background-light)}.words-table th{text-align:left;padding:var(--spacing-default);border-bottom:2px solid var(--color-light-gray);color:var(--color-dark-gray);font-size:var(--font-size-regular);font-weight:600}.words-table .rank-col{width:60px;text-align:center}.words-table .category-col{width:130px;text-align:right}.words-table td{padding:var(--spacing-default);border-bottom:1px solid var(--color-light-gray);font-size:var(--font-size-large)}.words-table tbody tr:hover{background-color:var(--color-background-light)}.word-cell{font-weight:500;color:var(--color-text)}.rank-cell{color:var(--color-dark-gray);font-size:var(--font-size-regular);text-align:center}.category-cell{text-align:right}.tier-badge{display:inline-block;padding:.25rem .6rem;border-radius:12px;font-size:var(--font-size-regular);font-weight:600;white-space:nowrap;background-color:var(--color-green-soft);color:var(--color-green-text)}.tier-badge.top100{background-color:var(--color-green-soft);color:var(--color-green-text)}.tier-badge.top500{background-color:var(--color-green-hard);color:var(--color-green-text-dark)}.tier-badge.top1000{background-color:var(--color-secondary);color:var(--color-white)}.tier-badge.top2000{background-color:var(--color-red-soft);color:var(--color-red-text)}.tier-badge.top5000{background-color:var(--color-red-hard);color:var(--color-white)}.load-more-button{width:100%;margin-top:.5rem;padding:.75rem;text-align:center}.learned-words-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-default)}.learned-word-item{padding:.75rem .9rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-background-light);color:var(--color-text);font-weight:500;text-align:center}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-large);gap:var(--spacing-large)}.pagination-controls button{padding:.5rem 1rem;min-width:100px}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:var(--font-size-regular);color:var(--color-dark-gray);text-align:center;flex:1}.empty-message{text-align:center;padding:var(--spacing-double);color:var(--color-dark-gray);font-style:italic}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.words-table{font-size:var(--font-size-regular)}.words-table th,.words-table td{padding:.5rem}.pagination-controls{flex-direction:column}.pagination-controls button{width:100%}.learned-words-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.learned-words-grid{grid-template-columns:1fr}}.event-data-section{margin-bottom:4px}.admin-content{width:100%;padding:var(--spacing-double) clamp(1rem,4vw,2rem);box-sizing:border-box}.admin-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--spacing-double);gap:var(--spacing-large)}.filter-buttons{display:flex;gap:var(--spacing-small)}.filter-buttons button{padding:var(--spacing-small) var(--spacing-default);border:1px solid var(--color-light-gray);color:var(--color-text-secondary);background-color:transparent;border-radius:4px;cursor:pointer;font-size:var(--font-size-regular);transition:all .2s ease}.filter-buttons button:hover{border-color:var(--color-dark-gray);color:var(--color-text)}.filter-buttons button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.loading{text-align:center;padding:3rem;font-size:var(--font-size-extra-large);color:var(--color-text)}.error-message{background:var(--color-red-soft);border:2px solid var(--color-red-hard);color:var(--color-red-hard);padding:var(--spacing-large);border-radius:8px;margin:var(--spacing-large) 0}.metrics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-x-large);margin-bottom:var(--spacing-double)}.metric-card{background:var(--color-background-light);border:2px solid var(--color-primary);border-radius:12px;padding:var(--spacing-x-large);text-align:center;transition:transform .3s ease}.metric-card:hover{transform:translateY(-4px)}.metric-value{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.metric-label{font-size:var(--font-size-regular);color:var(--color-text-secondary);letter-spacing:.5px}.sessions-table{background:transparent;border:1px solid var(--color-border);border-radius:var(--spacing-default);overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.sessions-table table{width:100%;border-collapse:collapse;table-layout:fixed;table-sizing:fixed}.sessions-table thead{background-color:var(--color-background-light)}.sessions-table th{padding:.6rem .5rem;text-align:left;font-weight:600;font-size:var(--font-size-regular);color:var(--color-text-secondary);background-color:var(--color-background-light);border-bottom:1px solid var(--color-border);white-space:normal;word-break:break-word;overflow-wrap:break-word;overflow:hidden;max-width:100%}.sessions-table tbody tr{cursor:pointer}.sessions-table tbody tr.session-row:hover{background:var(--color-background-light)}.sessions-table tbody tr.session-row.expanded{background:var(--color-primary-soft)}.sessions-table td{padding:.6rem .5rem;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-regular);white-space:nowrap;overflow:hidden;text-overflow:clip;max-width:100%}.session-row{font-size:var(--font-size-regular)}.session-details-row td{white-space:normal;overflow:visible;word-break:break-word;overflow-wrap:break-word}.status-badge{display:inline-block;padding:.2rem .5rem;border-radius:8px;font-size:var(--font-size-regular);font-weight:600;white-space:nowrap}.no-sessions{padding:3rem;text-align:center;color:var(--color-text-secondary)}.session-details-expanded{padding:var(--spacing-small);max-width:100%;box-sizing:border-box}.details-loading,.details-error{padding:var(--spacing-double);text-align:center;color:var(--color-text)}.details-header{margin-bottom:var(--spacing-x-large)}.details-header p{color:var(--color-text-secondary);margin:0}.events-timeline{display:flex;flex-direction:column;gap:var(--spacing-large);max-height:600px;max-width:100%;overflow-y:auto;overflow-x:hidden;padding-right:var(--spacing-large);box-sizing:border-box}.event-item{display:flex;gap:var(--spacing-small);padding:var(--spacing-small);background:var(--color-background-light);transition:transform .2s ease;max-width:100%;box-sizing:border-box}.event-item:hover{transform:translate(4px)}.event-item.conversion{background:var(--color-green-soft);border-left-color:var(--color-green-hard)}.event-icon{font-size:var(--font-size-extra-large);min-width:2rem;text-align:center;flex-shrink:0}.event-content{flex:1;min-width:0;max-width:100%;word-wrap:break-word}.event-header-inline{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-small)}.event-type{font-weight:600;color:var(--color-text);font-size:var(--font-size-regular);word-break:break-word;overflow-wrap:break-word}.event-time{font-size:var(--font-size-regular);color:var(--color-text-secondary);word-break:break-word;flex-shrink:0}.event-data-inline{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding:.75rem;background:var(--color-surface);border-radius:4px;border:1px solid var(--color-border);max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.data-pair{display:flex;gap:.5rem;font-size:var(--font-size-regular);max-width:100%}.data-key{font-weight:600;color:var(--color-text);flex-shrink:0}.data-value{color:var(--color-text-secondary);word-break:break-word;overflow-wrap:break-word;max-width:100%;white-space:normal}.event-data-inline .error{background-color:var(--color-red-soft)}.event-data-inline .error:hover{background-color:var(--color-red-hard)}.event-data-inline .correction{background-color:var(--color-green-soft)}.event-data-inline .correction:hover{background-color:var(--color-green-hard)}.conversion-badge-inline{margin-top:.5rem;padding:.5rem 1rem;background:var(--color-green-soft);color:var(--color-green-text);border-radius:6px;font-weight:600;text-align:center}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{transform:translateY(-2px);background-color:var(--color-light-gray)}.stat-card.active{border-color:var(--color-primary)}.stat-card .stat-value{font-size:var(--font-size-large);color:var(--color-primary);line-height:1.2}.stat-card.session-stat{border-color:var(--color-light-gray)}.stat-card.session-stat .stat-value{color:var(--color-text)}.stat-card.session-stat.active{border-color:var(--color-primary)}.session-header{margin-bottom:var(--spacing-double);display:flex;flex-direction:column;gap:var(--spacing-large)}.session-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-large);margin-bottom:var(--spacing-double)}.summary-item{display:flex;flex-direction:column;gap:var(--spacing-small)}.summary-label{font-size:var(--font-size-regular);color:var(--color-text-secondary)}.summary-value{font-size:var(--font-size-large);font-weight:600;color:var(--color-text)}.status-badge{display:inline-block;padding:var(--spacing-small) var(--spacing-default);border-radius:var(--spacing-medium);font-size:var(--font-size-regular);font-weight:600;width:fit-content}.status-badge.converted{background:var(--color-green-soft);color:var(--color-green-text)}.status-badge.anonymous{background:var(--color-background-light);color:var(--color-text-secondary)}.timeline-container{margin-bottom:var(--spacing-double)}.timeline{position:relative;padding-left:var(--spacing-double)}.timeline:before{content:"";position:absolute;left:1.5rem;top:0;bottom:0;width:2px;background:var(--color-primary)}.timeline-event{position:relative;margin-bottom:var(--spacing-double);padding-left:var(--spacing-double)}.timeline-event.conversion-event{background:var(--color-gold-soft);border:2px solid var(--color-gold);border-radius:var(--spacing-default);padding:var(--spacing-large);margin-left:-1rem}.timeline-marker{position:absolute;left:0;top:0;width:3rem;height:3rem;background:var(--color-surface);border:3px solid var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.conversion-event .timeline-marker{border-color:var(--color-gold);background:var(--color-gold-soft)}.event-icon{font-size:var(--font-size-extra-large)}.timeline-content{background:var(--color-background-light);border-radius:var(--spacing-default);padding:var(--spacing-large)}.conversion-event .timeline-content{background:transparent;padding:var(--spacing-default) 0}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-default);flex-wrap:wrap;gap:var(--spacing-default)}.event-type{font-weight:600;color:var(--color-primary);font-size:var(--font-size-regular)}.event-time{font-size:var(--font-size-regular);color:var(--color-text-secondary)}.event-user{font-size:var(--font-size-regular);color:var(--color-text-secondary);margin-bottom:var(--spacing-default)}.event-data{margin-top:var(--spacing-default);padding:var(--spacing-default);background:var(--color-surface);border-radius:var(--spacing-medium);border:1px solid var(--color-border)}.event-data-item{display:flex;gap:var(--spacing-default);margin-bottom:var(--spacing-small);font-size:var(--font-size-regular)}.event-data-item:last-child{margin-bottom:0}.event-data-key{font-weight:600;color:var(--color-text-secondary)}.event-data-value{color:var(--color-text);word-break:break-word}.conversion-badge{margin-top:var(--spacing-default);padding:var(--spacing-default) var(--spacing-large);background:var(--color-gold-soft);border-radius:var(--spacing-default);font-weight:600;color:var(--color-gold-text);text-align:center}@media (max-width: 768px){.session-summary{grid-template-columns:1fr}.timeline{padding-left:var(--spacing-large)}.timeline:before{left:.75rem}.timeline-event{padding-left:var(--spacing-large)}.timeline-marker{width:2.5rem;height:2.5rem}.event-icon{font-size:var(--font-size-large)}}.pricing-price{display:block;font-size:1.3rem;font-weight:700;margin-top:4px}.pricing-price-sub{font-size:.75rem;font-weight:400;opacity:.8}.pricing-centered{flex:1;display:flex;justify-content:center;align-items:center}.pricing-error-widget{width:fit-content}.pricing-subscribed-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.pricing-subscribed-box{text-align:center;padding:var(--spacing-double);background-color:var(--color-surface);border-radius:12px;width:100%;max-width:400px}.pricing-subscribed-title{margin-bottom:var(--spacing-large);color:var(--color-text);font-size:var(--font-size-page-title)}.pricing-header{text-align:center}.pricing-tabs-mobile{display:none;justify-content:center;margin-bottom:var(--spacing-large);background-color:var(--color-background-light);border-radius:8px;padding:var(--spacing-small);width:fit-content;margin-left:auto;margin-right:auto}.pricing-tab{padding:var(--spacing-default) var(--spacing-large);border:none;background:transparent;cursor:pointer;border-radius:6px;font-size:var(--font-size-large);font-weight:500;color:var(--color-text);transition:all .2s ease}.pricing-tab.active{background-color:var(--color-surface);box-shadow:0 2px 4px #0000000d}.pricing-table-wrapper{margin-bottom:var(--spacing-double);width:100%}.pricing-table{width:100%;border-collapse:collapse;text-align:center;background-color:var(--color-surface);border-radius:12px;overflow:hidden}.pricing-table thead tr{border-bottom:1px solid var(--color-border)}.pricing-table th{padding:1.5rem}.pricing-table th:first-child{text-align:left;width:40%}.pricing-table th:nth-child(2){width:30%}.pricing-table th:nth-child(3){width:30%}.pricing-table td{padding:var(--spacing-large) 1.5rem}.pricing-feature-row{border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .2s}.pricing-feature-row:hover{background-color:var(--color-border)}.pricing-feature-row.expanded{border-bottom:none;background-color:transparent}.pricing-table tbody tr:last-child{border-bottom:none}.pricing-feature-title{display:flex;justify-content:flex-start;align-items:center;text-align:left;font-weight:500;gap:.5rem}.expand-icon{font-family:Material Symbols Outlined;font-size:1.25rem;color:var(--color-text-secondary);transition:transform .2s}.pricing-description-row{background-color:transparent;border-bottom:1px solid var(--color-border)}.pricing-description-cell{padding:0 0 var(--spacing-large) 0!important;text-align:left!important;font-size:var(--font-size-regular);color:var(--color-text-secondary)}.pricing-description-cell p{margin:0 1.5rem}.premium-col{background-color:var(--color-background-light);transition:background-color .2s}.pricing-feature-row:hover .premium-col{background-color:var(--color-border)}.pricing-buttons{display:flex;gap:var(--spacing-large);justify-content:end}@media (max-width: 768px){.pricing-table th:first-child{width:60%}.pricing-table th:nth-child(2),.pricing-table th:nth-child(3){width:40%}.pricing-tabs-mobile{display:flex}.free-col:not(.mobile-visible),.premium-col:not(.mobile-visible){display:none}.pricing-feature-title{font-size:.95rem}.pricing-description-cell{font-size:.85rem}.pricing-buttons{justify-content:center;flex-direction:column}.pricing-buttons button{width:100%}}.pricing-check-icon{color:var(--color-green-hard);font-size:1.25rem}.lp-hero{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem var(--spacing-large) 2.5rem}.lp-hero-headline{font-size:1.6rem;font-weight:700;line-height:1.25;color:var(--color-text);margin:0 0 1rem}.lp-hero-sub{font-size:var(--font-size-large);color:var(--color-text-secondary);line-height:1.5;max-width:480px;margin:0 0 1.5rem;text-align:center;cursor:default}.lp-cta-button{align-self:center!important;transform:none!important;animation:none!important;width:100%;max-width:320px;padding:.9rem 1.5rem;font-size:var(--font-size-large);margin:0}.lp-hero-since{font-size:var(--font-size-regular);color:var(--color-text-secondary);margin:0 0 1.5rem;text-align:center;cursor:default}.lp-cta-hint{font-size:var(--font-size-regular);color:var(--color-dark-gray);margin-top:var(--spacing-default);text-align:center}.lp-email-form{display:flex;flex-direction:row;gap:.5rem;width:100%;max-width:520px;align-items:stretch}.lp-email-input{flex:1;padding:.9rem 1rem;font-size:var(--font-size-large);border:1px solid var(--color-border);border-radius:.4rem;outline:none;min-width:0}.lp-email-input:focus{border-color:var(--color-primary)}@keyframes input-pulse{0%,35%,50%,to{box-shadow:0 0 #0049a800}18%{box-shadow:0 0 0 6px #0049a826}}@keyframes button-pulse{0%,50%,85%,to{box-shadow:0 0 #fff0}68%{box-shadow:0 0 0 6px #ffffff59}}.lp-email-input{animation:input-pulse 3s ease-in-out infinite}.lp-email-input:focus{animation:none}.lp-email-form .lp-cta-button{animation:button-pulse 3s ease-in-out infinite!important}.lp-email-form:focus-within .lp-cta-button{animation:none!important}.lp-email-form .lp-cta-button,.lp-email-form .lp-final-cta-button{width:auto;max-width:none;white-space:nowrap;flex-shrink:0;align-self:auto!important}@media (max-width: 600px){.lp-email-form{flex-direction:column}.lp-email-form .lp-cta-button,.lp-email-form .lp-final-cta-button{width:100%}}.lp-section{width:100%;box-sizing:border-box;padding:2.5rem clamp(1rem,5vw,2rem)}.lp-section-alt{background-color:var(--color-background-light)}.lp-section-title{font-size:var(--font-size-page-title);font-weight:700;text-align:center;color:var(--color-text);margin:0 0 1.5rem}.lp-section-cta{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem}.lp-section-cta-label{font-size:var(--font-size-large);font-weight:600;color:var(--color-text);text-align:center;margin:0}.lp-steps{display:flex;flex-direction:column;gap:var(--spacing-large);margin-bottom:var(--spacing-double)}.lp-step{display:flex;align-items:flex-start;gap:.75rem}.lp-step-number{width:1.8rem;height:1.8rem;background-color:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-regular);flex-shrink:0}.lp-step-text{font-size:var(--font-size-large);line-height:1.4;color:var(--color-text);margin:0;padding-top:.2rem;text-align:left;cursor:default}.lp-demo-label{font-size:var(--font-size-regular);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem;text-align:center;cursor:default}.lp-demo-box{border:1px solid var(--color-border);border-radius:.5rem;padding:var(--spacing-large);background-color:var(--color-surface)}.lp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-large)}.lp-feature-card{border:1px solid var(--color-border);border-radius:.5rem;padding:var(--spacing-large);background-color:var(--color-surface)}.lp-feature-icon{font-size:var(--font-size-extra-large);margin:0 0 .4rem}.lp-feature-icon-material{display:flex;align-items:center}.lp-feature-icon-material .material-symbols-outlined{font-size:1.4rem}.lp-feature-title{font-size:var(--font-size-large);font-weight:700;color:var(--color-text);margin:0 0 .4rem}.lp-feature-desc{font-size:var(--font-size-regular);color:var(--color-text-secondary);line-height:1.4;margin:0}.lp-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-large);margin-bottom:var(--spacing-x-large)}.lp-plan{border:1px solid var(--color-border);border-radius:.5rem;padding:var(--spacing-x-large) var(--spacing-large);text-align:center;background-color:var(--color-surface)}.lp-plan-premium{border:2px solid var(--color-primary)}.lp-plan-name{font-size:var(--font-size-regular);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 .4rem}.lp-plan-price{font-size:1.8rem;font-weight:700;color:var(--color-text);margin:0 0 .2rem}.lp-plan-price-sub{font-size:var(--font-size-regular);color:var(--color-dark-gray);margin:0 0 1rem}.lp-plan-features{list-style:none;padding:0;margin:0 auto;width:fit-content;text-align:left}.lp-plan-features li{font-size:var(--font-size-regular);color:var(--color-text);padding:.3rem 0}.lp-final-cta{width:100%;box-sizing:border-box;background-color:var(--color-primary);display:flex;flex-direction:column;align-items:center;padding:3rem var(--spacing-large);text-align:center;gap:.75rem}.lp-final-cta h2{color:#fff;font-size:1.3rem;margin:0}.lp-final-cta p{color:#ffffffd9;font-size:var(--font-size-large);margin:0;text-align:center;cursor:default}.lp-final-cta-button{background-color:#fff;color:var(--color-primary);align-self:center;transform:none;animation:none;width:100%;max-width:280px;padding:.9rem 1.5rem;font-size:var(--font-size-large);font-weight:700;margin-top:.5rem}.lp-final-cta-button:hover{transform:scale(1.02)!important}.pronunciation-page .info-container{padding-top:var(--spacing-large);width:100%}.pronunciation-text-row{display:flex;align-items:center;gap:var(--spacing-default);width:100%}.pronunciation-text-content{flex:1;min-width:0}.pronunciation-text-btn-slot{width:2.5rem;height:2.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pronunciation-round-btn{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--color-tertiary);background-color:var(--color-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:all .2s ease}.pronunciation-round-btn:hover:not(:disabled){background-color:var(--color-background-light)}.pronunciation-round-btn:disabled{opacity:.6;cursor:default}.pronunciation-round-btn.playing{background-color:var(--color-secondary);border-color:var(--color-primary);color:var(--color-white)}.pronunciation-audio-controls{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-default);margin-top:calc(var(--spacing-default) * -.5);margin-bottom:var(--spacing-default)}.pronunciation-record-section{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-medium);margin-top:var(--spacing-default);margin-bottom:var(--spacing-default)}.pronunciation-record-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-medium)}.recording-status{display:flex;align-items:center;justify-content:center;gap:var(--spacing-default);margin-top:var(--spacing-medium)}.recording-hint{font-size:var(--font-size-regular);color:var(--color-text-secondary)}.recording-indicator{display:flex;align-items:center;gap:3px}.recording-bar{display:block;width:3px;border-radius:3px;background-color:var(--color-primary);animation:recording-wave 1s ease-in-out infinite}.recording-bar:nth-child(1){animation-delay:0s;height:8px}.recording-bar:nth-child(2){animation-delay:.15s;height:8px}.recording-bar:nth-child(3){animation-delay:.3s;height:8px}.recording-bar:nth-child(4){animation-delay:.45s;height:8px}.recording-bar:nth-child(5){animation-delay:.6s;height:8px}.pronunciation-result-area{min-height:5rem}.pronunciation-analyzing{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-medium);padding:var(--spacing-large) 0;min-height:5rem}.pronunciation-analyzing-text{font-size:var(--font-size-regular);color:var(--color-text-secondary)}.pronunciation-result-text{line-height:1}.pronunciation-result-text .correction,.pronunciation-result-text .error{display:inline-block;padding:3px 7px;margin-right:5px;margin-bottom:6px;border-radius:4px}.pronunciation-bottom-actions{display:flex;justify-content:flex-end;gap:var(--spacing-default);margin-top:var(--spacing-large);padding-bottom:var(--spacing-double)}.word-clickable{cursor:pointer}.word-loading{animation:word-pulse .8s ease-in-out infinite}@keyframes word-pulse{0%,to{opacity:1}50%{opacity:.35}}.pronunciation-word-hint{font-size:var(--font-size-regular);color:var(--color-dark-gray);margin-top:calc(var(--spacing-default) * -.5);margin-bottom:var(--spacing-default)}html,body{scroll-behavior:auto!important}body,textarea{box-sizing:border-box;margin:0;padding:0}a{margin:0;padding:0;color:inherit;text-decoration:inherit}h1{margin:0}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}:root{--color-white: white;--color-black: black;--color-surface: white;--color-light-gray: #bbb;--color-dark-gray: #999;--color-primary: hsl(214, 100%, 33%);--color-primary-soft: hsl(214, 70%, 90%);--color-secondary: hsla(214, 100%, 33%, .6);--color-tertiary: #bbb;--color-background: #444;--color-background-light: #f5f5f5;--color-green-soft: #bbf7d0;--color-green-hard: #4ade80;--color-green-text: #166534;--color-green-text-dark: #065f46;--color-red-soft: #fecaca;--color-red-hard: #f87171;--color-red-text: #991b1b;--color-gold: #f59e0b;--color-gold-soft: #fde68a;--color-gold-text: #713f12;--color-text: #333;--color-text-secondary: #666;--color-border: #ddd;--color-word-learned-bg: #fff9c4;--color-word-learned-bg-hover: #fff176;--color-word-known-bg: #c8e6c9;--color-word-known-bg-hover: #a5d6a7;--color-word-cooldown-bg: #e0e0e0;--color-word-cooldown-text: #616161;--color-word-cooldown-bg-hover: #bdbdbd;--color-word-cooldown-text-hover: #424242;--color-word-error-bg: #ffcdd2;--color-word-error-text: #c62828;--color-word-error-bg-hover: #ef9a9a;--color-word-error-text-hover: #b71c1c;--color-star: #ffa000;--color-tooltip-bg: rgba(0, 0, 0, .9);--color-tooltip-text: var(--color-white)}[data-theme=dark]{--color-surface: #1c1c1e;--color-background: #111111;--color-background-light: #2a2a2a;--color-text: #e8e8e8;--color-text-secondary: #aaaaaa;--color-light-gray: #444444;--color-dark-gray: #777777;--color-border: #3a3a3a;--color-tertiary: #555555;--color-primary: hsl(214, 80%, 60%);--color-primary-soft: hsl(214, 40%, 22%);--color-secondary: hsl(214, 25%, 38%);--color-green-soft: #14532d;--color-green-hard: #4ade80;--color-green-text: #4ade80;--color-green-text-dark: #bbf7d0;--color-red-soft: #450a0a;--color-red-hard: #f87171;--color-red-text: #f87171;--color-gold-soft: #3d2e00;--color-gold: #fbbf24;--color-gold-text: #fbbf24;--color-word-learned-bg: #3d3500;--color-word-learned-bg-hover: #564c00;--color-word-known-bg: #14532d;--color-word-known-bg-hover: #166534;--color-word-cooldown-bg: #2a2a2a;--color-word-cooldown-text: #aaaaaa;--color-word-cooldown-bg-hover: #383838;--color-word-cooldown-text-hover: #cccccc;--color-word-error-bg: #450a0a;--color-word-error-text: #fca5a5;--color-word-error-bg-hover: #7f1d1d;--color-word-error-text-hover: #fecaca;--color-star: #fbbf24;--color-tooltip-bg: rgba(240, 240, 240, .95);--color-tooltip-text: #1a1a1a}:root{--spacing-small: .2rem;--spacing-medium: .4rem;--spacing-default: .8rem;--spacing-large: 1rem;--spacing-x-large: 1.5rem;--spacing-double: 2rem;--font-size-small: .4rem;--font-size-regular: .8rem;--font-size-large: 1rem;--font-size-page-title: 1.2rem;--font-size-extra-large: 1.4rem;--icon-size-small: 18px;--icon-size-medium: 22px;--icon-size-large: 28px}html{overflow-y:scroll}body{background-color:var(--color-background);color:var(--color-text);min-height:100svh}.container{background-color:var(--color-surface);margin:0 auto;max-width:800px;display:flex;flex-direction:column;min-height:100dvh;align-items:center}.centralized-container{width:100%;height:50svh;display:flex;flex-direction:column;justify-content:center;align-items:center}.centralized{margin:var(--spacing-default) 0;display:flex;justify-content:center}.info-container{padding:0 clamp(8px,4rem,5dvw);display:flex;flex-direction:column;box-sizing:border-box}.action-container{min-width:80%;display:flex;flex-direction:column;gap:var(--spacing-large);padding:clamp(8px,4rem,5dvw)}.content-standard{max-width:680px;width:100%;margin:0 auto;padding:var(--spacing-double) var(--spacing-large);box-sizing:border-box}.content-full{width:100%;padding:0 clamp(1rem,4vw,2rem);box-sizing:border-box}.content-narrow{max-width:480px;width:100%;margin:0 auto;padding:0 var(--spacing-large);box-sizing:border-box}*{font-family:Montserrat}h1{font-size:2rem}h2{font-size:1.6rem;font-weight:600}h3{font-size:var(--font-size-large);font-weight:700;text-align:left;align-self:flex-start;margin:0}p{font-size:var(--font-size-regular);text-align:left;cursor:text;margin-top:var(--spacing-large)}body.loading{cursor:wait!important}.widget{border-radius:var(--spacing-medium);min-width:16rem;margin:var(--spacing-default) 0;display:flex;justify-content:space-between;gap:var(--spacing-medium)}.widget>p{line-height:1rem;padding-left:var(--spacing-default);text-align:left;font-size:var(--font-size-regular);margin:var(--spacing-default) auto}.widget>span{font-family:Material Symbols Outlined;font-size:var(--font-size-large);line-height:1rem;width:var(--spacing-large);max-width:var(--spacing-large);max-height:var(--spacing-large);height:var(--spacing-large);margin:4px;border-radius:4px;color:var(--color-text);cursor:pointer}.tip-widget{border:solid 1px var(--color-green-hard);background-color:var(--color-green-soft)}.tip-widget>span{background-color:var(--color-green-hard);color:var(--color-black)}.error-widget{border:solid 1px var(--color-red-hard);background-color:var(--color-red-soft)}.error-widget>span{background-color:var(--color-red-hard)}[data-theme=dark] .tip-widget{border-color:var(--color-green-soft);background-color:transparent;border-left:3px solid var(--color-green-text)}[data-theme=dark] .tip-widget>span{background-color:var(--color-green-soft);color:var(--color-green-text)}[data-theme=dark] .error-widget{border-color:var(--color-red-soft);background-color:transparent;border-left:3px solid var(--color-red-text)}[data-theme=dark] .error-widget>span{background-color:var(--color-red-soft);color:var(--color-red-text)}.button{border:none;padding:var(--spacing-default);cursor:pointer;border-radius:var(--spacing-medium);transition:transform .15s ease,box-shadow .15s ease}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.button:disabled{opacity:.4;cursor:default}.primary-button{text-align:center;color:var(--color-white);background-color:var(--color-primary);font-family:Montserrat;font-weight:700;font-size:var(--font-size-regular);align-self:flex-end}.primary-button-slide{transform:translate(-40svw);animation:slide-right .6s forwards}.primary-button-pulse{animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.secondary-button{text-align:center;color:var(--color-white);background-color:var(--color-secondary);font-family:Montserrat;font-weight:700;font-size:var(--font-size-regular);align-self:flex-end}.tertiary-button{text-align:center;color:var(--color-white);background-color:var(--color-tertiary);font-family:Montserrat;font-weight:700;font-size:var(--font-size-regular);align-self:flex-end}.negative-button{background-color:var(--color-red-hard)}@keyframes slide-right{to{opacity:1;transform:translate(0)}}textarea{width:100%;margin-top:var(--spacing-default);padding:var(--spacing-default);border-radius:var(--spacing-medium);border:2px solid var(--color-light-gray);font-family:Montserrat;font-size:var(--font-size-large);resize:none;overflow:visible;scroll-margin:0;background-color:var(--color-surface);color:var(--color-text)}.spinner{border:.5rem solid var(--color-tertiary);border-top:.5rem solid var(--color-primary);border-radius:50%;width:2rem;height:2rem;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}ul{width:100%;box-sizing:border-box}ul li{font-size:var(--font-size-large)}ol{margin:var(--spacing-large);font-family:Montserrat;font-size:var(--font-size-large);counter-reset:list-counter;list-style-type:none;padding-left:0}ol>li:not(:last-child){margin-bottom:var(--spacing-large)}ol li{position:relative;padding-left:var(--spacing-double);font-size:var(--font-size-large);counter-increment:list-counter}ol li:before{font-size:var(--font-size-regular);content:counter(list-counter);background-color:var(--color-green-hard);color:var(--color-black);font-weight:700;border-radius:50%;font-variant-numeric:tabular-nums;width:1.5rem;height:1.5rem;line-height:1.5rem;display:flex;align-items:center;justify-content:center;position:absolute;text-align:center;left:0;top:0}input{width:100%;margin:0;padding:var(--spacing-large);border-radius:var(--spacing-default);border:2px solid var(--color-tertiary);font-family:Montserrat;font-size:var(--font-size-regular);box-sizing:border-box;background-color:var(--color-surface);color:var(--color-text)}input:focus{outline:none;border-color:var(--color-primary)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;-webkit-text-fill-color:var(--color-text)}.form-area{display:flex!important;flex-direction:column;margin-top:var(--spacing-large);width:clamp(180px,80%,300px)!important;gap:100px}form{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-large)}.form-actions{display:flex;flex-direction:column;gap:var(--spacing-default);width:100%}.form-actions .button{width:100%}.form-group{width:100%;box-sizing:border-box}.form-group label{display:block;font-family:Montserrat;font-size:var(--font-size-regular);margin-bottom:var(--spacing-medium)}.text-size-large{font-size:var(--font-size-large)}.tips-fixed-space{display:flex;flex-direction:column;justify-content:center;min-height:8rem;max-height:8rem}.tips-fixed-space ul{height:6rem;list-style-type:none;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing-large);padding:0;margin:0}.tips-fixed-space li{background-color:var(--color-tertiary);line-height:2rem;padding:0 var(--spacing-default);border-radius:var(--spacing-medium);cursor:text;font-family:Montserrat;font-size:var(--font-size-large);text-align:center}.pages-container{width:100%;padding:var(--spacing-double) clamp(8px,4rem,5dvw);box-sizing:border-box;flex:1;display:flex;flex-direction:column}.pages-header{margin-bottom:var(--spacing-double)}.pages-header h1{font-size:var(--font-size-page-title);color:var(--color-text);margin-bottom:var(--spacing-large)}.pages-header p{color:var(--color-text);font-size:var(--font-size-large)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-large);flex-wrap:wrap;gap:var(--spacing-default)}.user-stats-container,.session-stats-container{margin-bottom:var(--spacing-double)}.stats-container{display:flex;flex-wrap:wrap;gap:var(--spacing-default);width:100%;margin-bottom:var(--spacing-double)}.stat-card{border:1px solid var(--color-light-gray);border-radius:var(--spacing-default);padding:var(--spacing-default);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:start}.stat-value{font-size:var(--font-size-large);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-small)}.stat-label{font-size:var(--font-size-regular);color:var(--color-text);text-align:center}.loading-state,.error-state{display:flex;justify-content:center;align-items:center;min-height:300px;flex-direction:column}.clickable{cursor:pointer}.card{border:1px solid var(--color-light-gray);border-radius:var(--spacing-default);padding:var(--spacing-default);margin-bottom:var(--spacing-double)}.card.clickable:hover{border-color:var(--color-dark-gray)}.widget-spaced{margin-bottom:var(--spacing-large)}.widget-centered{text-align:center}.field-hint-error{color:var(--color-word-error-text);font-size:var(--font-size-regular);margin-top:.25rem;display:block;text-align:right}.form-actions-row{display:flex;gap:var(--spacing-default);margin-top:var(--spacing-default);width:100%}.form-actions-row .button{flex:1;margin:0;width:auto;align-self:auto}.form-actions-row .primary-button{transform:none;animation:none}.form-actions-end{display:flex;justify-content:flex-end;margin-top:var(--spacing-large)}.textarea-wrapper{position:relative}.textarea-wrapper textarea{padding-bottom:2.2rem;width:100%;box-sizing:border-box}.textarea-mic-inline-error{position:absolute;bottom:var(--spacing-default);right:calc(var(--spacing-default) + 2rem);color:var(--color-red-hard);font-size:var(--font-size-small);white-space:nowrap;pointer-events:none}.textarea-mic-btn{position:absolute;bottom:var(--spacing-default);right:var(--spacing-default);background:none;border:none;cursor:pointer;color:var(--color-dark-gray);padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--spacing-medium);transition:color .2s}.textarea-mic-btn:hover:not(:disabled){color:var(--color-primary)}.textarea-mic-btn:disabled{cursor:default}.textarea-mic-btn.recording{color:var(--color-red-text);animation:mic-pulse 1s ease-in-out infinite}@keyframes mic-pulse{0%,to{opacity:1}50%{opacity:.4}}.textarea-recording-indicator{position:absolute;bottom:var(--spacing-default);right:calc(var(--spacing-default) + 1.8rem);display:flex;align-items:center;gap:3px}.textarea-recording-indicator .recording-bar{display:block;width:3px;height:8px;border-radius:3px;background-color:var(--color-primary);animation:recording-wave 1s ease-in-out infinite;transform-origin:bottom center}.textarea-recording-indicator .recording-bar:nth-child(1){animation-delay:0s}.textarea-recording-indicator .recording-bar:nth-child(2){animation-delay:.15s}.textarea-recording-indicator .recording-bar:nth-child(3){animation-delay:.3s}.textarea-recording-indicator .recording-bar:nth-child(4){animation-delay:.45s}.textarea-recording-indicator .recording-bar:nth-child(5){animation-delay:.6s}@keyframes recording-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(3.5)}}.password-wrapper{position:relative}.password-wrapper input{padding-right:2.8rem}.password-toggle-btn{position:absolute;right:var(--spacing-default);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-dark-gray);padding:0;display:flex;align-items:center;justify-content:center}.password-toggle-btn:hover{color:var(--color-primary)}