.modal{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;border:none;border-radius:var(--radius-lg);padding:0;max-width:90vw;max-height:90vh;background:var(--color-surface-container-lowest);color:var(--color-on-surface);box-shadow:var(--shadow-3);overflow:visible;overscroll-behavior:contain}.modal::backdrop{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal--sm{width:400px}.modal--md{width:520px}.modal--lg{width:680px}.modal__content{display:flex;flex-direction:column;max-height:85vh}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);padding-bottom:var(--space-sm);gap:var(--space-md)}.modal__title{font-size:var(--font-title);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-on-surface-variant);transition:background-color var(--transition-fast);flex-shrink:0}.modal__close:hover{background-color:var(--color-surface-container-high)}.modal__body{padding:var(--space-lg);overflow-y:auto;overscroll-behavior:contain}@media(max-width:600px){.modal{max-width:95vw;border-radius:var(--radius-md)}.modal--sm,.modal--md,.modal--lg{width:95vw}}.login-modal{overflow:visible}.login-modal .modal__content{overflow:hidden;border-radius:inherit}.login-modal .modal__body{padding:0}.login__content{display:flex;flex-direction:column}.login__banner{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--color-brand-banner);display:flex;align-items:center;justify-content:center;overflow:hidden}.login__banner-image{width:min(76%,420px);height:90%;object-fit:contain}.login__banner-close{position:absolute;top:var(--space-sm);left:var(--space-sm);width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-on-surface);background:color-mix(in srgb,var(--color-surface-container-lowest) 78%,transparent);border:1px solid color-mix(in srgb,var(--color-outline-variant) 70%,transparent);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.login__banner-close:hover{background:color-mix(in srgb,var(--color-surface-container-lowest) 92%,transparent);border-color:color-mix(in srgb,var(--color-outline) 70%,transparent)}.login__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm);padding:var(--space-lg);padding-bottom:var(--space-md)}.login__title{font-size:var(--font-title);font-weight:var(--font-weight-bold);font-family:var(--font-brand-family);font-kerning:normal;letter-spacing:var(--font-brand-letter-spacing);color:var(--color-on-surface);margin:0}.login__subtitle{font-size:var(--font-label);color:var(--color-on-surface-variant);margin:0}.login__methods{display:flex;flex-direction:column;gap:var(--space-md);padding:0 var(--space-lg) var(--space-lg)}.login__email-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;max-width:350px;height:40px;margin:0 auto;padding:0 var(--space-md);border-radius:var(--radius-md);font-size:var(--font-body);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.login__email-btn{background:var(--color-primary);color:var(--color-on-primary)}.login__email-btn:hover{opacity:.9}.login__google{display:flex;flex-direction:column;gap:var(--space-sm)}.login__google-btn-container{width:100%;max-width:350px;min-height:40px;display:block;margin:0 auto}.login__google-btn-container>div{width:100%;max-width:100%}.login__google-btn-container iframe{max-width:100%}.login__google-btn-container--loading{pointer-events:none;opacity:.65}.login__divider{display:flex;align-items:center;gap:var(--space-md);color:var(--color-on-surface-variant);font-size:var(--font-caption)}.login__divider:before,.login__divider:after{content:"";flex:1;height:1px;background:var(--color-outline-variant)}.login__form{display:flex;flex-direction:column;gap:var(--space-md);padding:0 var(--space-lg) var(--space-lg)}.login__label{font-size:var(--font-label);font-weight:var(--font-weight-medium);color:var(--color-on-surface)}.login__input{width:100%;padding:var(--space-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container-lowest);color:var(--color-on-surface);font-size:var(--font-body);transition:border-color var(--transition-fast);outline:none}.login__input:focus{border-color:var(--color-primary)}.login__input--otp{text-align:center;font-size:var(--font-headline);font-weight:var(--font-weight-bold);letter-spacing:.5em}.login__error{color:var(--color-error);font-size:var(--font-caption);text-align:center;margin:0}.login__submit{width:100%;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-body);font-weight:var(--font-weight-semibold);transition:opacity var(--transition-fast)}.login__submit:hover:not(:disabled){opacity:.9}.login__submit:disabled{opacity:.5;cursor:not-allowed}.login__otp-hint{font-size:var(--font-label);color:var(--color-on-surface-variant);text-align:center;margin:0}.login__otp-actions{display:flex;justify-content:center;gap:var(--space-lg)}.login__link{font-size:var(--font-caption);color:var(--color-primary);font-weight:var(--font-weight-medium);transition:opacity var(--transition-fast)}.login__link:hover:not(:disabled){opacity:.8}.login__link:disabled{color:var(--color-on-surface-variant);cursor:default}.settings{display:flex;flex-direction:column;gap:var(--space-lg)}.settings__section{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant)}.settings__section-title{font-size:var(--font-label);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin:0}.settings__muted{color:var(--color-on-surface-variant);margin:0}.settings__logged-out{display:flex;flex-direction:column;gap:var(--space-sm)}.settings__logged-out p{margin:0;color:var(--color-on-surface-variant)}.settings__account{display:flex;flex-direction:column;gap:var(--space-md)}.settings__info{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm) var(--space-lg);margin:0}.settings__info dt{font-size:var(--font-label);color:var(--color-on-surface-variant)}.settings__info dd{margin:0;font-size:var(--font-label);color:var(--color-on-surface)}.settings__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.settings__action{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--color-outline-variant);background:var(--color-surface-container);color:var(--color-on-surface);font-size:var(--font-label);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),transform var(--transition-fast)}.settings__action:hover{background:var(--color-surface-container-high);transform:translateY(-1px)}.settings__action--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:transparent}.settings__action--danger{border-color:var(--color-error);color:var(--color-error);background:color-mix(in srgb,var(--color-error-container) 45%,transparent)}.settings__chips{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.settings__chip{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--color-outline-variant);background:var(--color-surface-container);color:var(--color-on-surface-variant);font-size:var(--font-label);transition:background-color var(--transition-fast),color var(--transition-fast)}.settings__chip:hover{background:var(--color-surface-container-high)}.settings__chip--active{background:var(--color-primary-container);border-color:transparent;color:var(--color-on-primary-container);font-weight:var(--font-weight-medium)}.settings__delete-content{display:flex;flex-direction:column;gap:var(--space-md)}.settings__delete-warning{margin:0;color:var(--color-error);font-size:var(--font-label)}.settings__delete-label{font-size:var(--font-label);color:var(--color-on-surface)}.settings__delete-input{width:100%;padding:var(--space-md);border:1px solid var(--color-error);border-radius:var(--radius-md);background:var(--color-surface-container-lowest);color:var(--color-on-surface);outline:none}.settings__delete-input:focus{box-shadow:0 0 0 2px #ba1a1a33}.settings__delete-actions{display:flex;gap:var(--space-sm)}.settings__delete-cancel,.settings__delete-confirm{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-label);font-weight:var(--font-weight-medium)}.settings__delete-cancel{border:1px solid var(--color-outline-variant);color:var(--color-on-surface-variant)}.settings__delete-confirm{background:var(--color-error);color:var(--color-on-error)}.settings__delete-confirm:disabled{opacity:.5;cursor:not-allowed}.floating-toolbar{position:relative}.floating-toolbar__controls{position:fixed;top:calc(env(safe-area-inset-top) + var(--space-sm));left:0;right:0;z-index:120;pointer-events:none}.floating-toolbar__controls-inner{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-md);height:44px;position:relative;display:flex;justify-content:space-between;align-items:center}.floating-toolbar__left,.floating-toolbar__right{display:flex;align-items:center;gap:var(--space-sm);pointer-events:auto}.floating-toolbar__left{justify-content:flex-start}.floating-toolbar__center{position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;pointer-events:auto}.floating-toolbar__right{justify-content:flex-end}.floating-toolbar__icon-control{position:relative;display:inline-flex;flex-direction:column;align-items:center}.floating-toolbar__icon-label{position:absolute;top:calc(100% + 6px);padding:4px 8px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-surface-container-lowest) 88%,transparent);border:1px solid color-mix(in srgb,var(--color-outline-variant) 65%,transparent);box-shadow:0 4px 10px #10121624;font-size:.7rem;font-weight:var(--font-weight-medium);line-height:1;color:var(--color-on-surface-variant);white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.floating-toolbar__icon-control:hover .floating-toolbar__icon-label,.floating-toolbar__icon-control:focus-within .floating-toolbar__icon-label{opacity:1;transform:translateY(0)}.floating-toolbar__glass-btn,.floating-toolbar__glass-pill{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;isolation:isolate;height:44px;border-radius:var(--radius-full);color:var(--color-on-surface);background:color-mix(in srgb,var(--color-surface-container-lowest) 64%,transparent);border:1px solid color-mix(in srgb,var(--color-outline-variant) 62%,transparent);box-shadow:0 2px 8px #10121624;backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.floating-toolbar__glass-btn:after,.floating-toolbar__glass-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:color-mix(in srgb,var(--color-on-surface) 11%,transparent);opacity:0;pointer-events:none;transition:opacity .15s ease-out}.floating-toolbar__glass-btn{width:44px}.floating-toolbar__glass-pill{padding:0 var(--space-md);font-size:var(--font-label);font-weight:var(--font-weight-semibold)}.floating-toolbar__glass-btn:hover,.floating-toolbar__glass-pill:hover{background:color-mix(in srgb,var(--color-surface-container-lowest) 88%,transparent);border-color:color-mix(in srgb,var(--color-outline) 58%,transparent)}.floating-toolbar__glass-btn--active{background:color-mix(in srgb,var(--color-primary-container) 88%,transparent);border-color:color-mix(in srgb,var(--color-primary) 58%,transparent);color:var(--color-primary)}.floating-toolbar__glass-btn--active:hover{background:color-mix(in srgb,var(--color-primary-container) 94%,transparent);border-color:color-mix(in srgb,var(--color-primary) 72%,transparent)}.floating-toolbar__glass-btn--active:after{opacity:1}.floating-toolbar__glass-btn:hover:after,.floating-toolbar__glass-pill:hover:after{opacity:1}.floating-toolbar__ripple{position:absolute;border-radius:50%;pointer-events:none;background:color-mix(in srgb,var(--color-primary) 28%,transparent);transform:scale(0);animation:floating-toolbar-ripple .52s cubic-bezier(.2,0,0,1)}@keyframes floating-toolbar-ripple{0%{transform:scale(0);opacity:.38}to{transform:scale(1);opacity:0}}.floating-toolbar__brand-row{display:flex;justify-content:center;align-items:center;min-height:calc(44px + env(safe-area-inset-top) + var(--space-sm));padding-top:calc(env(safe-area-inset-top) + var(--space-sm));padding-bottom:var(--space-md)}.floating-toolbar__brand{display:inline-flex;height:44px;align-items:center;gap:var(--space-sm);color:var(--color-on-surface)}.floating-toolbar__brand-logo{width:32px;height:32px;flex:0 0 auto}.floating-toolbar__brand-name{font-size:var(--font-title);font-weight:var(--font-weight-semibold);font-family:var(--font-brand-family);font-kerning:normal;letter-spacing:var(--font-brand-letter-spacing);line-height:1}@media(max-width:760px){.floating-toolbar__controls-inner,.floating-toolbar__glass-pill{padding:0 var(--space-sm)}.floating-toolbar__icon-label{font-size:.65rem}}@media(max-width:600px){.floating-toolbar__brand-row--hide-sm{visibility:hidden;pointer-events:none}.floating-toolbar__brand-row{min-height:auto}.floating-toolbar__brand-name{font-size:var(--font-body)}}.story-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);background:var(--color-surface-container-low);overflow:hidden;cursor:pointer;transition:background-color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out}.story-card:hover,.story-card:focus-visible{box-shadow:var(--shadow-2);transform:translateY(-2px)}.story-card--hovered{background:var(--story-surface-container-low, var(--color-surface-container-low))}.story-card__thumb{position:relative;aspect-ratio:1;overflow:hidden;background:var(--story-surface-container-high, var(--color-surface-container-high))}.story-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.story-card:hover .story-card__image{transform:scale(1.03)}.story-card__body{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md)}.story-card__title{font-size:var(--font-body);font-weight:var(--font-weight-semibold);color:var(--story-on-surface, var(--color-on-surface));margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease-out}.story-card__translated-title{font-size:var(--font-label);color:var(--story-on-surface-variant, var(--color-on-surface-variant));margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease-out}.story-card__description{font-size:var(--font-caption);color:var(--story-on-surface-variant, var(--color-on-surface-variant));margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease-out}.story-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);row-gap:var(--space-xs);margin-top:var(--space-xs)}.story-card__chip{display:inline-flex;align-items:center;flex:0 0 auto;gap:4px;white-space:nowrap;font-size:var(--font-caption);font-weight:var(--font-weight-medium);color:var(--story-primary, var(--color-primary));transition:color .2s ease-out}.story-card--compact .story-card__body{padding:12px;gap:6px}.story-card--compact .story-card__title{font-size:var(--font-label);line-height:1.35}.story-card--compact .story-card__translated-title{font-size:var(--font-caption)}.story-card--compact .story-card__description{-webkit-line-clamp:2}.story-card--compact .story-card__meta{margin-top:4px;gap:var(--space-sm)}.story-card--compact .story-card__chip{font-size:.7rem}.story-card__continue{margin-top:var(--space-sm);width:100%;border-radius:var(--radius-md);padding:9px 12px;font-size:var(--font-label);font-weight:var(--font-weight-semibold);line-height:1.2;color:var(--color-on-surface);background:var(--color-surface-container-high);box-shadow:none;transition:background-color .2s ease-out,color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out}.story-card--compact .story-card__continue{margin-top:6px;padding:8px 10px;font-size:var(--font-caption)}.story-card__continue:hover,.story-card__continue:focus-visible,.story-card__continue:active{background:var(--story-primary, var(--color-primary));color:var(--story-on-primary, var(--color-on-primary));box-shadow:var(--shadow-2);transform:translateY(-1px)}.filter-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:200}.filter-panel{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:90vw;background:var(--color-surface-container-lowest);z-index:201;display:flex;flex-direction:column;box-shadow:var(--shadow-3);animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.filter-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-outline-variant)}.filter-panel__title{font-size:var(--font-title);font-weight:var(--font-weight-semibold);margin:0}.filter-panel__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-on-surface-variant);transition:background-color var(--transition-fast)}.filter-panel__close:hover{background:var(--color-surface-container-high)}.filter-panel__body{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.filter-group{display:flex;flex-direction:column;gap:var(--space-sm)}.filter-group__label{font-size:var(--font-label);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-variant);margin:0}.filter-group__chips{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.filter-chip{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);background:var(--color-surface-container);color:var(--color-on-surface);font-size:var(--font-caption);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);border:1px solid transparent}.filter-chip:hover{background:var(--color-surface-container-high)}.filter-chip--active{background:var(--color-primary-container);color:var(--color-on-primary-container);border-color:var(--color-primary)}.filter-toggle{display:flex;align-items:center;gap:var(--space-md);cursor:pointer}.filter-toggle input{display:none}.filter-toggle__slider{position:relative;width:44px;height:24px;border-radius:12px;background:var(--color-surface-container-highest);transition:background-color var(--transition-fast);flex-shrink:0}.filter-toggle__slider:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform var(--transition-fast)}.filter-toggle input:checked+.filter-toggle__slider{background:var(--color-primary)}.filter-toggle input:checked+.filter-toggle__slider:after{transform:translate(20px)}.filter-toggle__label{font-size:var(--font-label);color:var(--color-on-surface)}.filter-panel__footer{display:flex;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--color-outline-variant)}.filter-panel__reset{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);color:var(--color-on-surface-variant);font-size:var(--font-label);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast)}.filter-panel__reset:hover{background:var(--color-surface-container)}.filter-panel__done{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-label);font-weight:var(--font-weight-semibold);transition:opacity var(--transition-fast)}.filter-panel__done:hover{opacity:.9}.onboarding-modal{overflow:visible}.onboarding__page{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);padding:var(--space-lg) 0}.onboarding__icon{margin-bottom:var(--space-sm)}.onboarding__title{font-size:var(--font-headline);font-weight:var(--font-weight-bold);color:var(--color-on-surface)}.onboarding__subtitle{font-size:var(--font-body);color:var(--color-on-surface-variant);max-width:380px}.onboarding__description{font-size:var(--font-label);color:var(--color-on-surface-variant);max-width:380px;line-height:1.5}.onboarding__lang-chip{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);background:var(--color-surface-container);color:var(--color-on-surface);font-size:var(--font-label);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast)}.onboarding__lang-chip:hover{background:var(--color-surface-container-high)}.onboarding__cta{width:100%;max-width:320px;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-body);font-weight:var(--font-weight-semibold);transition:opacity var(--transition-fast),transform var(--transition-fast);margin-top:var(--space-md)}.onboarding__cta:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.onboarding__cta:disabled{opacity:.5;cursor:not-allowed}.onboarding__options{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;max-width:380px;margin-top:var(--space-md)}.onboarding__option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface-container);text-align:left;transition:background-color var(--transition-fast)}.onboarding__option:hover{background:var(--color-surface-container-high)}.onboarding__option--selected{background:var(--color-primary-container)}.onboarding__option--selected:hover{background:var(--color-primary-container);opacity:.9}.onboarding__option-check{flex-shrink:0}.onboarding__option-label{font-size:var(--font-body);font-weight:var(--font-weight-medium);color:var(--color-on-surface)}.onboarding__nav{display:flex;align-items:center;gap:var(--space-md);width:100%;max-width:380px;margin-top:var(--space-sm)}.onboarding__back{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-full);color:var(--color-on-surface-variant);font-size:var(--font-body);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast)}.onboarding__back:hover{background:var(--color-surface-container)}.onboarding__nav .onboarding__cta{flex:1;margin-top:0}.onboarding__lang-list{display:flex;flex-direction:column;gap:var(--space-xs)}.onboarding__lang-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-body);color:var(--color-on-surface);transition:background-color var(--transition-fast)}.onboarding__lang-option:hover{background:var(--color-surface-container)}.onboarding__lang-option--active{background:var(--color-primary-container);color:var(--color-on-primary-container);font-weight:var(--font-weight-medium)}.onboarding__lang-option--active:hover{background:var(--color-primary-container)}.shimmer-text{display:flex;flex-direction:column;gap:8px}.shimmer-text__line{height:14px}.shimmer-card{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-container-low);border-radius:var(--radius-lg)}.shimmer-card__body{display:flex;flex-direction:column;gap:var(--space-sm)}.shimmer-card__meta{display:flex;gap:var(--space-md);margin-top:var(--space-xs)}.home{min-height:100vh;display:flex;flex-direction:column}.home__content{flex:1;max-width:var(--content-max-width);margin:0 auto;padding:var(--space-lg) var(--space-md);width:100%}.home__active-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.home__active-chip{display:inline-flex;align-items:center;border-radius:var(--radius-full);border:1px solid var(--color-outline-variant);background:var(--color-surface-container-low);overflow:hidden;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.home__active-chip:hover:not(:has(.home__active-chip-remove:hover)){background:var(--color-surface-container-high);border-color:var(--color-outline)}.home__active-chip-main,.home__active-chip-remove{display:inline-flex;align-items:center;justify-content:center;color:var(--color-on-surface-variant);font-size:var(--font-label);transition:background-color var(--transition-fast),color var(--transition-fast)}.home__active-chip-main{padding-top:var(--space-xs);padding-bottom:var(--space-xs);padding-left:14px;padding-right:0}.home__active-chip-remove{width:24px;height:24px;margin:2px 4px;border-radius:var(--radius-full)}.home__active-chip-remove:hover{background:var(--color-surface-container-highest);color:var(--color-on-surface)}.home__personalized{--personalized-card-width: 196px;margin-bottom:var(--space-xl)}.home__personalized-heading{font-size:var(--font-title);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin:0 0 var(--space-sm)}.home__personalized-columns{display:flex;align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:var(--space-md);padding-bottom:var(--space-xs)}.home__personalized-section{flex:0 0 max-content;width:max-content;scroll-snap-align:start}.home__personalized-list{display:inline-flex;align-items:stretch;gap:var(--space-md);width:max-content}.home__personalized-item{flex:0 0 var(--personalized-card-width);width:var(--personalized-card-width);min-width:var(--personalized-card-width)}.home__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg)}.home__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-md);padding:var(--space-3xl) var(--space-lg);color:var(--color-on-surface-variant)}.home__empty h3{font-size:var(--font-title);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin:0}.home__empty p{font-size:var(--font-body);margin:0;max-width:320px}.home__retry{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-label);font-weight:var(--font-weight-semibold);transition:opacity var(--transition-fast)}.home__retry:hover{opacity:.9}@media(max-width:500px){.home__personalized{--personalized-card-width: 164px}.home__personalized-item{flex-basis:var(--personalized-card-width)}.home__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md)}}.dict-stroke-order{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.dict-stroke-order__title{margin:0;color:var(--color-on-surface-variant);font-size:var(--font-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em}.dict-stroke-order__nav{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.dict-stroke-order__nav-btn{width:34px;height:34px;border-radius:var(--radius-full);border:1px solid var(--color-outline-variant);background:var(--color-surface-container-low);color:var(--color-on-surface);font-size:1.4rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),transform var(--transition-fast)}.dict-stroke-order__nav-btn:hover{background:var(--color-surface-container);transform:translateY(-1px)}.dict-stroke-order__dots{display:flex;gap:6px;align-items:center}.dict-stroke-order__dot{width:8px;height:8px;border-radius:50%;background:var(--color-outline-variant)}.dict-stroke-order__dot--active{width:10px;height:10px;background:var(--color-primary)}.dict-stroke-order__panel{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container-low);padding:var(--space-sm)}.dict-stroke-order__combined-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.dict-stroke-order__combined-item{display:flex;flex-direction:column;align-items:center;gap:6px;width:220px}.dict-stroke-order__combined-item p{margin:0;font-size:1.15rem;color:var(--color-on-surface);font-weight:var(--font-weight-medium)}.dict-stroke-order__single-stage{display:flex;justify-content:center}.dict-stroke-order__canvas{width:min(100%,220px);aspect-ratio:1 / 1;border:1px solid #d5dce8;border-radius:var(--radius-sm);background:#f8fbff;overflow:hidden;display:flex;align-items:center;justify-content:center}[data-theme=dark] .dict-stroke-order__canvas{border-color:#c8d2e2;background:#f4f8ff}.dict-stroke-order__canvas--single{width:min(100%,220px)}.dict-stroke-order__controls{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:var(--space-sm)}.dict-stroke-order__controls--single{margin-top:var(--space-md)}.dict-stroke-order__control-btn{border-radius:var(--radius-full);border:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);color:var(--color-on-surface);font-size:12px;font-weight:var(--font-weight-medium);line-height:1;padding:8px 12px;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.dict-stroke-order__control-btn:hover:not(:disabled){background:var(--color-surface-container);border-color:var(--color-outline)}.dict-stroke-order__control-btn:disabled{opacity:.5;cursor:not-allowed}.dict-stroke-order__progress{margin:var(--space-sm) 0 0;text-align:center;color:var(--color-on-surface-variant);font-size:var(--font-caption)}.dict-stroke-order__meta{margin:0;color:var(--color-on-surface-variant);font-size:var(--font-caption)}@media(max-width:768px){.dict-stroke-order__canvas--single{width:min(100%,220px)}}.dictionary-entry-modal.modal--lg{width:min(860px,92vw)}.dict-entry-modal{display:flex;flex-direction:column;gap:var(--space-lg)}.dict-entry-modal__status{color:var(--color-on-surface-variant);font-size:var(--font-label)}.dict-entry-modal__status--error{color:var(--color-error)}.dict-entry-modal__word-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.dict-entry-modal__word-main{display:flex;flex-direction:column;gap:var(--space-xs)}.dict-entry-modal__word{margin:0;font-size:clamp(1.8rem,3vw,2.25rem);line-height:1.1;color:var(--color-on-surface)}.dict-entry-modal__pron-row{display:flex;align-items:center;gap:var(--space-sm)}.dict-entry-modal__pronunciation{margin:0;color:var(--color-on-surface-variant);font-size:1.2rem}.dict-entry-modal__hsk-wrap{position:relative;display:inline-flex;align-items:flex-start}.dict-entry-modal__hsk-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);padding:4px 10px;background:var(--color-primary-container);color:var(--color-primary);font-size:var(--font-caption);font-weight:var(--font-weight-semibold);white-space:nowrap}.dict-entry-modal__hsk-tooltip{position:absolute;right:0;left:auto;top:calc(100% + 8px);background:var(--color-surface-container-highest);color:var(--color-on-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);padding:8px 10px;box-shadow:var(--shadow-2);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;z-index:2;min-width:min(240px,calc(100vw - 48px));max-width:min(320px,calc(100vw - 48px))}.dict-entry-modal__hsk-wrap:hover .dict-entry-modal__hsk-tooltip{opacity:1;transform:translateY(0)}.dict-entry-modal__hsk-tooltip p{margin:0;font-size:12px;line-height:1.3}.dict-entry-modal__hsk-tooltip p+p{margin-top:4px}.dict-entry-modal__section h4{margin:0 0 var(--space-sm);color:var(--color-on-surface-variant);font-size:var(--font-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em}.dict-entry-modal__section p{margin:0;color:var(--color-on-surface);line-height:1.5}.dict-entry-modal__tags{display:flex;flex-wrap:wrap;gap:8px}.dict-entry-modal__tag{display:inline-flex;align-items:center;border-radius:var(--radius-full);padding:4px 10px;background:var(--color-surface-container);color:var(--color-on-surface);font-size:var(--font-caption);font-weight:var(--font-weight-medium)}.dict-entry-modal__meaning-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.dict-entry-modal__meaning-list li{color:var(--color-on-surface);line-height:1.4}.dict-entry-modal__examples{display:flex;flex-direction:column;gap:var(--space-sm)}.dict-entry-modal__example{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container-low);padding:var(--space-sm) var(--space-md)}.dict-entry-modal__example-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.dict-entry-modal__example-source{margin:0;color:var(--color-on-surface);font-size:1.05rem}.dict-entry-modal__example-pronunciation{margin-top:0;padding-top:2px;color:var(--color-on-surface-variant);font-size:var(--font-label)}.dict-entry-modal__example-translation{padding-top:8px;color:var(--color-on-surface-variant);font-size:var(--font-label)}.dict-entry-modal__audio-btn{position:relative;width:32px;height:32px;border-radius:50%;border:1px solid var(--color-outline-variant);background:var(--color-surface-container);color:var(--color-on-surface-variant);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.dict-entry-modal__audio-btn:hover{background:var(--color-surface-container-high);color:var(--color-on-surface)}.dict-entry-modal__audio-btn--loading,.dict-entry-modal__audio-btn--playing{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-outline-variant));color:var(--color-primary)}.dict-entry-modal__audio-spinner,.dict-entry-modal__audio-pulse{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;pointer-events:none;opacity:0}.dict-entry-modal__audio-btn--loading .dict-entry-modal__audio-spinner{opacity:1;border:2px solid transparent;border-top-color:var(--color-primary);animation:dictEntrySpin .7s linear infinite}.dict-entry-modal__audio-btn--playing .dict-entry-modal__audio-pulse{opacity:1;border:2px solid color-mix(in srgb,var(--color-primary) 35%,transparent);animation:dictEntryPulse 1.1s ease-out infinite}@keyframes dictEntrySpin{to{transform:rotate(360deg)}}@keyframes dictEntryPulse{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.25);opacity:0}}@media(max-width:768px){.dict-entry-modal__word{font-size:1.7rem}.dict-entry-modal__hsk-tooltip{right:0;left:auto;min-width:min(220px,calc(100vw - 48px))}}.detail{--detail-section-gap: var(--space-lg);min-height:100vh;display:flex;flex-direction:column;background:var(--story-surface, var(--color-surface));transition:background-color .2s ease}.detail__content{flex:1;max-width:var(--content-max-width);margin:0 auto;padding:var(--space-lg) var(--space-md);width:100%}.detail__layout,.detail__left{display:flex;flex-direction:column;gap:var(--detail-section-gap)}.detail__layout:not(.detail__layout--two-col) .detail__left{width:100%;max-width:600px;margin:0 auto}.detail__error{display:flex;flex-direction:column;align-items:center;padding:var(--space-3xl);gap:var(--space-md)}.detail__header{display:flex;gap:var(--space-lg);align-items:flex-start}.detail__thumb{width:160px;height:160px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;background:var(--story-secondary-container, var(--color-secondary-container))}.detail__image{width:100%;height:100%;object-fit:cover}.detail__header-info{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.detail__title{font-size:var(--font-headline);font-weight:var(--font-weight-bold);color:var(--story-on-surface, var(--color-on-surface));margin:0;line-height:1.3}.detail__translated-title{font-size:var(--font-body);color:var(--story-on-surface-variant, var(--color-on-surface-variant));margin:0}.detail__chips{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-xs)}.detail__chip{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-caption);font-weight:var(--font-weight-medium);color:var(--story-primary, var(--color-primary))}.detail__actions{display:flex;gap:var(--space-sm);align-items:center}.detail__chip-icon{color:inherit}.detail__toolbar-icon{width:20px;height:20px;object-fit:contain}[data-theme=dark] .detail__toolbar-icon{filter:invert(1) brightness(1.1)}.detail__cta{flex:1;position:relative;overflow:hidden;isolation:isolate;--detail-ripple-color: color-mix(in srgb, var(--story-on-primary, var(--color-on-primary)) 28%, transparent);--detail-ripple-duration: .92s;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-full);background:var(--story-primary, var(--color-primary));color:var(--story-on-primary, var(--color-on-primary));font-size:var(--font-body);font-weight:var(--font-weight-semibold);transition:opacity var(--transition-fast),background-color var(--transition-fast)}.detail__cta:hover{opacity:.9}.detail__bookmark{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;isolation:isolate;--detail-ripple-color: color-mix(in srgb, var(--story-on-secondary-container, var(--color-on-secondary-container)) 24%, transparent);width:48px;height:48px;border-radius:var(--radius-full);color:var(--story-on-secondary-container, var(--color-on-secondary-container));background:var(--story-secondary-container, var(--color-secondary-container));transition:all .2s ease;flex-shrink:0}.detail__bookmark:hover{opacity:.9}.detail__bookmark--active{color:var(--story-on-secondary-container, var(--color-on-secondary-container));background:var(--story-secondary-container, var(--color-secondary-container))}.detail__bookmark--active:hover{opacity:.85}.detail__translation-picker{position:relative}.detail__translation-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);background:var(--color-surface-container);color:var(--color-on-surface-variant);font-size:var(--font-label);transition:background-color var(--transition-fast)}.detail__translation-btn:hover{background:var(--color-surface-container-high)}.detail__picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.detail__picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-2);z-index:20;padding:var(--space-xs);max-height:300px;overflow-y:auto}.detail__picker-option{display:block;width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-label);color:var(--color-on-surface);text-align:left;transition:background-color var(--transition-fast)}.detail__picker-option:hover{background:var(--color-surface-container)}.detail__picker-option--active{background:var(--color-primary-container);color:var(--color-on-primary-container);font-weight:var(--font-weight-medium)}.detail__section{display:flex;flex-direction:column;gap:var(--space-sm)}.detail__section h2{font-size:var(--font-body);font-weight:var(--font-weight-semibold);color:var(--story-on-surface, var(--color-on-surface));margin:0}.detail__section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.detail__desc-toggle-text{padding:0;color:var(--story-on-surface-variant, var(--color-on-surface-variant));font-size:var(--font-caption);font-weight:var(--font-weight-medium);text-decoration:none;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast),opacity var(--transition-fast)}.detail__desc-toggle-text:hover{text-decoration:underline}.detail__desc-toggle-text:focus-visible{outline:2px solid color-mix(in srgb,var(--story-primary, var(--color-primary)) 38%,transparent);outline-offset:3px;border-radius:var(--radius-sm)}.detail__description{font-size:var(--font-body);color:var(--story-on-surface-variant, var(--color-on-surface-variant));line-height:1.7;margin:0}.detail__section-header--vocab{align-items:center;gap:var(--space-sm);flex-wrap:nowrap}.detail__section-header--vocab h2{flex-shrink:0}.detail__vocab{--detail-vocab-hsk1: #16a34a;--detail-vocab-hsk2: #65a30d;--detail-vocab-hsk3: #ca8a04;--detail-vocab-hsk4: #ea580c;--detail-vocab-hsk5: #dc2626;--detail-vocab-hsk6: #7c3aed;--detail-vocab-hsk7to9: #0ea5e9;--detail-vocab-hsk7to9plus: #2563eb;--detail-vocab-unclassified: #6b7280;gap:var(--space-md)}.detail__vocab-card{border-radius:var(--radius-lg);padding:var(--space-md);background:var(--story-surface-container, var(--color-surface-container));border:1px solid color-mix(in srgb,var(--story-outline, var(--color-outline)) 46%,transparent);box-shadow:0 1px color-mix(in srgb,var(--story-outline, var(--color-outline)) 15%,transparent)}.detail__vocab-selector-wrap{display:flex;align-items:center;align-self:center;justify-content:flex-end;flex:1;min-width:0}.detail__vocab-select{width:100%;max-width:100%;min-width:0;height:32px;display:block;line-height:1.2;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--story-outline, var(--color-outline)) 72%,transparent);background:var(--story-surface-container, var(--color-surface-container));color:var(--story-on-surface, var(--color-on-surface));font-size:var(--font-caption);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail__vocab-select:disabled{opacity:.8}.detail__vocab-state{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:var(--story-surface-container-high, var(--color-surface-container-high))}.detail__vocab-state p{margin:0;color:var(--story-on-surface-variant, var(--color-on-surface-variant));font-size:var(--font-label);line-height:1.45}.detail__vocab-state-action{align-self:flex-start;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:var(--story-primary, var(--color-primary));color:var(--story-on-primary, var(--color-on-primary));font-size:var(--font-caption);font-weight:var(--font-weight-semibold);transition:opacity var(--transition-fast)}.detail__vocab-state-action:hover{opacity:.9}.detail__vocab-loading{display:flex;flex-direction:column;gap:var(--space-sm)}.detail__vocab-loading-list{display:flex;flex-direction:column;gap:var(--space-xs)}.detail__vocab-loading-item{display:flex;flex-direction:column;gap:6px;padding:var(--space-sm);border-radius:var(--radius-md);background:var(--story-surface-container-high, var(--color-surface-container-high))}.detail__vocab-summary{margin:0;font-size:var(--font-body);font-weight:var(--font-weight-semibold);color:var(--story-primary, var(--color-primary));line-height:1.5;letter-spacing:.01em}.detail__vocab-guest-note{margin:0;font-size:var(--font-caption);color:var(--story-on-surface-variant, var(--color-on-surface-variant))}.detail__vocab-progress-warning{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--story-surface-container-high, var(--color-surface-container-high)) 80%,transparent);padding:var(--space-xs) var(--space-sm)}.detail__vocab-progress-warning span{color:var(--story-on-surface-variant, var(--color-on-surface-variant));font-size:var(--font-caption)}.detail__vocab-progress-warning button{color:var(--story-primary, var(--color-primary));font-size:var(--font-caption);font-weight:var(--font-weight-semibold);text-decoration:underline;text-underline-offset:3px}.detail__vocab-difficulty{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-sm)}.detail__vocab-groups{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-md)}.detail__vocab-subtitle{margin:0;font-size:var(--font-caption);font-weight:var(--font-weight-semibold);color:var(--story-on-surface, var(--color-on-surface))}.detail__vocab-empty{margin:0;font-size:var(--font-caption);color:var(--story-on-surface-variant, var(--color-on-surface-variant))}.detail__vocab-chart{display:flex;align-items:stretch;width:100%;height:12px;border-radius:var(--radius-full);overflow:hidden;background:var(--story-surface-container-high, var(--color-surface-container-high))}.detail__vocab-chart-segment{display:block;min-width:2px}.detail__vocab-chart-segment--hsk1,.detail__vocab-legend-dot--hsk1{background:var(--detail-vocab-hsk1)}.detail__vocab-chart-segment--hsk2,.detail__vocab-legend-dot--hsk2{background:var(--detail-vocab-hsk2)}.detail__vocab-chart-segment--hsk3,.detail__vocab-legend-dot--hsk3{background:var(--detail-vocab-hsk3)}.detail__vocab-chart-segment--hsk4,.detail__vocab-legend-dot--hsk4{background:var(--detail-vocab-hsk4)}.detail__vocab-chart-segment--hsk5,.detail__vocab-legend-dot--hsk5{background:var(--detail-vocab-hsk5)}.detail__vocab-chart-segment--hsk6,.detail__vocab-legend-dot--hsk6{background:var(--detail-vocab-hsk6)}.detail__vocab-chart-segment--hsk7to9,.detail__vocab-legend-dot--hsk7to9{background:var(--detail-vocab-hsk7to9)}.detail__vocab-chart-segment--hsk7to9plus,.detail__vocab-legend-dot--hsk7to9plus{background:var(--detail-vocab-hsk7to9plus)}.detail__vocab-chart-segment--unclassified,.detail__vocab-legend-dot--unclassified{background:var(--detail-vocab-unclassified)}.detail__vocab-legend{display:flex;flex-wrap:wrap;gap:6px var(--space-sm)}.detail__vocab-legend-item{display:inline-flex;align-items:center;gap:6px}.detail__vocab-legend-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}.detail__vocab-legend-label{font-size:11px;color:var(--story-on-surface-variant, var(--color-on-surface-variant))}.detail__vocab-group{display:flex;flex-direction:column;gap:var(--space-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--story-outline, var(--color-outline)) 32%,transparent);background:var(--story-surface-container-high, var(--color-surface-container-high));padding:var(--space-md)}.detail__vocab-group-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm)}.detail__vocab-group-header h3{margin:0;font-size:var(--font-label);font-weight:var(--font-weight-semibold);color:var(--story-on-surface, var(--color-on-surface))}.detail__vocab-group-header span,.detail__vocab-group-empty{margin:0;font-size:var(--font-caption);color:var(--story-on-surface-variant, var(--color-on-surface-variant))}.detail__vocab-words{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.detail__vocab-word{display:flex;flex-direction:column;gap:4px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--story-surface-container-lowest, var(--color-surface-container-lowest)) 88%,transparent);padding:var(--space-md)}.detail__vocab-word--interactive{cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}.detail__vocab-word--interactive:hover{background:color-mix(in srgb,var(--story-surface-container-lowest, var(--color-surface-container-lowest)) 82%,var(--story-primary-container, var(--color-primary-container)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--story-outline, var(--color-outline)) 24%,transparent)}.detail__vocab-word--interactive:active{transform:scale(.99);background:color-mix(in srgb,var(--story-surface-container-lowest, var(--color-surface-container-lowest)) 74%,var(--story-primary-container, var(--color-primary-container)))}.detail__vocab-word--interactive:focus-visible{outline:2px solid color-mix(in srgb,var(--story-primary, var(--color-primary)) 45%,transparent);outline-offset:2px}.detail__vocab-word-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.detail__vocab-word-display{min-width:0;margin:0;font-size:var(--font-body);font-weight:var(--font-weight-semibold);color:var(--story-on-surface, var(--color-on-surface));line-height:1.2}.detail__vocab-word-header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-xs);flex-shrink:0}.detail__vocab-word-pronunciation{margin:2px 0 0;font-size:var(--font-caption);color:var(--story-on-surface-variant, var(--color-on-surface-variant))}.detail__vocab-audio-btn{position:relative;width:28px;height:28px;border-radius:50%;border:1px solid color-mix(in srgb,var(--story-outline, var(--color-outline)) 50%,transparent);background:color-mix(in srgb,var(--story-surface-container-low, var(--color-surface-container-low)) 78%,transparent);color:var(--story-on-surface-variant, var(--color-on-surface-variant));display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.detail__vocab-audio-btn:hover{background:var(--story-surface-container, var(--color-surface-container));color:var(--story-on-surface, var(--color-on-surface))}.detail__vocab-audio-btn--loading,.detail__vocab-audio-btn--playing{border-color:color-mix(in srgb,var(--story-primary, var(--color-primary)) 55%,var(--story-outline, var(--color-outline)));color:var(--story-primary, var(--color-primary))}.detail__vocab-audio-spinner,.detail__vocab-audio-pulse{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;pointer-events:none;opacity:0}.detail__vocab-audio-btn--loading .detail__vocab-audio-spinner{opacity:1;border:2px solid transparent;border-top-color:var(--story-primary, var(--color-primary));animation:detailVocabSpin .7s linear infinite}.detail__vocab-audio-btn--playing .detail__vocab-audio-pulse{opacity:1;border:2px solid color-mix(in srgb,var(--story-primary, var(--color-primary)) 35%,transparent);animation:detailVocabPulse 1.1s ease-out infinite}@keyframes detailVocabSpin{to{transform:rotate(360deg)}}@keyframes detailVocabPulse{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.25);opacity:0}}.detail__vocab-word-hsk{flex-shrink:0;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--story-primary, var(--color-primary));background:color-mix(in srgb,var(--story-primary-container, var(--color-primary-container)) 60%,transparent);border-radius:var(--radius-full);padding:2px 8px}.detail__vocab-word-meaning{margin:0;font-size:var(--font-caption);color:var(--story-on-surface-variant, var(--color-on-surface-variant));line-height:1.45}.detail__vocab-group-actions{display:flex;justify-content:flex-end}.detail__vocab-show-more{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:var(--story-primary, var(--color-primary));color:var(--story-on-primary, var(--color-on-primary));font-size:var(--font-caption);font-weight:var(--font-weight-semibold);transition:opacity var(--transition-fast)}.detail__vocab-show-more:hover{opacity:.9}.detail__vocab-guest-login{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.detail__vocab-modal{display:flex;flex-direction:column;gap:var(--space-md)}.detail__vocab-modal-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.detail__vocab-modal-tab{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--story-outline, var(--color-outline)) 40%,transparent);padding:var(--space-xs) var(--space-sm);font-size:var(--font-caption);color:var(--color-on-surface-variant);background:var(--color-surface-container-low);transition:background-color var(--transition-fast),color var(--transition-fast)}.detail__vocab-modal-tab--active{background:var(--story-primary, var(--color-primary));color:var(--story-on-primary, var(--color-on-primary));border-color:color-mix(in srgb,var(--story-primary, var(--color-primary)) 50%,transparent)}.detail__vocab-modal-tab-count{font-size:11px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);padding:2px 8px;background:color-mix(in srgb,currentColor 18%,transparent)}.detail__vocab-modal-panel{max-height:52vh;overflow-y:auto;padding-right:4px}.detail__credits{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm) var(--space-lg)}.detail__credits dt{font-size:var(--font-label);color:var(--story-on-surface-variant, var(--color-on-surface-variant))}.detail__credits dd{font-size:var(--font-label);color:var(--story-on-surface, var(--color-on-surface));margin:0}.detail__license-link{display:inline-flex;align-items:center;width:fit-content;color:var(--story-on-surface, var(--color-on-surface));font-size:var(--font-body);font-weight:var(--font-weight-semibold);text-decoration:none}.detail__license-link:hover{text-decoration:underline;text-underline-offset:3px}.detail__ripple{position:absolute;border-radius:50%;pointer-events:none;background:var(--detail-ripple-color, color-mix(in srgb, var(--story-on-primary, var(--color-on-primary)) 28%, transparent));transform:scale(0);animation:detail-ripple var(--detail-ripple-duration, .76s) cubic-bezier(.2,0,0,1)}@keyframes detail-ripple{0%{transform:scale(0);opacity:.38}to{transform:scale(1);opacity:0}}.detail__license-text{font-size:var(--font-caption);color:var(--color-on-surface-variant);line-height:1.6;white-space:pre-wrap;margin:0}.detail__right{display:flex;flex-direction:column;gap:var(--space-md)}.detail__section--mobile-chapters{display:none}.detail__chapters-title{font-size:var(--font-title);font-weight:var(--font-weight-semibold);color:var(--story-on-surface, var(--color-on-surface));margin:0}.detail__chapters-list{display:flex;flex-direction:column;gap:var(--space-sm)}.detail__chapter{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-radius:var(--radius-md);background:var(--story-surface-container-high, var(--color-surface-container-high));transition:background-color var(--transition-fast),opacity var(--transition-fast);text-align:left;gap:var(--space-md)}.detail__chapter:hover{opacity:.85}.detail__chapter--completed{opacity:.7}.detail__chapter-info{display:flex;flex-direction:column;gap:2px;min-width:0}.detail__chapter-title{font-size:var(--font-label);font-weight:var(--font-weight-medium);color:var(--story-on-surface, var(--color-on-surface))}.detail__chapter-translated{font-size:var(--font-caption);color:var(--story-on-surface-variant, var(--color-on-surface-variant))}.detail__chapter-meta{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.detail__chapter-duration{font-size:var(--font-caption);color:var(--story-on-surface-variant, var(--color-on-surface-variant))}.detail__translation-modal-options{display:flex;flex-direction:column;gap:var(--space-xs)}.detail__translation-modal-hint{margin:0 0 var(--space-md) 0;font-size:var(--font-label);color:var(--color-on-surface-variant);line-height:1.5}.detail__translation-modal-option{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-align:left;font-size:var(--font-label);color:var(--color-on-surface);transition:background-color var(--transition-fast),color var(--transition-fast);cursor:pointer}.detail__translation-modal-option input[type=radio]{margin:0;accent-color:var(--story-primary, var(--color-primary))}.detail__translation-modal-option-label{flex:1}.detail__translation-modal-option:hover{background:var(--story-surface-container, var(--color-surface-container))}.detail__translation-modal-option--active{background:var(--story-secondary-container, var(--color-secondary-container));color:var(--story-on-secondary-container, var(--color-on-secondary-container));font-weight:var(--font-weight-medium)}.detail__translation-modal-empty{margin:0;font-size:var(--font-label);color:var(--color-on-surface-variant)}.detail__license-modal-text{margin:0;font-size:var(--font-label);line-height:1.6;color:var(--color-on-surface-variant);white-space:pre-wrap}@media(min-width:900px){.detail__layout--two-col{flex-direction:row;justify-content:center;align-items:flex-start}.detail__left{flex:0 1 600px;width:min(100%,600px);max-width:600px}.detail__right{width:360px;flex-shrink:0;position:sticky;--detail-right-top-offset: calc(var(--floating-toolbar-offset) + var(--space-lg));top:var(--detail-right-top-offset);max-height:calc(100vh - var(--detail-right-top-offset));overflow:hidden}.detail__chapters-list{flex:1;min-height:0;overflow-y:auto}}@media(max-width:600px){.detail__header{flex-direction:column;align-items:center;text-align:center}.detail__thumb{width:140px;height:140px}.detail__chips{justify-content:center}.detail__section-header{flex-direction:column;align-items:flex-start}.detail__section-header--vocab{flex-direction:row;align-items:center;flex-wrap:nowrap}.detail__vocab-selector-wrap{width:auto;flex:1;min-width:0}.detail__vocab-select{flex:1;min-width:0}.detail__vocab-words{grid-template-columns:1fr}.detail__vocab-card{padding:var(--space-md)}.detail__vocab-groups{gap:0}.detail__vocab-group{border:0;border-radius:0;background:transparent;padding:0}.detail__vocab-group+.detail__vocab-group{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid color-mix(in srgb,var(--story-outline, var(--color-outline)) 34%,transparent)}.detail__vocab-modal-tabs{grid-template-columns:1fr}.detail__vocab-modal-tab{font-size:var(--font-label)}.detail__section-header--description{flex-direction:row;align-items:center}.detail__section-header.detail__section-header--vocab>h2{padding-top:0}.detail__section>h2,.detail__section-header>h2{padding-top:var(--space-sm)}.detail__license-link{padding-top:var(--space-sm)}.detail__section--mobile-chapters{display:flex}.detail__right--desktop-chapters{display:none}}.segmented-control{--segmented-count: 1;--segmented-index: 0;--segmented-padding: 2px;--segmented-border: var(--color-outline-variant);--segmented-bg: var(--color-surface-container-high);--segmented-indicator-bg: var(--color-secondary-container);--segmented-text: var(--color-on-surface-variant);--segmented-text-active: var(--color-on-secondary-container);--segmented-focus-ring: color-mix(in srgb, var(--color-primary) 42%, transparent);--segmented-option-height: 34px;--segmented-option-min-width: 84px;--segmented-content-padding-inline: 6px;--segmented-check-size: 14px;--segmented-check-gap: 6px;--segmented-check-offset-start: 2px;position:relative;display:flex;border-radius:var(--radius-full);border:1px solid var(--segmented-border);background:var(--segmented-bg);padding:var(--segmented-padding);isolation:isolate}.segmented-control:before{content:"";position:absolute;top:var(--segmented-padding);left:var(--segmented-padding);height:calc(100% - (var(--segmented-padding) * 2));width:calc((100% - (var(--segmented-padding) * 2)) / var(--segmented-count));border-radius:var(--radius-full);background:var(--segmented-indicator-bg);transform:translate(calc(100% * var(--segmented-index)));transition:transform .28s cubic-bezier(.2,0,0,1),background-color .22s ease-out;will-change:transform}.segmented-control__option{flex:1 1 0;min-width:var(--segmented-option-min-width);min-height:var(--segmented-option-height);position:relative;z-index:1;padding:var(--space-xs) var(--space-sm);font-size:var(--font-caption);font-weight:var(--font-weight-medium);color:var(--segmented-text);transition:color .2s ease-out}.segmented-control__option--active{color:var(--segmented-text-active)}.segmented-control__option:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--segmented-focus-ring);border-radius:var(--radius-full)}.segmented-control__option:disabled{cursor:not-allowed;opacity:.45}.segmented-control__content{display:inline-flex;align-items:center;justify-content:center;width:100%;padding-inline:var(--segmented-content-padding-inline)}.segmented-control__check-wrap{display:inline-flex;align-items:center;justify-content:center;width:0;opacity:0;margin-left:var(--segmented-check-offset-start);margin-right:0;overflow:hidden;transition:width .23s cubic-bezier(.2,0,0,1),opacity .18s ease-out,margin-right .23s cubic-bezier(.2,0,0,1)}.segmented-control__check-wrap--active{width:var(--segmented-check-size);opacity:1;margin-right:var(--segmented-check-gap)}.segmented-control__check{display:inline-flex;align-items:center}.segmented-control__label{display:inline-block;padding-inline:2px;white-space:nowrap}@media(prefers-reduced-motion:reduce){.segmented-control:before,.segmented-control__option,.segmented-control__check-wrap{transition:none}}.side-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;background:#0000004d;display:none}.side-panel{position:fixed;top:0;right:0;bottom:0;width:var(--sidebar-width);background:var(--color-surface-container-lowest);border-left:1px solid var(--color-outline-variant);z-index:135;display:flex;flex-direction:column;box-shadow:-4px 0 24px #00000014;animation:sidePanelSlideIn .25s cubic-bezier(.4,0,.2,1)}@keyframes sidePanelSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.side-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-outline-variant);gap:var(--space-sm)}.side-panel__title{font-size:var(--font-title);font-weight:var(--font-weight-semibold);margin:0}.side-panel__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-on-surface-variant);transition:background-color var(--transition-fast)}.side-panel__close:hover{background:var(--color-surface-container-high)}.side-panel__content{flex:1;overflow-y:auto;padding:var(--space-lg)}.side-panel__content--dict{overflow:hidden;padding:0}.side-panel__search{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container);color:var(--color-on-surface);font-size:var(--font-label);outline:none;transition:border-color .15s ease}.side-panel__search:focus{border-color:var(--color-primary)}.side-panel__search::placeholder{color:var(--color-on-surface-variant);opacity:.6}.side-panel__list{display:flex;flex-direction:column;gap:var(--space-sm)}.side-panel__empty{text-align:center;color:var(--color-on-surface-variant);font-size:var(--font-label);padding:var(--space-xl) 0}.side-panel__composer{margin-bottom:var(--space-sm);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface-container-low);overflow:hidden}.side-panel__composer-context{padding:var(--space-sm) var(--space-md)}.side-panel__sentence-context-label{margin:0 0 4px;font-size:var(--font-caption);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-variant)}.side-panel__sentence-context-text{margin:0;font-size:var(--font-label);color:var(--color-on-surface);line-height:1.35;word-break:break-word}.side-panel__sentence-context-text--empty{color:var(--color-on-surface-variant)}.side-panel__input-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.side-panel__input-row--composer{align-items:center;margin-bottom:0;padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-outline-variant);background:color-mix(in srgb,var(--color-surface-container) 60%,transparent)}.side-panel__input-row--composer-multiline{align-items:flex-end}.side-panel__input-row--composer-multiline .side-panel__send{align-self:flex-end}.side-panel__input-row--composer .side-panel__input{align-self:center;border:0;border-radius:0;background:transparent;padding:0;min-height:0}.side-panel__input-row--composer .side-panel__input:focus{border-color:transparent}.side-panel__input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);background:var(--color-surface-container);color:var(--color-on-surface);font-size:var(--font-label);line-height:1.35;outline:none;transition:border-color .15s ease;resize:none;overflow:hidden;min-height:1.35em}.side-panel__input:focus{border-color:var(--color-primary)}.side-panel__input::placeholder{color:var(--color-on-surface-variant);opacity:.6}.side-panel__send{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-body);font-weight:var(--font-weight-bold);transition:opacity .15s ease;flex-shrink:0}.side-panel__send:hover{opacity:.9}.side-panel__send:disabled{opacity:.4;cursor:not-allowed}.side-panel__send-spinner{width:14px;height:14px;border-radius:50%;border:2px solid color-mix(in srgb,var(--color-on-primary) 30%,transparent);border-top-color:var(--color-on-primary);animation:sidePanelSpinner .7s linear infinite}@keyframes sidePanelSpinner{to{transform:rotate(360deg)}}.side-panel__dict{height:100%;display:flex;flex-direction:column;min-height:0}.side-panel__search-wrap{padding:var(--space-md);border-bottom:1px solid var(--color-outline-variant);flex-shrink:0}.side-panel__dict-list{flex:1;min-height:0;overflow-y:scroll;display:block;padding-right:8px;margin-right:-8px}.dict-item{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;overflow:hidden;width:100%;border:0;border-bottom:1px solid var(--color-outline-variant);background:transparent;color:inherit;cursor:pointer;padding:var(--space-sm) var(--space-md);text-align:left;white-space:normal;line-height:1.35;min-height:0;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-xs);transition:background-color .15s ease}.dict-item:hover{background:var(--color-surface-container)}.dict-item:active{background:var(--color-surface-container-high)}.dict-item__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.dict-item__header{display:flex;align-items:baseline;gap:var(--space-sm)}.dict-item__display{font-size:var(--font-title);font-weight:var(--font-weight-bold);color:var(--color-on-surface)}.dict-item__pronunciation{font-size:var(--font-caption);color:var(--color-on-surface-variant)}.dict-item__meanings{display:flex;flex-direction:column;gap:4px}.dict-item__meaning{font-size:var(--font-caption);color:var(--color-on-surface);margin:0}.dict-item__hsk{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-primary);padding:1px 6px;background:var(--color-primary-container);border-radius:var(--radius-full);flex-shrink:0}.dict-item__ripple{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(0);background:color-mix(in srgb,var(--color-primary) 20%,transparent);animation:dictItemRipple .5s ease-out}@keyframes dictItemRipple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}.side-panel__dict-list::-webkit-scrollbar{width:7px}.side-panel__dict-list::-webkit-scrollbar-thumb{background-color:#0006;border-radius:10rem;border:1px solid transparent;background-clip:padding-box}.side-panel__dict-list::-webkit-scrollbar-track-piece:start,.side-panel__dict-list::-webkit-scrollbar-track-piece:end{background:transparent}.note-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-outline-variant) 72%,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--color-surface-container) 94%,transparent),color-mix(in srgb,var(--color-surface-container-low) 96%,transparent));box-shadow:0 6px 14px #0000000a;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.note-card:focus-visible{border-color:color-mix(in srgb,var(--color-primary) 52%,var(--color-outline));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}.note-card--highlighted{border-color:color-mix(in srgb,var(--color-primary) 48%,var(--color-outline));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 14%,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--color-primary-container) 30%,var(--color-surface-container)),color-mix(in srgb,var(--color-primary-container) 18%,var(--color-surface-container-low)))}.note-card__time{font-size:.72rem;color:var(--color-on-surface-variant);letter-spacing:.01em}.note-card__text{font-size:var(--font-label);color:var(--color-on-surface);margin:0;line-height:1.45;white-space:pre-wrap}.note-card__edit{display:flex;flex-direction:column;gap:var(--space-sm)}.note-card__edit-input{width:100%;min-height:84px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-outline-variant);background:var(--color-surface-container-low);color:var(--color-on-surface);font-size:var(--font-label);line-height:1.45;resize:vertical}.note-card__edit-input:focus{outline:none;border-color:var(--color-primary)}.note-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.note-card__time--inline{margin-left:auto;white-space:nowrap}.note-card__action{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 var(--space-md);border-radius:var(--radius-full);border:1px solid transparent;font-size:var(--font-caption);font-weight:var(--font-weight-semibold);transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.note-card__action:disabled{opacity:.45;cursor:not-allowed;transform:none}.note-card__action--save{background:var(--color-primary-container);color:var(--color-on-primary-container);border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)}.note-card__action--save:hover{background:color-mix(in srgb,var(--color-primary-container) 84%,white);transform:translateY(-1px)}.note-card__action--quiet{background:color-mix(in srgb,var(--color-surface-container-high) 88%,transparent);color:var(--color-on-surface-variant);border-color:color-mix(in srgb,var(--color-outline-variant) 60%,transparent)}.note-card__action--quiet:hover{background:var(--color-surface-container-high);color:var(--color-on-surface);transform:translateY(-1px)}.note-card__action--delete{background:transparent;color:var(--color-on-surface-variant);border-color:color-mix(in srgb,var(--color-outline-variant) 55%,transparent)}.note-card__action--delete:hover{color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 35%,transparent);background:color-mix(in srgb,var(--color-error) 8%,transparent);transform:translateY(-1px)}.qa-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-outline-variant) 72%,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--color-surface-container) 94%,transparent),color-mix(in srgb,var(--color-surface-container-low) 96%,transparent));box-shadow:0 6px 14px #0000000a;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.qa-card:focus-visible{border-color:color-mix(in srgb,var(--color-primary) 52%,var(--color-outline));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}.qa-card--highlighted{border-color:color-mix(in srgb,var(--color-primary) 48%,var(--color-outline));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 14%,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--color-primary-container) 30%,var(--color-surface-container)),color-mix(in srgb,var(--color-primary-container) 18%,var(--color-surface-container-low)))}.qa-card__time{font-size:.72rem;color:var(--color-on-surface-variant);letter-spacing:.01em}.qa-card__time-wrap{display:flex;justify-content:flex-end}.qa-card__block{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-container-low) 92%,transparent);border:1px solid color-mix(in srgb,var(--color-outline-variant) 72%,transparent)}.qa-card__label{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:.72rem;font-weight:var(--font-weight-bold);color:var(--color-on-primary-container);background:var(--color-primary-container)}.qa-card__text{margin:0;font-size:var(--font-label);line-height:1.45;color:var(--color-on-surface);white-space:pre-wrap}.annotation-reference{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--color-outline-variant));background:color-mix(in srgb,var(--color-primary-container) 18%,var(--color-surface-container));transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.annotation-reference:hover{background:color-mix(in srgb,var(--color-primary-container) 28%,var(--color-surface-container));border-color:color-mix(in srgb,var(--color-primary) 38%,var(--color-outline));transform:translateY(-1px)}.annotation-reference:disabled{opacity:.7;cursor:not-allowed;transform:none}.annotation-reference__label{font-size:var(--font-caption);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-variant)}.annotation-reference__text{font-size:var(--font-label);color:var(--color-on-surface);line-height:1.35}.annotation-reference__text--empty{color:var(--color-on-surface-variant)}.annotation-reference__jump{margin-top:2px;font-size:var(--font-caption);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.side-panel__prefs{display:flex;flex-direction:column;gap:var(--space-lg)}.side-panel__prefs-group{display:flex;flex-direction:column;gap:var(--space-sm)}.side-panel__prefs-group--advanced{gap:var(--space-md)}.side-panel__prefs-divider{width:100%;margin:0;border:0;border-top:1px solid var(--color-outline-variant)}.side-panel__prefs-title{margin:0;font-size:var(--font-label);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-variant)}.side-panel__slider-row{display:flex;align-items:center;gap:var(--space-sm)}.side-panel__slider-row input[type=range]{flex:1}.side-panel__slider-row span{font-size:var(--font-caption);color:var(--color-on-surface-variant);min-width:48px;text-align:right}.side-panel__select-row select{width:100%;min-height:36px;border-radius:var(--radius-sm);border:1px solid var(--color-outline-variant);background:var(--color-surface-container);color:var(--color-on-surface);padding:0 var(--space-sm);font-size:var(--font-label)}.side-panel__font-options{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.side-panel__font-option{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);background:var(--color-surface-container);color:var(--color-on-surface);font-size:var(--font-caption);font-weight:var(--font-weight-medium);border:1px solid transparent;transition:all var(--transition-fast)}.side-panel__font-option:hover{background:var(--color-surface-container-high)}.side-panel__font-option--active{background:var(--color-primary-container);color:var(--color-on-primary-container);border-color:var(--color-primary)}.side-panel__prefs-toggle{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-label);color:var(--color-on-surface)}.side-panel__tone-table-wrap{display:flex;flex-direction:column;gap:var(--space-md)}.side-panel__tone-table{width:100%;border-collapse:collapse;border:1px solid var(--color-outline-variant)}.side-panel__tone-table th,.side-panel__tone-table td{padding:var(--space-sm);border:1px solid var(--color-outline-variant);text-align:left;font-size:var(--font-caption)}.side-panel__tone-table th{color:var(--color-on-surface-variant);font-weight:var(--font-weight-semibold)}.side-panel__tone-table input[type=color]{width:100%;min-height:36px;border:0;background:transparent;padding:0;cursor:pointer}.side-panel__tone-reset{width:100%;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface-container-high);color:var(--color-on-surface);font-size:var(--font-label);font-weight:var(--font-weight-semibold)}.side-panel__tone-reset:hover{background:var(--color-surface-container-highest)}.side-panel__prefs-muted{margin:0;font-size:var(--font-caption);color:var(--color-on-surface-variant)}.side-panel__prefs-error{margin:var(--space-sm) 0 0;font-size:var(--font-caption);color:var(--color-error)}.side-panel__shortcuts-editor{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.side-panel__shortcut-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.side-panel__shortcut-label{font-size:var(--font-label);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.4}.side-panel__shortcut-keys{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-sm)}.side-panel__shortcut-key-slot{display:flex;align-items:center;gap:var(--space-xs)}.side-panel__shortcut-slot-label{font-size:var(--font-caption);color:var(--color-on-surface-variant)}.side-panel__shortcut-btn{min-width:92px;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-outline-variant);background:var(--color-surface-container);font-size:var(--font-caption);color:var(--color-on-surface);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.side-panel__shortcut-btn:hover{background:var(--color-surface-container-high)}.side-panel__shortcut-btn--capturing{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface-container))}.side-panel__shortcut-reset{width:100%;margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface-container-high);color:var(--color-on-surface);font-size:var(--font-label);font-weight:var(--font-weight-semibold)}.side-panel__shortcut-reset:hover{background:var(--color-surface-container-highest)}@media(max-width:768px){.side-panel-backdrop{display:block}.side-panel{width:100%;border-left:none}}.zh-pref-modal .modal__body{padding-top:12px}.zh-pref-modal__content{display:flex;flex-direction:column;gap:14px}.zh-pref-modal__subtitle{margin:0;color:var(--color-on-surface-variant);font-size:var(--font-label);line-height:1.4}.zh-pref-modal__controls{display:grid;gap:10px}.zh-pref-modal__toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container-low);font-size:var(--font-label)}.zh-pref-modal__toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.zh-pref-modal__select-label{font-size:var(--font-caption);color:var(--color-on-surface-variant)}.zh-pref-modal__select{width:100%;border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);padding:10px 12px;background:var(--color-surface-container-low);color:var(--color-on-surface);font-size:var(--font-label)}.zh-pref-modal__sample{margin-top:10px;padding:12px;border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container-low)}.zh-pref-modal__sample h3{margin:0 0 10px;font-size:var(--font-label)}.zh-pref-modal__sentence{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;line-height:1.2}.zh-pref-modal__sentence .reading-word{cursor:default;pointer-events:none;border-radius:var(--radius-sm);padding:2px 3px}.zh-pref-modal__sentence .reading-word__text{font-size:22px;font-weight:var(--font-weight-medium)}.zh-pref-modal__note{display:inline-flex;align-items:center;gap:4px;width:fit-content;margin:0;font-size:var(--font-caption);color:var(--color-on-surface-variant)}.zh-pref-modal__note-icon{width:14px;height:14px;color:var(--color-on-surface-variant)}[data-theme=dark] .zh-pref-modal__note-icon{color:var(--color-on-surface)}.zh-pref-modal__note-link{padding:0;border:none;background:none;color:var(--color-primary);text-decoration:underline;cursor:pointer}.zh-pref-modal__note-link:hover{color:color-mix(in srgb,var(--color-primary) 84%,black)}.zh-pref-modal__cta{width:100%;margin-top:6px;border-radius:var(--radius-md);padding:12px 16px;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-label);font-weight:var(--font-weight-semibold);text-align:center}.zh-pref-modal__cta:hover{filter:brightness(.96)}@media(max-width:720px){.zh-pref-modal__sentence .reading-word__text{font-size:18px}}.reading{min-height:100vh;display:flex;flex-direction:column;background:var(--story-surface, var(--color-surface));transition:background-color .2s ease;--reading-panel-inset: 0px}.reading--with-panel{margin-right:var(--sidebar-width);--reading-panel-inset: var(--sidebar-width)}.reading__content{flex:1;max-width:var(--reading-max-width);margin:0 auto;padding:var(--space-lg) var(--space-md);padding-top:var(--floating-toolbar-offset);padding-bottom:calc(var(--reading-content-bottom-padding, 180px) + env(safe-area-inset-bottom,0px));width:100%}.reading__content--loading{display:flex;flex-direction:column;gap:var(--space-lg)}.reading__content--audio{display:flex;align-items:center;justify-content:center;padding-bottom:var(--space-lg)}.reading__content--focus{display:flex;flex-direction:column}.reading__content.reading__content--focus{padding-top:0}.reading__error{display:flex;flex-direction:column;align-items:center;padding:var(--space-3xl);padding-top:calc(var(--floating-toolbar-offset) + var(--space-xl));gap:var(--space-md)}.reading__standard{display:flex;flex-direction:column;gap:var(--space-lg)}.reading__standard .reading-paragraph,.reading__standard .reading-paragraph *,.reading__focus .focus-sentence,.reading__focus .focus-sentence *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.reading input,.reading textarea,.reading select,.reading [contenteditable=true],.reading .word-popup,.reading .word-popup *,.reading .side-panel__content,.reading .side-panel__content *,.reading .modal__body,.reading .modal__body *{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.reading input[type=range]{user-select:auto;-webkit-user-select:auto;-webkit-touch-callout:default}.reading-paragraph{line-height:1;margin:0;font-size:var(--reading-text-size, 1.1rem)}.reading-sentence{transition:background-color .1s ease;border-radius:0;padding:1px 0}.reading-sentence--current{background:transparent}.reading-sentence__indicators{display:inline-flex;align-items:flex-start;gap:4px;margin-inline-start:4px;vertical-align:top}.reading-sentence-indicator{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;color:var(--color-on-surface-variant);transition:color .15s ease}.reading-sentence-indicator:hover{color:var(--story-primary, var(--color-primary))}.reading-sentence-indicator__icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--story-primary-container, var(--color-primary-container)) 36%,transparent);transition:background-color .15s ease,transform .15s ease}.reading-sentence-indicator:hover .reading-sentence-indicator__icon-wrap{background:color-mix(in srgb,var(--story-primary-container, var(--color-primary-container)) 62%,transparent);transform:translateY(-1px)}.reading-sentence-indicator__icon{width:14px;height:14px}.reading-sentence-indicator__count{position:absolute;top:-3px;right:-3px;min-width:13px;height:13px;padding:0 3px;border-radius:999px;background:var(--story-primary, var(--color-primary));color:var(--story-on-primary, var(--color-on-primary));font-size:9px;font-weight:var(--font-weight-bold);line-height:13px;text-align:center}.reading-word{display:inline-flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;padding:2px 1px;border-radius:0;transition:background-color .1s ease;vertical-align:top;line-height:1}.reading-word--text{cursor:default;pointer-events:none}.reading-word:not(.reading-word--text):hover{background:var(--color-surface-container-high)}.reading-word--in-sentence{background:color-mix(in srgb,var(--story-primary-container, var(--color-primary-container)) 30%,transparent)}.reading-word--current{background:color-mix(in srgb,var(--story-primary-container, var(--color-primary-container)) 82%,transparent);color:inherit}.reading-word--current:hover{background:color-mix(in srgb,var(--story-primary-container, var(--color-primary-container)) 88%,transparent)}.reading-word__ruby{font-size:var(--reading-hint-size, .55em);color:var(--color-on-surface-variant);line-height:1.2;white-space:nowrap;min-height:.7em;font-family:var(--font-body-family);padding-inline:2px}.reading-word__ruby--spacer{visibility:hidden}.reading-word--current .reading-word__ruby{color:var(--color-on-surface-variant);opacity:1}.reading-word__text{line-height:1.5;white-space:nowrap;font-family:var(--reading-content-font, inherit)}.reading-word__gloss{font-size:var(--reading-hint-size, .5em);color:var(--color-primary);line-height:1.2;white-space:nowrap;min-height:.6em;font-family:var(--font-body-family);padding-inline:2px}.reading-toolbar__icon-mask{width:20px;height:20px;display:inline-block;background-color:currentColor;mask-image:var(--reading-toolbar-icon-url);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:var(--reading-toolbar-icon-url);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.reading-word__gloss--spacer{visibility:hidden}.reading-word--current .reading-word__gloss{color:var(--color-primary);opacity:1}.reading-word--unreached{opacity:.25;transition:opacity .2s ease}.reading__mode-tabs{display:inline-flex}.reading__mode-tabs-control{--segmented-padding: 3px;--segmented-border: color-mix(in srgb, var(--color-outline-variant) 62%, transparent);--segmented-bg: color-mix(in srgb, var(--color-surface-container-high) 82%, transparent);--segmented-indicator-bg: #fff;--segmented-text: var(--color-on-surface-variant);--segmented-text-active: var(--story-primary, var(--color-primary));--segmented-focus-ring: color-mix(in srgb, var(--story-primary, var(--color-primary)) 42%, transparent);--segmented-option-height: 38px;--segmented-option-min-width: 108px;--segmented-content-padding-inline: 0;width:fit-content;justify-self:center;box-shadow:0 2px 8px #10121624;backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}.reading__mode-tabs-control .segmented-control__option{font-size:var(--font-label);font-weight:var(--font-weight-semibold)}.reading__mode-tabs-control:before{box-shadow:inset 0 0 0 1px color-mix(in srgb,#ffffff 72%,transparent),0 1px 4px #1012161f}[data-theme=dark] .reading__mode-tabs-control{--segmented-bg: color-mix(in srgb, var(--color-surface-container-highest) 84%, transparent);--segmented-indicator-bg: color-mix(in srgb, var(--color-surface-container-highest) 78%, #ffffff)}[data-theme=dark] .reading__mode-tabs-control:before{box-shadow:inset 0 0 0 1px color-mix(in srgb,#ffffff 24%,transparent),0 1px 4px #00000052}.reading__focus{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;min-height:0;gap:var(--space-lg);text-align:center;padding:var(--space-lg) 0;--focus-shift-distance: 56px}.reading__focus--bottom-priority{justify-content:flex-end;padding-top:var(--floating-toolbar-offset)}.reading__focus-sentences{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:var(--reading-max-width);gap:var(--space-xl);overflow:hidden}.reading__focus--bottom-priority .reading__focus-sentences{justify-content:flex-end}.focus-sentence{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;transition:opacity .25s ease;line-height:1}.focus-sentence--prev{opacity:1;font-size:var(--reading-text-size, 1.1rem)}.focus-sentence--current{font-size:calc(var(--reading-text-size, 1.1rem) * 1.08);font-weight:var(--font-weight-medium)}.focus-sentence--animating.focus-sentence--animating-forward.focus-sentence--prev{animation:focusShiftToPrev .62s cubic-bezier(.22,1,.36,1) both}.focus-sentence--animating.focus-sentence--animating-forward.focus-sentence--current{animation:focusEnterCurrentForward .62s cubic-bezier(.22,1,.36,1) both}.focus-sentence--animating.focus-sentence--animating-backward.focus-sentence--prev{animation:focusEnterPrevBackward .62s cubic-bezier(.22,1,.36,1) both}.focus-sentence--animating.focus-sentence--animating-backward.focus-sentence--current{animation:focusEnterCurrentBackward .62s cubic-bezier(.22,1,.36,1) both}@keyframes focusShiftToPrev{0%{transform:translateY(var(--focus-shift-distance));opacity:1}to{transform:translateY(0);opacity:1}}@keyframes focusEnterCurrentForward{0%{transform:translateY(28px);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes focusEnterPrevBackward{0%{transform:translateY(-20px);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes focusEnterCurrentBackward{0%{transform:translateY(calc(var(--focus-shift-distance) * -1));opacity:.72}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.focus-sentence--animating{animation:none!important}}.reading__audio{display:flex;align-items:center;justify-content:center;width:100%}.audio-player{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);max-width:380px;width:100%;padding:var(--space-xl) var(--space-md)}.audio-player__cover{width:280px;height:280px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-3),0 20px 60px #00000026;background:var(--color-surface-container-high)}.audio-player__cover-img{width:100%;height:100%;object-fit:cover}.audio-player__info{text-align:center;margin-top:var(--space-sm)}.audio-player__title{font-size:var(--font-title);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin:0}.audio-player__subtitle{font-size:var(--font-label);color:var(--color-on-surface-variant);margin:var(--space-xs) 0 0}.audio-player__seekbar{display:flex;align-items:center;gap:var(--space-sm);width:100%}.audio-player__time{font-size:var(--font-caption);color:var(--color-on-surface-variant);white-space:nowrap;font-variant-numeric:tabular-nums;min-width:36px;text-align:center}.audio-player__slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-outline-variant);border-radius:2px;outline:none}.audio-player__slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-primary);cursor:pointer}.audio-player__controls{display:flex;align-items:center;justify-content:center;gap:var(--space-lg)}.audio-player__speed-anchor{position:relative}.audio-player__speed-btn--ghost{visibility:hidden;pointer-events:none}.audio-player__nav-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);color:var(--color-on-surface);transition:background-color .15s ease}.audio-player__nav-btn:hover{background:var(--color-surface-container-high)}.audio-player__play-btn{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:var(--story-primary, var(--color-primary));color:var(--story-on-primary, var(--color-on-primary));transition:opacity .15s ease,transform .15s ease;box-shadow:0 4px 16px #00000026}.audio-player__play-btn:hover{opacity:.9;transform:scale(1.05)}.audio-player__speed-btn{font-size:var(--font-caption);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-variant);padding:4px 8px;border-radius:var(--radius-sm);transition:background-color .15s ease}.audio-player__speed-btn:hover{background:var(--color-surface-container-high)}.speed-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-sm);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-3);padding:var(--space-xs);display:flex;flex-direction:column;z-index:80;min-width:80px}.speed-menu__item{padding:var(--space-sm) var(--space-md);font-size:var(--font-label);font-weight:var(--font-weight-medium);color:var(--color-on-surface);border-radius:var(--radius-sm);text-align:center;transition:background-color .15s ease}.speed-menu__item:hover{background:var(--color-surface-container-high)}.speed-menu__item--active{color:var(--color-primary);font-weight:var(--font-weight-bold)}.reading-image{margin:0;border-radius:var(--radius-md);overflow:hidden}.reading-image img{width:auto;max-width:100%;height:auto;max-height:min(30vh,350px);display:block;margin:0 auto;border-radius:inherit}.reading__end-cta{display:flex;justify-content:center;padding:var(--space-xl) 0}.reading__complete-btn{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);background:var(--story-primary, var(--color-primary));color:var(--story-on-primary, var(--color-on-primary));font-size:var(--font-body);font-weight:var(--font-weight-semibold);transition:opacity .15s ease,transform .15s ease}.reading__complete-btn:hover{opacity:.9;transform:translateY(-1px)}.reading-toolbar{position:fixed;bottom:20px;left:50%;transform:translate(calc(-50% - (var(--reading-panel-inset) / 2)));z-index:60;transition:transform .22s ease}.reading-toolbar__inner{display:inline-flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 14px;background:#1e1f25bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0003,0 2px 8px #0000001a}[data-theme=light] .reading-toolbar__inner{background:#fffc;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d}.reading-toolbar__controls{display:inline-flex;align-items:center;align-self:center;gap:6px;width:max-content}.reading-toolbar__sentence{width:var(--reading-controls-width, auto);max-width:var(--reading-controls-width, 100%);padding:6px 10px;border-radius:var(--radius-md);font-size:var(--font-label);line-height:1.35;text-align:center;color:#ffffffdb;white-space:normal;overflow-wrap:anywhere;word-break:break-word;transition:background-color .15s ease,color .15s ease}[data-theme=light] .reading-toolbar__sentence{color:var(--color-on-surface-variant)}.reading-toolbar__sentence:hover{background:#4a6cf724;color:#fffffff2}[data-theme=light] .reading-toolbar__sentence:hover{background:#4a6cf71f;color:var(--color-on-surface)}.reading-toolbar__sentence--placeholder{color:#ffffff94;font-size:var(--font-caption);line-height:1.4}[data-theme=light] .reading-toolbar__sentence--placeholder{color:var(--color-on-surface-variant)}.reading-toolbar__sentence-sep{width:var(--reading-controls-width, 100%);max-width:var(--reading-controls-width, 100%);height:1px;background:#ffffff26}[data-theme=light] .reading-toolbar__sentence-sep{background:var(--color-outline-variant)}.reading-toolbar__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:#ffffffb3;transition:all .15s ease;font-size:var(--font-label);font-weight:var(--font-weight-semibold)}[data-theme=light] .reading-toolbar__btn{color:var(--color-on-surface-variant)}.reading-toolbar__btn:hover{background:#ffffff1a;color:#fff}[data-theme=light] .reading-toolbar__btn:hover{background:var(--color-surface-container-high);color:var(--color-on-surface)}.reading-toolbar__play{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:var(--story-primary, var(--color-primary));color:var(--story-on-primary, var(--color-on-primary));transition:opacity .15s ease,transform .15s ease}.reading-toolbar__play:hover{opacity:.9;transform:scale(1.05)}.reading-toolbar__sep{width:1px;height:20px;background:#ffffff26;margin:0 2px}[data-theme=light] .reading-toolbar__sep{background:var(--color-outline-variant)}.reading-toolbar__toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-full);font-size:var(--font-label);font-weight:var(--font-weight-semibold);color:#ffffff80;transition:all .15s ease}[data-theme=light] .reading-toolbar__toggle{color:var(--color-on-surface-variant)}.reading-toolbar__toggle:hover{background:#ffffff14}[data-theme=light] .reading-toolbar__toggle:hover{background:var(--color-surface-container-high)}.reading-toolbar__toggle:disabled{opacity:.4;cursor:not-allowed}.reading-toolbar__toggle:disabled:hover{background:transparent}.reading-toolbar__toggle--active{background:#ffffff26;color:#fff}[data-theme=light] .reading-toolbar__toggle--active{background:var(--color-primary-container);color:var(--color-on-primary-container)}.reading-toolbar__speed-anchor{position:relative;display:flex}.focus-controls{position:fixed;bottom:0;left:0;right:var(--reading-panel-inset);z-index:60;padding:var(--space-md) var(--space-lg) calc(var(--space-lg) + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,var(--color-surface) 30%);transition:right .22s ease}.focus-controls__inner{max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.focus-controls__sentence{width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--focus-translation-font-size, var(--font-label));max-height:var(--focus-translation-max-height, 120px);line-height:1.35;text-align:center;color:var(--color-on-surface);background:var(--color-surface-container-low);white-space:normal;overflow-wrap:anywhere;word-break:break-word;overflow:hidden;text-overflow:clip;transition:background-color .15s ease,color .15s ease}.focus-controls__sentence:hover{background:var(--color-surface-container-high)}.focus-controls__sentence--placeholder{--focus-translation-font-size: var(--font-caption);color:var(--color-on-surface-variant);line-height:1.4}.focus-controls__sentence-sep{width:100%;height:1px;background:var(--color-outline-variant)}.focus-controls__row{display:flex;align-items:center;justify-content:center;gap:var(--space-lg)}.focus-controls__row--toggles{gap:var(--space-sm);justify-content:center}.focus-controls__row--transport{gap:var(--space-lg)}.focus-controls__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);color:var(--color-on-surface);transition:background-color .15s ease}.focus-controls__btn:hover{background:var(--color-surface-container-high)}.focus-controls__play{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--story-primary, var(--color-primary));color:var(--story-on-primary, var(--color-on-primary));transition:opacity .15s ease,transform .15s ease;box-shadow:0 4px 16px #0000001f}.focus-controls__play:hover{opacity:.9;transform:scale(1.05)}.focus-controls__seekbar{display:flex;align-items:center;gap:var(--space-sm)}.focus-controls__time{font-size:var(--font-caption);color:var(--color-on-surface-variant);font-variant-numeric:tabular-nums;min-width:36px;text-align:center}.focus-controls__slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-outline-variant);border-radius:2px;outline:none}.focus-controls__slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-primary);cursor:pointer}.focus-controls__toggle{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-label);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-variant);transition:all .15s ease}.focus-controls__toggle:hover{background:var(--color-surface-container-high)}.focus-controls__toggle:disabled{opacity:.4;cursor:not-allowed}.focus-controls__toggle:disabled:hover{background:transparent}.focus-controls__toggle--active{background:var(--color-primary-container);color:var(--color-on-primary-container)}.focus-controls__speed-anchor{position:relative;display:flex}.focus-controls__toggle--ghost{visibility:hidden;pointer-events:none}.word-popup{position:fixed;z-index:140;background:#1a1a24b8;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0f;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);padding:var(--space-md) var(--space-lg);min-width:200px;width:280px;max-width:280px;overflow-x:hidden;animation:popupFadeIn .15s ease}.word-popup,.word-popup *{color:#f6f7fb}[data-theme=light] .word-popup{background:#ffffffad;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff80}[data-theme=light] .word-popup,[data-theme=light] .word-popup *{color:var(--color-on-surface)}.word-popup--hover{pointer-events:none}.word-context-popup{pointer-events:auto;z-index:145}.word-popup--above{animation:popupFadeInUp .15s ease}.word-popup--below{animation:popupFadeInDown .15s ease}.word-popup--center{animation:popupFadeIn .15s ease}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupFadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes popupFadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.word-popup__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.word-popup__title-wrap{display:flex;flex-direction:column;min-width:0;gap:2px}.word-popup__display{font-size:var(--font-headline);font-weight:var(--font-weight-bold);line-height:1.2}.word-popup__pronunciation{font-size:var(--font-label);opacity:.78;line-height:1.2}.word-popup__meanings{display:flex;flex-direction:column;gap:2px;margin:0}.word-popup__meaning{font-size:var(--font-label);margin:0;padding:0;line-height:1.45;white-space:normal;overflow-wrap:anywhere}.word-popup__context{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;gap:4px}[data-theme=light] .word-popup__context{border-top-color:#0000001a}.word-popup__context-gloss{font-size:var(--font-label);line-height:1.45;margin:0;white-space:normal;overflow-wrap:anywhere}.word-popup__context-override{font-size:var(--font-caption);line-height:1.35;opacity:.9;margin:0;white-space:normal;overflow-wrap:anywhere}.word-popup__hsk{display:inline-flex;align-items:center;font-size:var(--font-caption);font-weight:var(--font-weight-bold);padding:2px 8px;background:#ffffff29;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}[data-theme=light] .word-popup__hsk{background:#00000014}.word-context-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.18)}.word-context-actions__row{display:grid;gap:var(--space-sm)}.word-context-actions__row--top{grid-template-columns:repeat(2,minmax(0,1fr))}.word-context-actions__row--bottom{grid-template-columns:repeat(3,minmax(0,1fr))}.word-context-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:var(--space-xs);border-radius:var(--radius-md);color:var(--color-on-surface-variant);transition:background-color .15s ease,color .15s ease;position:relative}.word-context-action:hover{background:#ffffff1f}.word-context-action:disabled{opacity:.65;cursor:default}.word-context-action-icon-mask{pointer-events:none}[data-theme=light] .word-context-actions{border-bottom:1px solid rgba(0,0,0,.12)}[data-theme=light] .word-context-action:hover{background:#0000000f}.word-context-action-label{font-size:var(--font-caption);line-height:1.2;text-align:center}.word-context-action-audio-spinner,.word-context-action-audio-pulse{display:none}.word-context-action--loading .word-context-action-audio-spinner,.word-context-action--playing .word-context-action-audio-pulse{display:inline-flex}.word-context-action-audio-spinner{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:wordContextSpin .6s linear infinite}.word-context-action-audio-pulse{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:999px;background:currentColor;opacity:.65;animation:wordContextPulse .85s ease-in-out infinite}@keyframes wordContextSpin{to{transform:rotate(360deg)}}@keyframes wordContextPulse{0%,to{transform:scale(.75);opacity:.45}50%{transform:scale(1);opacity:.9}}.reading__completion-modal .modal__content{overflow:hidden;border-radius:inherit}.reading__completion-modal .modal__body{padding:0}.reading__completion{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);padding-bottom:var(--space-lg)}.reading__completion-banner{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--color-brand-banner);display:flex;align-items:center;justify-content:center;overflow:hidden}.reading__completion-banner-image{width:min(76%,420px);height:90%;object-fit:contain}.reading__completion-banner-close{position:absolute;top:var(--space-sm);left:var(--space-sm);width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-on-surface);background:color-mix(in srgb,var(--color-surface-container-lowest) 78%,transparent);border:1px solid color-mix(in srgb,var(--color-outline-variant) 70%,transparent);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.reading__completion-banner-close:hover{background:color-mix(in srgb,var(--color-surface-container-lowest) 92%,transparent);border-color:color-mix(in srgb,var(--color-outline) 70%,transparent)}.reading__completion h2{font-size:var(--font-headline);font-weight:var(--font-weight-bold);font-family:var(--font-brand-family);font-kerning:normal;letter-spacing:var(--font-brand-letter-spacing);margin:0;padding:0 var(--space-lg)}.reading__completion p{font-size:var(--font-body);color:var(--color-on-surface-variant);margin:0;padding:0 var(--space-lg)}.reading__completion-actions{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;max-width:280px;margin-top:var(--space-md)}.reading__completion-next{padding:var(--space-md);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-body);font-weight:var(--font-weight-semibold);transition:opacity .15s ease}.reading__completion-next:hover{opacity:.9}.reading__completion-home{padding:var(--space-md);border-radius:var(--radius-full);color:var(--color-on-surface-variant);font-size:var(--font-body);font-weight:var(--font-weight-medium);transition:background-color .15s ease}.reading__completion-home:hover{background:var(--color-surface-container)}@media(max-width:768px){.reading--with-panel{margin-right:0;--reading-panel-inset: 0px}.reading__mode-tabs-control{--segmented-option-min-width: 84px;--segmented-option-height: 36px}}@media(max-width:760px){.reading__mode-tabs{display:none}}@media(max-width:600px){.reading__content{padding:var(--space-md) var(--space-sm);padding-top:var(--floating-toolbar-offset);padding-bottom:calc(var(--reading-content-bottom-padding, 180px) + env(safe-area-inset-bottom,0px))}.focus-sentence--prev,.focus-sentence--current{font-size:var(--reading-text-size, 1.1rem)}.focus-sentence--current{font-size:calc(var(--reading-text-size, 1.1rem) * 1.06)}.reading-toolbar__inner{gap:4px;padding:6px 12px}.reading-toolbar__controls{gap:4px}.reading-toolbar__sentence{padding:5px 8px;font-size:var(--font-caption)}.reading-toolbar__btn,.reading-toolbar__toggle{width:32px;height:32px}.reading-toolbar__play{width:40px;height:40px}.audio-player__cover{width:220px;height:220px}}@font-face{font-family:Meloriac;src:url(/assets/Meloriac-oRgT0O3w.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body-family);line-height:1.6;min-height:100vh;overflow-y:scroll;background-color:var(--color-surface);color:var(--color-on-surface);transition:background-color .2s ease,color .2s ease}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}input,select,textarea{font-family:inherit;font-size:inherit}:root{--font-body-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-brand-family: "Meloriac", var(--font-body-family);--font-brand-letter-spacing: .04em;--color-primary: #4A6CF7;--color-on-primary: #FFFFFF;--color-primary-container: #DBE1FF;--color-on-primary-container: #001452;--color-secondary: #595E72;--color-on-secondary: #FFFFFF;--color-secondary-container: #DDE1F9;--color-on-secondary-container: #161B2C;--color-tertiary: #745470;--color-on-tertiary: #FFFFFF;--color-tertiary-container: #FFD6F8;--color-on-tertiary-container: #2B122A;--color-error: #BA1A1A;--color-on-error: #FFFFFF;--color-error-container: #FFDAD6;--color-on-error-container: #410002;--color-surface: #FAFBFF;--color-on-surface: #1A1B20;--color-on-surface-variant: #44474E;--color-surface-container-lowest: #FFFFFF;--color-surface-container-low: #F4F5FA;--color-surface-container: #EEEFF4;--color-surface-container-high: #E8E9EE;--color-surface-container-highest: #E3E4E9;--color-brand-banner: #F7E7C7;--color-outline: #75777F;--color-outline-variant: #C4C6CF;--color-inverse-surface: #2F3036;--color-inverse-on-surface: #F0F1F6;--color-inverse-primary: #B4C4FF;--shadow-1: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-2: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-3: 0 10px 20px rgba(0, 0, 0, .08), 0 3px 6px rgba(0, 0, 0, .06);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--font-display: 2rem;--font-headline: 1.5rem;--font-title: 1.25rem;--font-body: 1rem;--font-label: .875rem;--font-caption: .75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--topbar-height: 56px;--floating-toolbar-offset: calc(env(safe-area-inset-top) + 72px) ;--sidebar-width: 360px;--content-max-width: 1200px;--reading-max-width: 680px;--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--tone-1: #F93958;--tone-2: #3978C5;--tone-3: #008000;--tone-4: #000000;--tone-5: #9D9D9D}[data-theme=dark]{--color-primary: #B4C4FF;--color-on-primary: #1B3184;--color-primary-container: #33499B;--color-on-primary-container: #DBE1FF;--color-secondary: #C1C5DD;--color-on-secondary: #2B3042;--color-secondary-container: #414659;--color-on-secondary-container: #DDE1F9;--color-tertiary: #E1BBDB;--color-on-tertiary: #42263F;--color-tertiary-container: #5B3C57;--color-on-tertiary-container: #FFD6F8;--color-error: #FFB4AB;--color-on-error: #690005;--color-error-container: #93000A;--color-on-error-container: #FFDAD6;--color-surface: #121318;--color-on-surface: #E3E4E9;--color-on-surface-variant: #C4C6CF;--color-surface-container-lowest: #0D0E13;--color-surface-container-low: #1A1B20;--color-surface-container: #1E1F25;--color-surface-container-high: #292A2F;--color-surface-container-highest: #33343A;--color-brand-banner: #b48b58;--color-outline: #8E9099;--color-outline-variant: #44474E;--color-inverse-surface: #E3E4E9;--color-inverse-on-surface: #2F3036;--color-inverse-primary: #4A6CF7;--tone-1: #FF5656;--tone-2: #63C8FF;--tone-3: #5DDF5D;--tone-4: #808080;--tone-5: #DBDBDB;--shadow-1: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .24);--shadow-2: 0 4px 6px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .22);--shadow-3: 0 10px 20px rgba(0, 0, 0, .3), 0 3px 6px rgba(0, 0, 0, .22)}.page{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--color-surface-container) 25%,var(--color-surface-container-high) 50%,var(--color-surface-container) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){.shimmer{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background-color:#0006;border-radius:10rem;border:1px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#0000008c}::-webkit-scrollbar-track-piece:start{background:transparent}::-webkit-scrollbar-track-piece:end{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.4) transparent}#root{min-height:100vh;display:flex;flex-direction:column}