.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}.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}}.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)}}@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}