:root{--color-bg: var(--tg-theme-bg-color, #f4f6fb);--color-text: var(--tg-theme-text-color, #1a1a2e);--color-primary: var(--tg-theme-button-color, #5b6cf0);--color-primary-text: var(--tg-theme-button-text-color, #ffffff);--color-surface: var(--tg-theme-secondary-bg-color, #ffffff);--color-border: var(--tg-theme-hint-color, rgba(0, 0, 0, .1));--color-link: var(--tg-theme-link-color, #5b6cf0);--color-success: #2ecc71;--color-error: #e74c3c;--header-height: 52px;--radius: 14px;--transition: .22s ease;--shadow: 0 8px 28px rgba(26, 26, 46, .08)}[data-tg-theme=dark]{--shadow: 0 8px 28px rgba(0, 0, 0, .35)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.55}.app{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:8px;height:var(--header-height);padding:0 12px;padding-top:env(safe-area-inset-top);background:color-mix(in srgb,var(--color-bg) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.header__title{font-weight:700;font-size:1rem}.header__score{padding:4px 10px;font-size:.75rem;font-weight:700;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);white-space:nowrap}.main{flex:1}.view{padding:16px 16px 24px}.view__title{margin:0 0 16px;font-size:1.25rem}.home{display:flex;flex-direction:column;gap:20px}.home__avatar-wrap{display:flex;justify-content:center;padding-top:8px}.home__avatar{width:160px;height:160px;border-radius:50%;object-fit:cover;border:4px solid var(--color-surface);box-shadow:var(--shadow)}.home__help{font-size:.9375rem}.home__help p{margin:0 0 12px}.home__greeting{font-size:1.05rem;font-weight:600}.home__subtitle{margin:16px 0 8px;font-size:1rem}.home__stars-list{margin:0 0 12px;padding-left:1.25rem}.home__stars-list li{margin-bottom:4px}.home__fun{font-weight:600;text-align:center;margin-top:8px!important}.accordion{display:flex;flex-direction:column;gap:8px;margin-top:8px}.accordion__item{display:flex;flex-direction:column;gap:0}.accordion__trigger{width:100%;text-align:left;justify-content:flex-start}.accordion__trigger:after{content:"▾";margin-left:auto;font-size:.85rem;opacity:.6;transition:transform var(--transition)}.accordion__item--open .accordion__trigger:after{transform:rotate(180deg)}.accordion__panel{overflow:hidden;padding:12px 0 4px;animation:accordion-in .22s ease}.accordion__panel[hidden]{display:none}@keyframes accordion-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.accordion__help-text{padding:12px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9375rem}.accordion__help-text p{margin:0 0 8px}.accordion__help-text p:last-child{margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--transition),filter var(--transition)}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--color-primary);color:var(--color-primary-text)}.button:not(.button--primary){background:var(--color-surface);color:inherit;border:1px solid var(--color-border)}.quiz__panel{padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.quiz__placeholder,.quiz__loading{text-align:center;opacity:.75}.quiz__loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 0}.quiz__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.quiz__category{padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:var(--color-primary)}.quiz__difficulty{margin:0;font-size:.8125rem;opacity:.7}.quiz__question{margin:0 0 16px;font-size:1.1rem;line-height:1.4}.quiz__options{display:grid;gap:10px}.quiz__option{width:100%;text-align:left}.quiz__timer-wrap{margin-bottom:14px}.quiz__timer-row{display:flex;justify-content:space-between;font-size:.8125rem;margin-bottom:6px}.quiz__timer-bar{height:6px;border-radius:999px;background:var(--color-border);overflow:hidden}.quiz__timer-fill{height:100%;background:var(--color-primary);transition:width 1s linear}.quiz__timer-wrap--expired .quiz__timer-fill{background:var(--color-error)}.quiz__result--ok{color:var(--color-success)}.quiz__result--fail{color:var(--color-error)}.quiz__score-line{font-weight:600;margin:0 0 12px}.quiz__error{color:var(--color-error)}.quiz__next{width:100%}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:400px){.stats__grid{grid-template-columns:repeat(3,1fr)}}.stats__card{padding:14px;background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border)}.stats__card--skeleton .stats__label,.stats__card--skeleton .stats__value{background:var(--color-border);color:transparent;border-radius:4px}.stats__label{display:block;font-size:.75rem;opacity:.7}.stats__value{font-size:1.3rem;font-weight:700}.stats__error{color:var(--color-error)}.leaderboard__list{list-style:none;margin:0;padding:0;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:var(--color-surface)}.leaderboard__item{display:grid;grid-template-columns:52px 1fr auto;gap:8px;padding:12px 14px;border-bottom:1px solid var(--color-border)}.leaderboard__item:last-child{border-bottom:none}.leaderboard__item--you{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.leaderboard__item--skeleton{min-height:44px;animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,var(--color-surface),var(--color-border),var(--color-surface));background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.leaderboard__score{font-weight:700;color:var(--color-primary)}.leaderboard__note{margin-top:12px;text-align:center;font-size:.9rem}.leaderboard__empty,.leaderboard__error{padding:20px;text-align:center}.leaderboard__error{color:var(--color-error)}.donate-form{display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.donate-form__label,.donate-form__legend{font-size:.875rem;font-weight:600}.donate-form__input{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem;background:var(--color-bg);color:inherit}.donate-form__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.donate-form__hint{margin:-4px 0 4px;font-size:.8125rem;opacity:.65}.donate-form__consent{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.4;cursor:pointer}.donate-form__consent input{margin-top:3px;flex-shrink:0}.donate-form__policy-link{color:var(--color-link);text-decoration:underline}.donate-form__submit{width:100%;margin-top:8px}.donate-form__error{color:var(--color-error);font-size:.875rem;margin:0}.footer{padding:12px 16px 20px;text-align:center}.footer__bot{margin:0;font-size:.8125rem;color:var(--color-link)}.footer__legal{margin:8px 0 0;font-size:.75rem}.footer__policy-link{color:var(--color-link);text-decoration:underline}.toast{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:200;padding:12px 16px;border-radius:var(--radius);background:var(--color-text);color:var(--color-bg);font-size:.875rem;text-align:center;opacity:0;transform:translateY(10px);transition:opacity var(--transition),transform var(--transition);pointer-events:none}.toast--visible{opacity:1;transform:translateY(0)}.toast--error{background:var(--color-error);color:#fff}