:root{--ui-bg-base: #f7f8fa;--ui-bg-warm: #fffdf8;--ui-surface-main: #ffffff;--ui-surface-soft: #f2f6f7;--ui-brand-primary: #2cc7c9;--ui-brand-primary-hover: #1fb4b7;--ui-brand-mint-soft: #bfefed;--ui-accent-yellow: #f3d36a;--ui-accent-coral: #f47f7c;--ui-accent-periwinkle: #93a6f4;--ui-accent-green: #79c95b;--ui-accent-pink: #f6b5c3;--ui-text-primary: #243142;--ui-text-secondary: #5b6777;--ui-text-muted: #8a95a3;--ui-success: #49b675;--ui-warning: #e5a93d;--ui-error: #e46b6b;--ui-shadow-card: 0 8px 24px rgba(36, 49, 66, .08);--ui-shadow-floating: 0 10px 24px rgba(44, 199, 201, .18);--ui-gradient-child-bg: radial-gradient(circle at 16% 8%, rgba(191, 239, 237, .62), transparent 28%), radial-gradient(circle at 92% 10%, rgba(246, 181, 195, .5), transparent 24%), linear-gradient(180deg, #fffaf0 0%, #f7fbfb 48%, #fff7f4 100%);--ui-gradient-parent-bg: radial-gradient(circle at 12% 8%, rgba(147, 166, 244, .18), transparent 28%), radial-gradient(circle at 90% 0%, rgba(44, 199, 201, .16), transparent 24%), linear-gradient(180deg, #f6f8fb 0%, #ffffff 62%, #f5f7f8 100%);--ui-gradient-runtime-bg: radial-gradient(circle at 50% 0%, rgba(44, 199, 201, .28), transparent 30%), linear-gradient(180deg, #eefbfa 0%, #fffdf8 48%, #fff7f4 100%);--ui-surface-raised: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 253, 248, .9));--ui-surface-tint: linear-gradient(135deg, rgba(191, 239, 237, .32), rgba(255, 255, 255, .9));--ui-shadow-soft: 0 12px 34px rgba(36, 49, 66, .09);--ui-shadow-raised: 0 18px 42px rgba(36, 49, 66, .12), 0 2px 0 rgba(255, 255, 255, .78) inset;--ui-shadow-action: 0 14px 28px rgba(44, 199, 201, .24);--ui-border-soft: 1px solid rgba(36, 49, 66, .06);--ui-border-focus: 1px solid rgba(44, 199, 201, .28);--ui-focus-ring: 0 0 0 3px rgba(44, 199, 201, .22);--ui-card-highlight: linear-gradient(135deg, rgba(255, 255, 255, .82), rgba(191, 239, 237, .2));--ui-radius-sm: 14px;--ui-radius-md: 20px;--ui-radius-lg: 28px;--ui-radius-pill: 999px;--ui-space-1: 4px;--ui-space-2: 8px;--ui-space-3: 12px;--ui-space-4: 16px;--ui-space-5: 20px;--ui-space-6: 24px;--ui-space-8: 32px;--ui-font-display: "Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif;--ui-font-body: "Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif;--ui-page-side-padding-mobile: 16px;--ui-page-side-padding-child: 20px;--ui-page-side-padding-parent: 24px;--ui-tap-target-min: 48px;--ui-runtime-max-width: 460px}html{color-scheme:light;background:var(--ui-gradient-child-bg);min-height:100%}body{margin:0;min-height:100dvh;font-family:var(--ui-font-body);color:var(--ui-text-primary);background:transparent}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}*{box-sizing:border-box}.app-shell{position:relative;min-height:100dvh;padding:clamp(12px,3vw,24px);overflow-x:clip}.app-shell__backdrop{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 14%,rgba(44,199,201,.18),transparent 18%),radial-gradient(circle at 92% 18%,rgba(243,211,106,.16),transparent 16%),radial-gradient(circle at 84% 82%,rgba(246,181,195,.16),transparent 20%)}.app-shell__backdrop:before,.app-shell__backdrop:after{content:"";position:absolute;border-radius:999px;border:1px solid rgba(44,199,201,.12);opacity:.85}.app-shell__backdrop:before{width:140px;height:140px;top:72px;left:max(18px,calc(50% - 330px))}.app-shell__backdrop:after{width:92px;height:92px;right:max(18px,calc(50% - 300px));bottom:120px}.app-shell__frame{position:relative;width:min(100%,var(--ui-runtime-max-width));margin-inline:auto;min-height:calc(100dvh - clamp(24px,6vw,48px));display:flex;flex-direction:column;gap:var(--ui-space-4)}.app-shell__frame--centered{justify-content:stretch}.app-shell__surface{position:relative;background:#ffffffd1;backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.72);border-radius:calc(var(--ui-radius-lg) + 2px);box-shadow:var(--ui-shadow-raised);overflow:clip}.app-shell__surface:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.78),transparent 28%),radial-gradient(circle at 88% 8%,rgba(191,239,237,.28),transparent 24%)}.app-shell__content{position:relative;padding:var(--ui-space-5)}.app-shell--dense .app-shell__content{padding:var(--ui-space-4)}.app-shell--child{background:var(--ui-gradient-child-bg)}.app-shell--parent{background:var(--ui-gradient-parent-bg)}.app-shell--runtime{background:var(--ui-gradient-runtime-bg)}.app-shell--runtime .app-shell__frame{width:min(100vw,var(--ui-runtime-max-width));min-height:calc(100dvh - (clamp(12px,3vw,24px)*2))}.app-shell--runtime .app-shell__surface{min-height:calc(100dvh - (clamp(12px,3vw,24px)*2))}.app-shell__sticky-bar{position:sticky;bottom:0}.ui-h1,.ui-h2,.ui-h3{margin:0;line-height:1.15;letter-spacing:-.02em;overflow-wrap:break-word;word-break:normal;hyphens:auto}.ui-h1{font-size:clamp(1.7rem,5vw,2rem);font-weight:700}.ui-h2{font-size:1.35rem;font-weight:700}.ui-h3{font-size:1.1rem;font-weight:700}.ui-body{margin:0;color:var(--ui-text-secondary);line-height:1.5;overflow-wrap:anywhere}.ui-muted{color:var(--ui-text-muted);overflow-wrap:anywhere}.ui-stack{display:flex;flex-direction:column;gap:var(--ui-space-4)}.ui-stack--tight{gap:var(--ui-space-2)}.ui-section{display:grid;gap:var(--ui-space-3)}.ui-section>.ui-h3{position:relative;padding-left:var(--ui-space-3)}.ui-section>.ui-h3:before{content:"";position:absolute;left:0;top:.25em;width:4px;height:1.1em;border-radius:var(--ui-radius-pill);background:linear-gradient(180deg,var(--ui-brand-primary),var(--ui-accent-yellow))}.ui-chip-row{display:flex;flex-wrap:wrap;gap:var(--ui-space-2)}.ui-chip{display:inline-flex;align-items:center;gap:var(--ui-space-2);min-height:var(--ui-tap-target-min);padding:0 var(--ui-space-4);border-radius:var(--ui-radius-pill);border:var(--ui-border-soft);background:var(--ui-surface-main)}.ui-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 var(--ui-space-3);border-radius:var(--ui-radius-pill);background:#ffffffd1;border:var(--ui-border-soft);color:var(--ui-text-secondary);font-size:.82rem}.ui-card-grid{display:grid;gap:var(--ui-space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.ui-tile-grid{display:grid;gap:var(--ui-space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.ui-surface-soft{background:var(--ui-surface-soft)}.ui-surface-main{background:var(--ui-surface-main)}.ui-gradient-brand{background:linear-gradient(135deg,#2cc7c92e,#bfefed70)}.ui-gradient-warm{background:linear-gradient(135deg,#f3d36a38,#fffdf8e6)}.ui-gradient-coral{background:linear-gradient(135deg,#f47f7c2e,#f6b5c36b)}.ui-gradient-parent{background:linear-gradient(135deg,#2431420a,#f2f6f7e0)}.screen-page{display:flex;flex-direction:column;gap:var(--ui-space-6)}.screen-page--parent{gap:var(--ui-space-5)}.screen-page__actions{margin-top:var(--ui-space-2)}.ui-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-3)}.ui-header--compact .ui-h1{font-size:clamp(1.5rem,4.5vw,1.8rem)}.ui-header__copy{display:flex;flex-direction:column;gap:var(--ui-space-2);min-width:0}.ui-header__actions{display:inline-flex;gap:var(--ui-space-2);flex-wrap:wrap;justify-content:flex-end}.ui-eyebrow{margin:0;color:var(--ui-text-muted);font-size:.75rem;line-height:1;letter-spacing:.08em;text-transform:uppercase}.ui-surface{border-radius:var(--ui-radius-md);overflow:clip}.ui-surface--main{background:var(--ui-surface-main)}.ui-surface--parent{background:linear-gradient(180deg,#f2f6f7eb,#fffffffa)}.ui-card{border-radius:var(--ui-radius-md)}.ui-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-3)}.ui-card-heading--compact{align-items:flex-start;gap:var(--ui-space-2)}.ui-card-title{min-width:0;flex:1 1 auto}.ui-card--parent{background:linear-gradient(180deg,#f2f6f7f5,#fffffffa)}.ui-card--main{background:#ffffffeb}.ui-card{position:relative;padding:var(--ui-space-4);border:1px solid rgba(255,255,255,.7);box-shadow:var(--ui-shadow-soft),inset 0 0 0 1px #24314209;overflow:clip}.ui-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--ui-card-highlight);opacity:.5}.ui-card>*{position:relative}.ui-card--child{background:var(--ui-surface-raised)}.ui-card--parent{background:linear-gradient(180deg,#fffffff5,#f6f8fbeb);box-shadow:0 10px 26px #24314213,inset 0 0 0 1px #24314209}.ui-card--main{background:var(--ui-surface-raised)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);min-height:var(--ui-tap-target-min);padding:0 var(--ui-space-4);border-radius:var(--ui-radius-pill);border:0;cursor:pointer;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease,opacity .14s ease}.ui-button:hover{transform:translateY(-1px)}.ui-button:focus-visible,.ui-icon-button:focus-visible,.ui-collection-card__link:focus-visible,.ui-grid-card__link:focus-visible,.ui-course-card__link:focus-visible,.ui-trainer-card__link:focus-visible,.ui-poster-card__link:focus-visible,.ui-action-list__item:focus-visible{outline:var(--ui-border-focus);outline-offset:2px}.ui-button--primary{color:#083236;background:linear-gradient(135deg,var(--ui-brand-primary),var(--ui-brand-mint-soft));box-shadow:var(--ui-shadow-action);font-weight:700}.ui-button--ghost{color:var(--ui-text-primary);background:#ffffffc7;border:var(--ui-border-soft)}.ui-button--sm{min-height:44px;padding-inline:var(--ui-space-3);font-size:.92rem}.ui-button--lg{min-height:52px;padding-inline:var(--ui-space-5);font-size:1rem}.ui-icon-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:var(--ui-border-soft);background:#ffffffd6}.ui-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 var(--ui-space-2);border-radius:var(--ui-radius-pill);font-size:.78rem;line-height:1}.ui-badge--neutral{background:#ffffffe6;color:var(--ui-text-secondary);border:1px solid rgba(36,49,66,.06)}.ui-badge--warning{background:#e5a93d29;color:#8b6100}.ui-progress{display:flex;flex-direction:column;gap:var(--ui-space-2)}.ui-progress__track{width:100%;height:10px;border-radius:var(--ui-radius-pill);overflow:clip;background:#24314214}.ui-progress__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ui-brand-primary),var(--ui-brand-mint-soft))}.ui-progress__fill--brand{background:linear-gradient(90deg,var(--ui-brand-primary),var(--ui-brand-mint-soft))}.ui-progress__fill--warm{background:linear-gradient(90deg,var(--ui-accent-yellow),#f4bf49)}.ui-progress__label{font-size:.82rem;color:var(--ui-text-muted)}.ui-grid-card,.ui-collection-card,.ui-summary-card,.ui-action-list,.ui-activity-list,.ui-resume-card,.ui-reward-card,.ui-state-block{min-height:100%}.ui-resume-card{background:radial-gradient(circle at 86% 16%,rgba(243,211,106,.42),transparent 18%),linear-gradient(135deg,#fffffffa,#e0f9f7d6);box-shadow:var(--ui-shadow-raised)}.ui-resume-card__hero{display:grid;grid-template-columns:1fr auto;gap:var(--ui-space-4);align-items:center}.ui-resume-card__orb,.ui-course-card__icon,.ui-recommendation-card__icon,.ui-state-block__icon{display:grid;place-items:center;width:58px;height:58px;border-radius:22px;background:linear-gradient(135deg,#2cc7c942,#f3d36a4d);box-shadow:inset 0 0 0 1px #ffffffc7,0 12px 22px #2cc7c924;font-size:1.55rem}.ui-course-card__top,.ui-recommendation-card__top,.ui-summary-card__top,.ui-state-block__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-3)}.ui-course-card{transition:transform .16s ease,box-shadow .16s ease}.ui-course-card--open{background:radial-gradient(circle at 84% 14%,rgba(243,211,106,.2),transparent 18%),linear-gradient(180deg,#fffffffa,#e0f9f7d1)}.ui-course-card--locked{background:linear-gradient(180deg,#fffffff5,#f6f8fbe6);box-shadow:0 8px 20px #2431420f,inset 0 0 0 1px #2431420a}.ui-course-card:hover{transform:translateY(-2px);box-shadow:var(--ui-shadow-raised)}.ui-course-card__icon{width:46px;height:46px;border-radius:18px;font-size:1.2rem}.ui-summary-card{background:linear-gradient(180deg,#fffffffa,#f5f7faf0)}.ui-summary-card__value{display:flex;align-items:baseline;gap:var(--ui-space-2)}.ui-summary-card__dot{width:10px;height:10px;border-radius:50%;background:var(--ui-brand-primary);box-shadow:0 0 0 5px #2cc7c91f}.ui-recommendation-card{background:linear-gradient(135deg,#fffffffa,#f2f6f7eb)}.ui-recommendation-card__icon{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,#93a6f43d,#2cc7c92e)}.ui-grid-card__link,.ui-collection-card__link{display:block;min-height:100%}.ui-collection-card__link,.ui-grid-card__link{padding:var(--ui-space-4)}.ui-course-card__link,.ui-trainer-card__link,.ui-poster-card__link{display:block;min-height:100%;padding:var(--ui-space-4)}.ui-reward-moment{background:radial-gradient(circle at 88% 12%,rgba(243,211,106,.5),transparent 20%),radial-gradient(circle at 10% 88%,rgba(246,181,195,.26),transparent 18%),linear-gradient(135deg,#fffbe8fa,#ffffffeb)}.ui-reward-moment__burst{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f3d36a80,#ffffffeb);color:#8b6100;font-size:1.1rem;box-shadow:var(--ui-shadow-floating)}.ui-voice-stage__meter{display:grid;place-items:center;min-height:164px;border-radius:var(--ui-radius-lg);background:radial-gradient(circle,rgba(44,199,201,.18) 0 30%,transparent 31%),radial-gradient(circle,rgba(44,199,201,.1) 0 48%,transparent 49%),linear-gradient(180deg,#ffffffd1,#e0f9f780)}.ui-voice-stage__meter span{display:block;grid-area:1 / 1;border-radius:50%;background:#2cc7c929;border:1px solid rgba(44,199,201,.22)}.ui-voice-stage__meter span:nth-child(1){width:116px;height:116px}.ui-voice-stage__meter span:nth-child(2){width:86px;height:86px;background:linear-gradient(135deg,var(--ui-brand-primary),var(--ui-brand-mint-soft));box-shadow:var(--ui-shadow-action)}.ui-voice-stage__meter span:nth-child(3){width:34px;height:34px;background:#fff}.ui-voice-stage__meter:after{content:"звук";grid-area:1 / 1;z-index:1;color:#083236;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.ui-voice-visible-stage__meter:after{content:attr(data-label)}.ui-voice-visible-stage__actions{width:100%}.ui-voice-visible-stage__secondary{display:flex;flex-wrap:wrap;gap:var(--ui-space-2)}.ui-voice-visible-stage__secondary .ui-button{flex:1 1 140px}.ui-camera-stage__frame{position:relative;min-height:176px;border-radius:var(--ui-radius-lg);border:2px solid rgba(44,199,201,.28);background:linear-gradient(120deg,transparent 0 46%,rgba(44,199,201,.16) 47% 53%,transparent 54%),radial-gradient(circle at 50% 50%,rgba(191,239,237,.28),transparent 36%),linear-gradient(135deg,#bfefed2e,#ffffffe0),#ffffffb8}.ui-camera-stage__frame span{position:absolute;width:28px;height:28px;border:3px solid rgba(36,49,66,.32)}.ui-camera-stage__frame span:first-child{top:14px;left:14px;border-right:0;border-bottom:0}.ui-camera-stage__frame span:last-child{right:14px;bottom:14px;border-left:0;border-top:0}.ui-bottom-actions{display:grid;gap:var(--ui-space-3);padding-top:var(--ui-space-1)}.ui-bottom-actions__primary{display:flex}.ui-bottom-actions__primary .ui-button{width:100%}.ui-bottom-actions__secondary{display:flex;flex-wrap:wrap;gap:var(--ui-space-2);align-items:flex-start}.ui-bottom-actions__helper{display:flex;justify-content:center}.ui-list{margin:0;padding-left:var(--ui-space-4);color:var(--ui-text-secondary)}.ui-hero-card,.ui-basic-card,.ui-result-sheet,.ui-trainer-card,.ui-poster-card,.ui-reward-moment,.ui-course-card,.ui-resume-card{min-height:100%}.ui-trainer-card__link,.ui-poster-card__link{display:block;min-height:100%}.ui-trainer-card__link .ui-card-heading,.ui-poster-card__link .ui-card-heading{align-items:flex-start}.ui-trainer-card__link .ui-card-title,.ui-poster-card__link .ui-card-title{overflow-wrap:normal;word-break:normal;hyphens:none}.ui-trainer-card__link .ui-badge,.ui-poster-card__link .ui-badge{flex:0 0 auto}.ui-trainer-card--brand,.ui-poster-card--mint,.ui-reward-moment--reward{border:1px solid rgba(44,199,201,.14)}.ui-action-list__item{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);padding:var(--ui-space-3) var(--ui-space-4);border-radius:var(--ui-radius-md);background:#ffffffb3;border:var(--ui-border-soft)}.ui-activity-list__item{display:grid;gap:var(--ui-space-1);padding:var(--ui-space-3) var(--ui-space-4);border-radius:var(--ui-radius-md);background:#ffffffb8;border:var(--ui-border-soft)}.ui-runtime-stage__placeholder{display:grid;place-items:center;min-height:216px;border-radius:var(--ui-radius-lg);border:2px solid rgba(44,199,201,.16);background:radial-gradient(circle at 50% 28%,rgba(243,211,106,.22),transparent 20%),radial-gradient(circle at top,rgba(191,239,237,.55),transparent 38%),#ffffffb8;color:var(--ui-text-primary);font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 0 0 8px #ffffff75}.ui-runtime-stage{box-shadow:var(--ui-shadow-raised)}.ui-runtime-stage,.ui-voice-stage,.ui-camera-stage{background:radial-gradient(circle at 90% 10%,rgba(191,239,237,.35),transparent 20%),linear-gradient(180deg,#fffffffa,#fffdf8eb)}.ui-chip--reward{background:linear-gradient(135deg,#f3d36a29,#ffffffdb)}.ui-mascot{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#bfefedf2,#2cc7c940);box-shadow:var(--ui-shadow-floating);font-size:2rem}.ui-state-block{background:linear-gradient(135deg,#fffffffa,#f2f6f7db);min-height:auto}.ui-state-block__icon{width:48px;height:48px;border-radius:18px}@media(max-width:520px){.ui-tile-grid{grid-template-columns:1fr}.ui-trainer-card__link .ui-card-heading,.ui-poster-card__link .ui-card-heading{flex-direction:column;align-items:flex-start}.ui-header{flex-direction:column}.ui-header__actions{justify-content:flex-start}}