:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0f1115;--surface:#1a1d24;--surface-2:#22262f;--text:#f2f4f8;--muted:#a7b0c0;--accent:#5b8cff;--accent-2:#3d6fe6;--ok:#3dd68c;--bad:#ff6b6b;--border:#2e3440;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#eef1f7;--text:#12151c;--muted:#5c6575;--border:#dde2ec}}*{box-sizing:border-box}html{height:100svh;overflow:hidden}body{background:var(--bg);height:100svh;color:var(--text);margin:0;overflow:hidden}#root{height:100svh;overflow:hidden}.app-shell{display:contents}@media (hover:none),(pointer:coarse){html[data-platform=vk],html[data-platform=vk] body,html[data-platform=vk] #root{height:var(--app-viewport-height,100dvh);min-height:0;overflow:hidden}html[data-platform=vk] .app-shell{width:100%;height:var(--app-viewport-height,100dvh);min-height:0;max-height:var(--app-viewport-height,100dvh);flex-direction:column;display:flex;overflow:hidden}html[data-platform=vk] .app-shell .screen{overscroll-behavior-y:none;touch-action:pan-y;flex:auto;height:auto;min-height:0;max-height:none;overflow:hidden auto}html[data-platform=vk] .app-shell .screen:after{content:"";flex:0 0 1px;width:100%;height:1px;display:block}html[data-platform=vk] .app-shell .screen-with-bottom-nav{padding-bottom:24px}html[data-platform=vk] .app-shell .screen.topic-list-screen,html[data-platform=vk] .app-shell .screen.scenario-list-screen,html[data-platform=vk] .app-shell .screen.scenario-play-screen,html[data-platform=vk] .app-shell .screen.story-list-screen,html[data-platform=vk] .app-shell .screen.story-play-screen,html[data-platform=vk] .app-shell .screen.communication-screen{width:100%;max-width:none;padding-right:max(16px, env(safe-area-inset-right,0px));padding-left:max(16px, env(safe-area-inset-left,0px));margin:0}html[data-platform=vk] .communication-screen .communication{flex:none;min-height:auto;padding-left:0;padding-right:0}html[data-platform=vk] .communication-screen .communication-topbar-btn.primary{transform:translateY(calc(env(safe-area-inset-top,0px) + 34px));z-index:5;position:relative}html[data-platform=vk] .topic-list-screen .topic-list,html[data-platform=vk] .scenario-list-screen .scenario-list,html[data-platform=vk] .story-list-screen .story-list{width:100%}html[data-platform=vk] .topic-list-screen .topic-list{grid-template-columns:1fr}html[data-platform=vk] .topic-list-screen .topic-list .topic-card{grid-template-rows:minmax(2.25rem,auto) auto auto 7px auto;min-height:132px}html[data-platform=vk] .scenario-play-screen>.card,html[data-platform=vk] .story-play-screen>.card{flex:none;align-self:stretch;width:100%}html[data-platform=vk] .app-shell .bottom-nav{flex:none;width:100%;max-width:none;position:relative;bottom:auto;left:auto;right:auto}html[data-platform=vk] .app-shell .bottom-nav.hidden{display:none}html[data-platform=vk].keyboard-open .screen-with-bottom-nav{padding-bottom:24px}html[data-platform=vk].keyboard-open .screen{scroll-padding-bottom:24px}html[data-platform=vk].keyboard-open .contextual-session-screen{overflow-y:hidden!important}}@media (width>=600px) and (hover:hover) and (pointer:fine){html[data-platform=vk] #root{box-sizing:border-box;background:var(--surface-2);justify-content:center;align-items:center;padding:16px;display:flex}html[data-platform=vk] .app-shell{background:var(--bg);border:1px solid var(--border);border-radius:20px;flex-direction:column;width:100%;max-width:480px;height:min(100svh - 32px,880px);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #0000001f}html[data-platform=vk] .app-shell .screen{flex:auto;max-width:none;height:100%;margin:0}html[data-platform=vk] .app-shell .bottom-nav{border-bottom-right-radius:20px;border-bottom-left-radius:20px;max-width:none;position:absolute}}html[data-platform=vk] .app-shell .screen>*{flex-shrink:0}html[data-vk-client=ok],html[data-vk-client=ok] body{height:100%;overflow:hidden}html[data-vk-client=ok] #root{background:var(--bg);flex-direction:column;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}html[data-vk-client=ok] .app-shell{width:100%;max-width:none;height:auto;min-height:0;box-shadow:none;border:none;border-radius:0;flex-direction:column;flex:auto;display:flex;overflow:hidden}html[data-vk-client=ok] .app-shell .bottom-nav.hidden{display:none}.screen{overflow-anchor:none;flex-direction:column;gap:12px;max-width:480px;height:100svh;margin:0 auto;padding:12px 14px 24px;display:flex;overflow-y:auto}html[data-vk-client=ok] .app-shell .screen{flex:auto;width:100%;max-width:480px;height:auto;min-height:0;max-height:none;margin:0 auto;overflow:hidden auto}.keyboard-open .screen{scroll-padding-bottom:calc(var(--app-keyboard-inset,0px) + 96px)}.keyboard-open .screen-with-bottom-nav{padding-bottom:calc(var(--app-keyboard-inset,0px) + 24px + env(safe-area-inset-bottom,0px))}.keyboard-open .screen>*{flex-shrink:0}.header{padding:8px 0 4px}.title{letter-spacing:-.02em;margin:0;font-size:1.35rem}.subtitle{color:var(--muted);margin:6px 0 0;font-size:.95rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.field-label{color:var(--muted);font-size:.85rem}.field-label.spaced{margin-top:8px}.select-like{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-weight:600}.radio-group{flex-direction:column;gap:8px;display:flex}.radio-row{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.radio-row input{accent-color:var(--accent)}.topbar{z-index:5;background:var(--bg);align-items:center;gap:8px;padding:4px 0 8px;display:flex;position:sticky;top:0}.topbar:before{content:"";background:var(--bg);height:12px;position:absolute;top:-12px;left:0;right:0}.topbar-title{text-align:center;flex:1;min-width:0;font-size:.95rem;font-weight:600}.topbar-spacer{width:40px}.voice-hint{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface));color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:8px 8px 8px 12px;font-size:.82rem;line-height:1.3;display:flex}.voice-hint-icon{flex:none;font-size:1rem;line-height:1}.voice-hint-text{flex:auto}.voice-hint-dismiss{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;font-size:1.15rem;line-height:1}.voice-hint-dismiss:hover,.voice-hint-dismiss:focus-visible{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--text)}.list{flex-direction:column;flex:1;gap:10px;display:flex}.topic-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;display:grid}.topic-card{--topic-progress:0%;border:1px solid color-mix(in srgb, var(--border) 82%, var(--accent) 18%);background:radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 36%), var(--surface);width:100%;min-width:0;min-height:198px;color:var(--text);text-align:left;cursor:pointer;border-radius:15px;grid-template-rows:4.35rem 1rem 1rem 7px 1.55rem;gap:7px;padding:12px;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid;box-shadow:0 8px 22px #0f172a0d}.topic-card:hover,.topic-card:focus-visible{border-color:color-mix(in srgb, var(--accent) 46%, var(--border));outline:none;transform:translateY(-1px);box-shadow:0 12px 26px #4f7cff1f}.topic-card-basics,.topic-card-numbers,.topic-card-education{border-color:color-mix(in srgb, #4f7cff 28%, var(--border))}.topic-card-verbs,.topic-card-social,.topic-card-nature,.topic-card-health,.topic-card-body{border-color:color-mix(in srgb, #51c7b8 28%, var(--border))}.topic-card-modal,.topic-card-routine,.topic-card-people,.topic-card-art,.topic-card-clothing{border-color:color-mix(in srgb, #8b6eea 28%, var(--border))}.topic-card-question,.topic-card-food,.topic-card-finance,.topic-card-emotions,.topic-card-entertainment{border-color:color-mix(in srgb, #f2b544 28%, var(--border))}.topic-card-time,.topic-card-travel,.topic-card-sports{border-color:color-mix(in srgb, #6aa8ff 28%, var(--border))}.topic-card-top,.topic-progress-row,.topic-card-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.topic-card-top{align-items:flex-start;width:100%;min-width:0;position:relative}.topic-list .topic-card{grid-template-rows:2.5rem 1rem 1rem 7px 1.55rem;min-height:158px}.topic-meta{-webkit-line-clamp:2;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;-webkit-box-orient:vertical;flex:1 1 0;min-width:0;font-size:.96rem;font-weight:750;line-height:1.14;display:-webkit-box;overflow:hidden}.topic-count{color:var(--muted);font-size:.82rem}.topic-progress-row{color:color-mix(in srgb, var(--text) 82%, var(--muted));width:100%;min-width:0;font-size:.76rem;font-weight:650}.topic-progress-label{text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;word-break:normal;min-width:0;overflow:hidden}.topic-progress-percent{color:var(--accent);flex:none;font-weight:800}.topic-progress-track{background:color-mix(in srgb, var(--surface-2) 84%, var(--border));border-radius:999px;height:7px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0f172a14}.topic-progress-fill{width:var(--topic-progress);border-radius:inherit;background:linear-gradient(90deg,#4f7cff,#51c7b8);position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #4f7cff3d}.topic-card-bottom{width:100%;min-width:0;color:var(--muted);align-items:center;font-size:.78rem}.topic-card-bottom>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topic-card-arrow{width:24px;height:24px;color:var(--accent);background:color-mix(in srgb, var(--accent) 11%, var(--surface-2));border-radius:999px;place-items:center;display:grid}.topic-card-arrow svg{width:17px;height:17px;display:block}.footer-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:10px;margin-top:auto;padding:14px;display:flex}.session-line{color:var(--muted);font-size:.95rem}.btn-row{flex-direction:column;gap:8px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-size:.95rem;font-weight:600}.btn.full{width:100%}.btn.primary{background:linear-gradient(180deg, var(--accent), var(--accent-2));color:#fff}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn.ghost{color:var(--text);background:0 0;width:40px}.topbar .btn.ghost,.drawer-header .btn.ghost{width:44px;font-size:1.35rem;line-height:1}.level-yours-badge{color:#0c976d;letter-spacing:.02em;text-transform:none;vertical-align:middle;background:#e8f8ee;border-radius:999px;align-items:center;margin-left:8px;padding:3px 9px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.screen-with-bottom-nav{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}.bottom-nav{max-width:480px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border);z-index:50;opacity:1;will-change:transform;grid-template-columns:1fr 1fr auto 1fr 1fr;align-items:center;gap:4px;margin:0 auto;transition:transform .18s ease-out,opacity .14s ease-out;display:grid;position:fixed;bottom:0;left:0;right:0;transform:translateY(0);box-shadow:0 -2px 12px #0000000f}.bottom-nav.hidden{opacity:0;pointer-events:none;transition:transform,opacity;transform:translateY(110%)}.bottom-nav-item{cursor:pointer;color:#7f8da1;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:.7rem;font-weight:500;transition:color .12s,background .12s;display:flex}.bottom-nav-item:hover,.bottom-nav-item:focus-visible{color:var(--text);background:var(--surface-2)}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-icon{place-items:center;width:32px;height:28px;line-height:1;display:grid}.bottom-nav-svg{width:31px;height:31px;display:block;overflow:visible}.bottom-nav-svg path,.bottom-nav-svg circle{fill:currentColor;transition:fill .12s,opacity .12s}.bottom-nav-item-home.active,.bottom-nav-item-words.active{color:#4f7cff}.bottom-nav-item-practice.active{color:#4f46e5}.bottom-nav-item-profile.active{color:#5d3a96}.bottom-nav-label{white-space:nowrap;font-size:.7rem;line-height:1}.bottom-nav-fab{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:-22px 6px 0;transition:transform .12s,box-shadow .12s,background .12s;display:flex;position:relative;box-shadow:0 6px 16px #5b8cff73}.bottom-nav-fab:hover,.bottom-nav-fab:focus-visible{background:var(--accent-2);transform:translateY(-1px);box-shadow:0 8px 20px #5b8cff8c}.bottom-nav-fab.active{background:var(--accent-2)}.bottom-nav-fab-icon{margin-left:3px;font-size:1.58rem;line-height:1}html[data-vk-client=ok] .app-shell .bottom-nav{border-bottom-right-radius:0;border-bottom-left-radius:0;flex:none;width:100%;max-width:480px;margin:0 auto;position:relative;bottom:auto;left:auto;right:auto}html[data-vk-client=ok] .app-shell .screen.screen-with-bottom-nav,html[data-vk-client=ok] .screen.screen-with-bottom-nav{padding-bottom:16px}.communication-screen .communication{flex-direction:column;flex:auto;gap:16px;min-height:0;padding:8px 16px 16px;display:flex}.communication-topbar-btn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.communication-topbar-btn:not(:disabled):hover{border-color:var(--accent)}.communication-topbar-btn:disabled{opacity:.5;cursor:default}.communication-topbar-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.communication-topbar-end{background:var(--bad);color:#fff;white-space:nowrap;cursor:pointer;border:none;border-radius:999px;flex:none;padding:7px 14px;font-size:13px;font-weight:600;transition:opacity .12s}.communication-topbar-end:not(:disabled):hover{opacity:.9}.communication-topbar-end:disabled{opacity:.5;cursor:default}.communication-end-confirm-overlay{z-index:80}.communication-end-confirm{gap:14px}.communication-end-confirm-text{color:var(--muted);margin:0;font-size:14px;line-height:1.4}.communication-end-confirm-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.communication-end-confirm-cancel{color:var(--text);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600;transition:background .12s}.communication-end-confirm-cancel:not(:disabled):hover{background:var(--surface-2)}.communication-end-confirm-cancel:disabled{opacity:.55;cursor:default}.communication-end-confirm-danger{background:var(--bad);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700;transition:opacity .12s}.communication-end-confirm-danger:not(:disabled):hover{opacity:.9}.communication-end-confirm-danger:disabled{opacity:.55;cursor:default}.voice-room-fab{right:max(16px,50% - 224px);bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:55;background:linear-gradient(180deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 45%, transparent);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s;display:inline-flex;position:fixed}.voice-room-fab:hover{transform:translateY(-2px)}.voice-room-fab:active{transform:translateY(0)}.voice-room-fab-pulse{background:var(--accent);opacity:.55;z-index:-1;border-radius:50%;animation:1.8s ease-out infinite voice-room-fab-pulse;position:absolute;inset:0}@keyframes voice-room-fab-pulse{0%{opacity:.55;transform:scale(1)}70%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.voice-room-fab-pulse{animation:none}}.communication-filters{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.communication-filters::-webkit-scrollbar{display:none}.communication-filter{border:1px solid var(--border);background:var(--surface);color:var(--text);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:5px;padding:6px 11px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.communication-filter.active{background:var(--accent);border-color:var(--accent);color:#fff}.communication-rooms-section{flex-direction:column;gap:10px;display:flex}.communication-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.communication-section-title{margin:0;font-size:.95rem;font-weight:700}.communication-refresh-inline{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.communication-refresh-inline:not(:disabled):hover{background:var(--surface-2);color:var(--text)}.communication-refresh-inline:disabled{opacity:.5;cursor:default}.communication-room-view{flex-direction:column;flex:auto;gap:16px;min-height:0;display:flex}.communication-status{margin:0;font-weight:600}.communication-swipe-hint{text-align:center;opacity:.6;margin:4px 0 0;font-size:11px}.communication-error{background:color-mix(in srgb, var(--bad) 16%, transparent);color:var(--bad);border-radius:12px;margin:0;padding:10px 12px;font-size:14px}.communication-people{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.communication-person{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.communication-avatar{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border);width:56px;height:56px;color:var(--text);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.communication-avatar-letter{font-size:1.25rem;font-weight:700;line-height:1}.communication-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.communication-avatar-empty{border:2px dashed var(--border);background:0 0}.communication-seat-empty{opacity:.5}.communication-person.speaking .communication-avatar{border-color:var(--accent);animation:1.2s ease-out infinite communication-speak-pulse}@keyframes communication-speak-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 50%, transparent)}70%{box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.communication-person.speaking .communication-avatar{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent);animation:none}}.communication-mic-badge{background:var(--surface);width:22px;height:22px;color:var(--muted);box-shadow:0 0 0 2px var(--surface);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:-2px;right:-2px}.communication-mic-badge.muted{background:var(--bad);color:#fff}.communication-name{text-align:center;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;min-width:0;max-width:100%;font-size:12px;line-height:1.2;display:-webkit-box;overflow:hidden}.communication-tag{color:var(--muted)}.communication-empty{text-align:center;padding:16px}.communication-controls{justify-content:center;align-items:flex-start;gap:28px;margin-top:auto;padding-top:8px;display:flex}.communication-control{flex-direction:column;align-items:center;gap:6px;display:flex}.communication-control-btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .12s,background .12s,opacity .12s;display:inline-flex}.communication-control-btn:not(:disabled):active{transform:translateY(1px)}.communication-control-btn:disabled{opacity:.55;cursor:default}.communication-control-btn.mic{background:var(--accent);width:76px;height:76px}.communication-control-btn.mic.off{background:var(--bad)}.communication-control-btn.leave{background:var(--surface-2);color:var(--bad);box-shadow:inset 0 0 0 1px var(--border)}.communication-control-label{color:var(--muted);font-size:12px}.communication-unlock{width:100%}.communication-audio{display:none}.communication-lobby{flex-direction:column;gap:12px;display:flex}.communication-empty-state{text-align:center;border:1px dashed var(--border);border-radius:16px;flex-direction:column;gap:6px;padding:28px 16px;display:flex}.communication-empty-title{margin:0;font-weight:600}.communication-empty-sub{margin:0;font-size:13px}.communication-minimized{text-align:left;border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--surface));width:100%;color:var(--text);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:background .12s,border-color .12s;display:flex}.communication-minimized:hover{background:color-mix(in srgb, var(--accent) 16%, var(--surface));border-color:var(--accent)}.communication-minimized-pulse{background:var(--accent);border-radius:50%;flex:none;width:10px;height:10px;animation:1.6s ease-out infinite communication-mini-pulse}@keyframes communication-mini-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb, var(--accent) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.communication-minimized-pulse{animation:none}}.communication-minimized-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.communication-minimized-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.communication-minimized-sub{color:var(--muted);font-size:12px}.communication-minimized .communication-room-chevron{color:var(--accent)}.communication-room-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.communication-room-card{text-align:left;border:1px solid var(--border);background:var(--surface);width:100%;min-height:72px;color:var(--text);cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:14px 14px 14px 16px;transition:border-color .12s,box-shadow .12s,background .12s,transform .12s;display:flex}.communication-room-flag{flex:none;justify-content:center;align-items:center;display:inline-flex}.communication-room-avatar{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border);width:44px;height:44px;color:var(--text);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.communication-room-avatar img{object-fit:cover;width:100%;height:100%;display:block}.communication-room-avatar-letter{font-size:1.05rem;font-weight:700;line-height:1}.communication-room-card:not(:disabled):hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, var(--surface));box-shadow:0 6px 16px #0f172a0f}.communication-room-card:not(:disabled):active{transform:translateY(1px)}.communication-room-card:disabled{cursor:default;opacity:.6}.communication-room-chevron{color:var(--muted);flex:none;transition:transform .12s,color .12s}.communication-room-card:not(:disabled):hover .communication-room-chevron{color:var(--accent);transform:translate(2px)}.communication-room-main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.communication-room-titlerow{align-items:center;gap:6px;min-width:0;display:flex}.communication-room-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:16px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.communication-room-topic{background:color-mix(in srgb, var(--accent) 12%, var(--surface));color:var(--accent);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:3px;padding:1px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.communication-room-topic.is-event{background:color-mix(in srgb, #f2b544 18%, var(--surface));color:#c8902a}.communication-room-owner{min-width:0;color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:13px;display:flex;overflow:hidden}.communication-room-lang,.communication-room-owner .communication-room-topic{flex:none}.communication-room-owner-name{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.communication-room-side{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.communication-room-count{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.communication-badge{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.communication-badge.full{background:color-mix(in srgb, var(--bad) 16%, transparent);color:var(--bad)}.communication-badge.yours{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.communication-badge.waiting{background:color-mix(in srgb, var(--muted) 20%, transparent);color:var(--muted)}.communication-stage-wrap{flex-direction:column;flex:auto;justify-content:flex-start;gap:22px;min-height:0;display:flex}.communication-room-heading{text-align:center}.communication-room-title{word-break:break-word;margin:0;font-size:1.3rem;font-weight:700;line-height:1.2}.communication-room-subtitle{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin:6px 0 0;font-size:13px;display:inline-flex}.communication-room-subtitle svg{border-radius:2px;box-shadow:0 0 0 1px #00000014}.communication-stage{grid-template-columns:repeat(4,1fr);align-content:start;gap:16px 8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.communication-stage .communication-empty{grid-column:1/-1}.communication-sheet-overlay{z-index:60;background:#0000008c;justify-content:center;align-items:flex-start;animation:.14s communication-sheet-fade;display:flex;position:fixed;inset:0}.communication-sheet{background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 18px 18px;flex-direction:column;width:100%;max-width:520px;max-height:calc(100dvh - 40px);animation:.2s cubic-bezier(.22,1,.36,1) communication-sheet-down;display:flex;overflow:hidden}.communication-sheet-body{padding:calc(12px + env(safe-area-inset-top)) 16px 16px;overscroll-behavior:contain;flex-direction:column;gap:14px;display:flex;overflow-y:auto}.communication-sheet-footer{padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);flex:none}.communication-sheet-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.communication-sheet-title{margin:0;font-size:1.05rem}.communication-sheet-field{flex-direction:column;gap:6px;display:flex}.communication-sheet-label{color:var(--muted);font-size:13px;font-weight:600}.communication-sheet-field input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:12px;padding:12px 14px;font-size:16px}.communication-sheet-field input:focus{border-color:var(--accent);outline:none}.communication-sheet-field.communication-lang-field{flex-flow:wrap;align-items:center;gap:12px}.communication-lang-row{gap:10px;display:flex}.communication-topic-row{flex-wrap:wrap;gap:8px;display:flex}.communication-topic-chip{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:7px 12px;font-size:.88rem;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.communication-topic-chip:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.communication-topic-chip.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));color:var(--accent)}.communication-topic-chip.is-event.selected{background:color-mix(in srgb, #f2b544 16%, var(--surface));color:#c8902a;border-color:#f2b544}.communication-lang-flag{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;transition:border-color .12s,background .12s,transform .12s;display:inline-flex}.communication-lang-flag:not(.selected):hover{border-color:var(--accent)}.communication-lang-flag.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));box-shadow:0 0 0 1px var(--accent)}.communication-lang-flag:active{transform:translateY(1px)}.communication-lang-flag svg{border-radius:3px;box-shadow:0 0 0 1px #00000014}@keyframes communication-sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes communication-sheet-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.communication-sheet-notice{border:1px solid color-mix(in srgb, var(--danger,#e0506a) 28%, var(--border));background:color-mix(in srgb, var(--danger,#e0506a) 8%, var(--surface));color:var(--muted);border-radius:10px;margin:4px 0 0;padding:10px 12px;font-size:.82rem;line-height:1.35}.communication-room-row{align-items:stretch;gap:6px;display:flex}.communication-room-row .communication-room-card{flex:auto;min-width:0}.communication-room-report{border:1px solid var(--border);background:var(--surface);width:36px;color:var(--muted);cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.communication-room-report:hover,.communication-room-report:focus-visible{color:var(--danger,#e0506a);border-color:color-mix(in srgb, var(--danger,#e0506a) 50%, var(--border))}.communication-room-report-self{border:1px solid var(--border);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;margin-top:6px;display:inline-flex}.communication-room-report-self:hover,.communication-room-report-self:focus-visible{color:var(--danger,#e0506a);border-color:color-mix(in srgb, var(--danger,#e0506a) 50%, var(--border))}.communication-person-tap{align-items:center;gap:inherit;width:100%;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;padding:0;display:flex}.communication-report-target{overflow-wrap:anywhere;margin:0 0 4px;font-weight:700}.communication-report-hint{margin:0 0 12px;font-size:.88rem}.communication-report-reasons{flex-direction:column;gap:8px;display:flex}.communication-report-reason{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:12px;padding:12px 14px;font-size:.95rem;font-weight:600;transition:background .12s,border-color .12s}.communication-report-reason:hover:not(:disabled),.communication-report-reason:focus-visible{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.communication-report-reason:disabled{opacity:.6;cursor:default}.communication-report-failed{color:var(--danger,#e0506a);margin:10px 0 0;font-size:.88rem}.communication-report-sent{color:var(--ok,#1f9f67);margin:8px 0;font-weight:650}.communication-report-cancel{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:12px;margin-top:12px;padding:10px;font-size:.92rem}.exercise-card .prompt{color:var(--muted);margin:0;font-size:.9rem}.exercise-card{border:1px solid color-mix(in srgb, var(--border) 72%, var(--accent) 28%);background:var(--surface);border-radius:18px;flex-shrink:0;gap:14px;position:relative;overflow:hidden;box-shadow:0 12px 28px #0f172a14}.exercise-card>*{z-index:1;position:relative}.exercise-card .btn.primary{border-radius:12px;min-height:40px;box-shadow:0 8px 18px #5b8cff38}.exercise-card>.btn.primary.full,.exercise-card .feedback .btn.primary.full{margin-top:8px}.contextual-session-stage{flex-direction:column;gap:12px;width:100%;min-height:0;display:flex}.contextual-session-stage>.exercise-card,.contextual-session-stage>.session-done-card,.contextual-session-stage>.card{width:100%}@media (hover:none),(pointer:coarse){html[data-platform=vk] .app-shell .screen.contextual-session-screen,html[data-platform=vk] .app-shell .screen.word-session-screen{width:100%;max-width:none;padding-right:max(16px, env(safe-area-inset-right,0px));padding-left:max(16px, env(safe-area-inset-left,0px));margin:0}html[data-platform=vk] .contextual-session-screen .topbar,html[data-platform=vk] .word-session-screen .topbar{flex:none}html[data-platform=vk] .contextual-session-screen .contextual-session-stage{flex:none;align-self:stretch;width:100%;min-height:0}html[data-platform=vk] .contextual-session-stage>.exercise-card{flex:none}html[data-platform=vk] .contextual-session-screen .blank-slot input,html[data-platform=vk] .contextual-session-screen .blank-input{scroll-margin:0}html[data-platform=vk] .word-session-screen>.exercise-card{flex:none;align-self:stretch;width:100%}}.sentence{white-space:normal;overflow-wrap:normal;font-size:1.15rem;font-weight:600;line-height:1.45}.blank{border-bottom:2px dashed var(--muted);min-width:4.5ch;color:var(--muted);letter-spacing:.08em;margin:0 4px;padding:0 4px 2px;font-weight:700;display:inline-block}.blank-slot{vertical-align:-.34em;border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:color-mix(in srgb, var(--accent) 9%, var(--surface));--blank-line-color:var(--muted);--blank-line-style:dashed;border-radius:9px;max-width:min(16ch,60vw);height:1.92em;margin:0 2px;padding:0 5px;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff42}.blank-slot:before{content:"";border-bottom:2px var(--blank-line-style) var(--blank-line-color);position:absolute;bottom:3px;left:8px;right:8px}.blank-slot-sizer{visibility:visible;white-space:pre;letter-spacing:.04em;box-sizing:border-box;color:var(--text);min-width:2.5em;padding:0 6px 2px;font-weight:600;line-height:1.45;display:inline-block;position:relative;top:.3em}.blank-slot-sizer:after{content:"i";visibility:hidden}.blank-input{width:100%;height:1.45em;font:inherit;color:#0000;caret-color:var(--text);text-align:left;letter-spacing:.04em;box-sizing:border-box;appearance:none;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0 11px 2px;font-weight:600;line-height:1.2;position:absolute;inset:auto 0 .02em;overflow:hidden}.blank-input:focus{border:0}.blank-slot:focus-within{--blank-line-color:var(--accent);--blank-line-style:solid;border-color:color-mix(in srgb, var(--accent) 62%, var(--border));background:color-mix(in srgb, var(--accent) 14%, var(--surface));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.blank-input:disabled{opacity:.7}.blank-slot.feedback-slot.ok{--blank-line-color:var(--ok);border-color:color-mix(in srgb, var(--ok) 52%, var(--border));background:color-mix(in srgb, var(--ok) 10%, var(--surface))}.blank-slot.feedback-slot.bad{--blank-line-color:var(--bad);border-color:color-mix(in srgb, var(--bad) 46%, var(--border));background:color-mix(in srgb, var(--bad) 8%, var(--surface))}.blank-slot.feedback-slot.ok .blank-slot-sizer{color:var(--ok)}.blank-slot.feedback-slot.bad .blank-slot-sizer{color:var(--bad)}.blank-slot.feedback-slot .blank-input{caret-color:#0000}.hints{flex-direction:column;gap:6px;font-size:.92rem;display:flex}.hint-label{color:var(--muted);margin-right:6px}.input{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:10px;padding:12px 14px;font-size:1rem}.input.answer-ok,.answer-input.answer-ok{border-color:color-mix(in srgb, var(--ok) 55%, var(--border));background:color-mix(in srgb, var(--ok) 10%, var(--surface-2));caret-color:#0000}.input.answer-bad,.answer-input.answer-bad{border-color:color-mix(in srgb, var(--bad) 50%, var(--border));background:color-mix(in srgb, var(--bad) 8%, var(--surface-2));caret-color:#0000}.feedback{flex-direction:column;gap:10px;display:flex}.feedback-ok{color:var(--ok);font-size:1.1rem;font-weight:700}.feedback-bad{color:var(--bad);font-size:1.1rem;font-weight:700}.expected{margin:0}.answer-recap{color:var(--text);gap:4px;font-size:.95rem;display:grid}.answer-recap p{margin:0}.topic-answer-line{flex-wrap:wrap;align-items:baseline;gap:8px;min-height:1.9rem;font-size:1.05rem;display:flex}.topic-answer-line .blank{margin-left:0}.note{color:var(--muted);margin:0;font-size:.9rem}.muted{color:var(--muted);font-size:.95rem}.section-title{margin:0;font-size:1rem}.section-title.spaced{margin-top:8px}.stats{color:var(--muted);margin:0;padding-left:18px;line-height:1.5}.session-done-card{border-color:color-mix(in srgb, var(--border) 70%, var(--accent) 30%);background:var(--surface);border-radius:18px;flex-shrink:0;gap:14px;padding:18px;position:relative;overflow:hidden;box-shadow:0 14px 30px #0f172a14}.session-done-card>*{z-index:1;position:relative}.session-done-hero{text-align:left;justify-content:center;align-items:center;gap:12px;display:flex}.session-done-emoji{background:linear-gradient(180deg, color-mix(in srgb, #ffe6a7 62%, var(--surface)), #fff8e7);border-radius:16px;flex:none;place-items:center;width:46px;height:46px;font-size:1.55rem;display:grid;box-shadow:0 10px 22px #f59e0b2e,inset 0 1px #ffffffb8}.session-done-copy{min-width:0}.session-done-copy h2{color:var(--text);margin:0 0 4px;font-size:1.35rem;line-height:1.08}.session-done-copy p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.35}.session-done-ring{--session-done-progress:0deg;aspect-ratio:1;background:conic-gradient(var(--accent) var(--session-done-progress), color-mix(in srgb, var(--border) 70%, var(--surface-2)) 0);border-radius:999px;place-items:center;width:132px;margin:2px auto 0;display:grid;position:relative;box-shadow:0 14px 26px #4f7cff2e,inset 0 1px #ffffffb3}.session-done-ring:before{content:"";border-radius:inherit;background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface) 86%, var(--accent) 14%));position:absolute;inset:13px;box-shadow:inset 0 1px 6px #0f172a0d}.session-done-ring span{z-index:1;color:var(--text);font-size:1.42rem;font-weight:850;position:relative}.session-done-metrics{gap:8px;display:grid}.session-done-metric{background:color-mix(in srgb, var(--surface) 74%, var(--accent) 7%);min-height:34px;color:var(--muted);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:7px 10px;font-size:.95rem;display:grid}.session-done-metric strong{color:var(--text);font-size:1rem;font-weight:800}.session-done-note{color:color-mix(in srgb, var(--muted) 82%, var(--text));text-align:center;margin:0;font-size:.95rem;line-height:1.4}.session-done-card .btn.primary.full{border-radius:13px;min-height:42px;box-shadow:0 9px 20px #4f7cff3d}code{background:var(--surface-2);border-radius:6px;padding:2px 6px;font-size:.85em}.muted.small{margin:0;font-size:.85rem}.contextual-progress{flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.contextual-card-header{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:0;display:grid}.contextual-mode-icon{background:linear-gradient(#6aa8ff,#4f7cff);border-radius:13px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 18px #4f7cff3d}.contextual-mode-icon svg{width:28px;height:28px;display:block}.contextual-progress .muted.small{color:color-mix(in srgb, var(--text) 74%, var(--accent));white-space:nowrap;flex:none;font-weight:700}.contextual-badges{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:6px;min-width:0;margin-left:auto;display:inline-flex;overflow:hidden}.contextual-badge{background:color-mix(in srgb, var(--accent) 20%, var(--surface-2));color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));white-space:nowrap;border-radius:999px;min-width:0;padding:4px 9px;font-size:.74rem;font-weight:750;box-shadow:0 3px 10px #0f172a0f}.contextual-badge.progress{background:color-mix(in srgb, var(--surface) 84%, var(--accent) 16%);color:var(--muted);border-color:color-mix(in srgb, var(--border) 72%, var(--accent) 28%)}.contextual-badge.status-new{background:color-mix(in srgb, var(--accent) 15%, var(--surface-2));color:var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.contextual-badge.status-learning{background:color-mix(in srgb, #f59e0b 15%, var(--surface-2));color:#92400e;border-color:color-mix(in srgb, #f59e0b 40%, var(--border))}.contextual-badge.status-learned{background:color-mix(in srgb, var(--ok) 15%, var(--surface-2));color:color-mix(in srgb, var(--ok) 80%, #000);border-color:color-mix(in srgb, var(--ok) 35%, var(--border))}.contextual-reviews{color:var(--muted);font-size:.78rem}.hint-slot{flex-direction:column;display:flex}.hint-slot-hidden{visibility:hidden}.hint-toggle{border:1px solid color-mix(in srgb, #f2b544 28%, var(--border));width:auto;color:color-mix(in srgb, #9a6a0a 72%, var(--text));background:color-mix(in srgb, #f2b544 10%, var(--surface));cursor:pointer;text-align:left;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:6px 10px;font-size:.82rem;font-weight:700;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.hint-toggle:hover,.hint-toggle:focus-visible{color:color-mix(in srgb, #9a6a0a 56%, var(--accent));border-color:color-mix(in srgb, #f2b544 48%, var(--accent));background:color-mix(in srgb, #f2b544 16%, var(--surface))}.hint-card{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--accent) 9%, var(--surface));border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:inset 0 1px #ffffff47}.hint-card-content{flex-direction:column;flex:1;gap:2px;display:flex}.hint-label{text-transform:uppercase;letter-spacing:.07em;color:var(--accent);opacity:.75;font-size:.68rem;font-weight:700}.hint-body{align-items:baseline;gap:8px;font-size:1.05rem;display:flex}.hint-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:1.1rem;line-height:1}.hint-close:hover{background:var(--surface-2)}.new-word-card{border:1px dashed color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface-2));border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.new-word-title{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.75rem;font-weight:700}.new-word-body{align-items:baseline;gap:8px;font-size:1.05rem;display:inline-flex}.meaning-block{border:1px solid color-mix(in srgb, var(--accent) 14%, var(--border));background:color-mix(in srgb, var(--accent) 5%, var(--surface));border-radius:14px;flex-direction:column;gap:4px;margin-top:0;padding:10px 12px;display:flex}.meaning-label{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--muted) 72%, var(--accent));opacity:.95;font-size:.7rem;font-weight:800}.meaning-text{color:var(--text);font-size:1rem;line-height:1.4}.meaning-hint{color:var(--muted);font-size:.82rem;line-height:1.25}.meaning-target{background:color-mix(in srgb, var(--accent) 18%, transparent);color:color-mix(in srgb, var(--accent-2) 88%, var(--text));border-radius:5px;padding:.02em .22em .08em;font-weight:650;display:inline}.new-word-reveal{border:1px solid color-mix(in srgb, var(--accent-2) 26%, var(--border));background:color-mix(in srgb, var(--accent-2) 7%, var(--surface));text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.new-word-reveal-body{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px;display:flex}.new-word-reveal-word{color:color-mix(in srgb, var(--accent-2) 70%, var(--text));word-break:break-word;font-size:1.35rem;font-weight:800}.new-word-reveal-sep{color:var(--muted)}.new-word-reveal-meaning{color:var(--text);font-size:1.05rem;font-weight:600}.new-word-reveal-tip{margin:0;line-height:1.3}.exercise-card .report-trigger{border-color:color-mix(in srgb, var(--accent) 18%, var(--border));background:color-mix(in srgb, var(--surface) 76%, var(--accent) 10%);width:30px;height:30px;color:color-mix(in srgb, var(--muted) 70%, var(--accent));border-radius:999px;flex:none;font-weight:850;box-shadow:0 3px 9px #0f172a0f}.contextual-card-header+.hint-slot{margin-top:4px}@media (width<=430px){.exercise-card{border-radius:17px;gap:12px}.contextual-card-header{border-radius:14px;gap:7px;padding:0}.contextual-mode-icon{border-radius:11px;width:30px;height:30px}.contextual-mode-icon svg{width:24px;height:24px}.contextual-progress{gap:5px}.contextual-progress .muted.small{font-size:.82rem}.contextual-badge{padding:3px 6px;font-size:.66rem}.contextual-badges{gap:4px}.exercise-card .report-trigger{width:27px;height:27px;font-size:.86rem}.meaning-block{border-radius:13px;padding:9px 10px}.session-done-card{border-radius:17px;gap:12px;padding:16px}.session-done-hero{gap:10px}.session-done-emoji{border-radius:14px;width:42px;height:42px;font-size:1.38rem}.session-done-copy h2{font-size:1.22rem}.session-done-copy p,.session-done-note,.session-done-metric{font-size:.9rem}.session-done-ring{width:116px}.session-done-ring:before{inset:12px}.session-done-ring span{font-size:1.26rem}.session-done-metric{min-height:32px;padding:6px 9px}}.blank.ok{color:var(--ok);border-bottom-color:var(--ok);border-bottom-style:solid}.blank.bad{color:var(--bad);border-bottom-color:var(--bad);border-bottom-style:solid}.diff-hint{color:var(--muted);margin:.25rem 0 0;font-size:.95rem}.answer-diff{letter-spacing:.04em;font-weight:600}.diff-ok{color:var(--text)}.diff-missing{color:var(--bad);text-decoration:underline;-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text);text-underline-offset:2px;text-decoration-thickness:2px}.diff-extra{color:var(--bad);text-decoration:line-through;-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text);opacity:.85;text-decoration-thickness:2px}.diff-replaced{color:var(--bad);background:color-mix(in srgb, var(--bad) 16%, transparent);border-radius:3px;padding:0 1px}.dashboard-screen>*{flex-shrink:0}.dashboard-hero{border-radius:20px;gap:14px;min-height:170px;padding:20px 18px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0a,0 8px 24px #0f172a0a}.dashboard-hero>div:first-child,.dashboard-progressbar,.dashboard-stat-line{z-index:1;position:relative}.dashboard-hero>div:first-child{padding-right:126px}.dashboard-progress-flag{pointer-events:none;background:#eef2f7;border-radius:12px;width:104px;height:78px;position:absolute;top:14px;right:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a14,0 10px 20px #0f172a1a}.dashboard-progress-flag svg{width:100%;height:100%;display:block;border-radius:12px!important}.dashboard-progress-flag-muted,.dashboard-progress-flag-fill,.dashboard-progress-flag-gloss{display:block;position:absolute;inset:0}.dashboard-progress-flag-muted{filter:grayscale(.86)saturate(.34);opacity:.35}.dashboard-progress-flag-fill{width:var(--flag-progress);filter:saturate(1.18)contrast(1.04);transition:width .22s;overflow:hidden}.dashboard-progress-flag-fill svg{width:104px;max-width:none;height:78px}.dashboard-progress-flag-gloss{background:linear-gradient(135deg,#ffffff57,#0000 42%),linear-gradient(#ffffff29,#0000 55%);box-shadow:inset 0 0 0 1px #ffffff52}.dashboard-subtitle{color:var(--muted);margin:0 0 12px;font-size:1.08rem}.dashboard-title{letter-spacing:-.04em;margin:0;font-size:2rem;font-weight:750;line-height:1.1}.dashboard-progressbar{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;width:100%;height:10px;overflow:hidden}.dashboard-progressbar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--ok));height:100%;display:block}.dashboard-grid{flex:1 0 auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(180px,1fr);align-items:stretch;gap:14px;display:grid}.dashboard-stat-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;flex-direction:column;justify-content:space-between;gap:12px;height:100%;min-height:200px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0a,0 8px 24px #0f172a0a}.dashboard-stat-card>:not(.dashboard-card-art):not(.level-shield-art){z-index:1;position:relative}.dashboard-card-art{pointer-events:none;opacity:.92;width:58px;height:52px;position:absolute;bottom:10px;right:10px}.dashboard-stat-label{color:var(--muted);font-size:1.08rem}.dashboard-stat-hint{color:var(--muted);font-size:.92rem}.dashboard-stat-value{letter-spacing:-.04em;font-size:2.2rem;font-weight:750;line-height:1}.level-progress-card{justify-content:flex-start;gap:10px}.level-progress-value{letter-spacing:-.02em;font-size:3.4rem;font-weight:800;line-height:1}.level-progress-words{max-width:100%;color:var(--text);margin-top:auto;margin-bottom:2px;font-size:1.2rem;font-weight:700;line-height:1.2}.level-progress-grammar{max-width:100%;color:var(--muted);margin-bottom:2px;font-size:.78rem;font-weight:650;line-height:1.2}.level-shield-art{z-index:0;color:#4f6ee8;pointer-events:none;width:62px;height:74px;position:absolute;top:28px;right:19px}.level-shield-art svg{width:100%;height:100%;display:block}.level-shield-fill{fill:url(#level-shield-gradient);stroke:#6d8cf7;stroke-width:3.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 6px 10px #4f6ee81f)}.level-shield-art text{fill:#4f6ee8;letter-spacing:0;transform-box:fill-box;transform-origin:50%;font-size:24px;font-weight:800;transform:scaleY(1.16)}.level-progressbar{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;width:100%;height:8px;margin-top:0;overflow:hidden}.level-progressbar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--ok));height:100%;display:block}.learning-art{width:96px;height:82px;top:16px;bottom:auto;right:12px}.learning-art-card{background:linear-gradient(#ffffffe0,#ffffff47),linear-gradient(135deg,#9db6ff,#dce7ff);border:1px solid #5b82ff3d;border-radius:14px;width:52px;height:64px;position:absolute;box-shadow:0 14px 24px #2563eb38}.learning-art-card-a{z-index:2;top:16px;right:28px;transform:rotate(0)}.learning-art-card-a:before,.learning-art-card-a:after{content:"";background:#2e63dc;border-radius:999px;width:24px;height:5px;position:absolute;left:14px}.learning-art-card-a:before{top:20px}.learning-art-card-a:after{width:18px;top:35px}.learning-art-card-b{z-index:1;background:linear-gradient(#ffffffe0,#ffffff47),linear-gradient(135deg,#c8f3d9,#9fdab5);border-color:#22c6a83d;top:2px;right:0;transform:rotate(8deg)}.learning-art-dot{color:#fff;z-index:3;background:#ffc857;border-radius:999px;place-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:900;display:grid;position:absolute;top:0;right:0;box-shadow:0 6px 14px #f59e0b52}.learning-art-dot:before{content:"★"}.learning-card .dashboard-stat-value{letter-spacing:-.02em;white-space:nowrap;overflow-wrap:normal;align-items:baseline;gap:7px;max-width:100%;margin-top:auto;font-size:2rem;font-weight:700;line-height:1.05;display:inline-flex}.learning-card .dashboard-stat-value-unit{letter-spacing:0;font-size:.72em;font-weight:650}.daily-goal-card{gap:10px}.daily-goal-header{justify-content:space-between;align-items:center;gap:8px;min-height:30px;display:flex}.daily-goal-edit{border:1px solid var(--border);background:var(--surface-2);width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:999px;place-items:center;padding:0;line-height:0;transition:color .12s,border-color .12s,background .12s;display:inline-grid;position:relative}.daily-goal-edit:before{content:"";width:max(44px,100%);height:max(44px,100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.daily-goal-edit:hover,.daily-goal-edit:focus-visible{color:var(--text);border-color:var(--accent)}.daily-goal-edit:active{transform:translateY(1px)}.session-size-modal{gap:14px}.session-size-presets{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.session-size-preset{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:12px;padding:10px 12px;font-size:.95rem;font-weight:600;transition:border-color .12s,background .12s}.session-size-preset:hover,.session-size-preset:focus-visible{border-color:var(--accent)}.session-size-preset.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--surface))}.daily-goal-main{align-items:center;gap:14px;width:100%;min-width:0;margin-top:auto;display:flex;transform:translateY(-8px)}.daily-goal-ring{aspect-ratio:1;flex:none;place-items:center;width:92px;display:grid;position:relative}.daily-goal-rings{width:100%;height:100%;position:absolute;inset:0}.daily-goal-ring-track,.daily-goal-ring-progress{fill:none;stroke-width:8px}.daily-goal-ring-track{stroke:var(--surface-2)}.daily-goal-ring-progress{stroke-linecap:round;filter:drop-shadow(0 1px 2px #0f172a2e);transition:stroke-dashoffset .18s,stroke .18s}.daily-goal-percent{color:var(--text);font-size:1.1rem;font-weight:800;line-height:1;position:relative}.daily-goal-progress{min-width:0;color:var(--text);overflow-wrap:normal;flex-direction:column;align-items:flex-start;font-size:1.05rem;font-weight:690;line-height:1.25;display:flex}.daily-goal-progress-count,.daily-goal-progress-unit{white-space:nowrap}.daily-goal-progress-unit{letter-spacing:0;font-size:.88em;font-weight:650}.tracker-card{gap:10px}.tracker-header{justify-content:flex-start;align-items:center;min-height:30px;display:flex}.tracker-sessions{color:var(--muted);text-align:left;white-space:normal;margin-top:-2px;font-size:.85rem;line-height:1.25}.tracker-main{align-items:center;gap:14px;display:flex}.tracker-flame{transform-origin:50% 80%;flex:none;place-items:center;width:40px;height:46px;transition:filter .16s,opacity .16s,transform .16s;display:inline-grid;position:relative;transform:translateY(-3px)}.tracker-flame-icon{filter:drop-shadow(0 7px 12px #f973162e);width:100%;height:100%;display:block;overflow:visible}.tracker-streak{letter-spacing:-.02em;font-size:1.75rem;font-weight:750;line-height:1;transition:color .16s}.tracker-card.level-0 .tracker-flame{filter:grayscale()saturate(0);opacity:.36;transform:translateY(-3px)scale(.9)}.tracker-card.level-1 .tracker-flame{filter:saturate(.82)brightness(.98);opacity:.68;transform:translateY(-3px)scale(.94)}.tracker-card.level-2 .tracker-flame{filter:saturate(1.04)brightness(1.02);opacity:.86;transform:translateY(-3px)scale(1)}.tracker-card.level-3 .tracker-flame{filter:saturate(1.22)brightness(1.05);opacity:1;transform:translateY(-3px)scale(1.06)}.tracker-card.at-risk .tracker-flame{filter:grayscale()saturate(0);opacity:.48;transform:translateY(-3px)scale(1)}.tracker-card.at-risk .tracker-streak{color:var(--muted)}.tracker-week{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.tracker-dot{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;height:8px;display:block}.tracker-dot.active{background:linear-gradient(90deg, var(--accent), var(--ok));border-color:#0000}.event-banner{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));background:linear-gradient(120deg, color-mix(in srgb, var(--surface) 85%, var(--accent) 15%), color-mix(in srgb, var(--surface) 80%, var(--ok) 20%));box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 16%, transparent);border-radius:18px;align-items:center;gap:14px;padding:14px 40px 14px 16px;display:flex;position:relative}.event-banner-emoji{filter:drop-shadow(0 2px 4px #0f172a26);flex:none;font-size:2rem;line-height:1}.event-banner-body{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.event-banner-title{font-size:1.02rem;font-weight:750;line-height:1.2}.event-banner-subtitle{color:var(--muted);font-size:.85rem;line-height:1.25}.event-banner.is-completed{background:linear-gradient(120deg, color-mix(in srgb, var(--surface) 84%, #f2b544 16%), color-mix(in srgb, var(--surface) 82%, var(--ok) 18%));border-color:#f2b544;box-shadow:0 6px 18px #f2b54438}.event-banner-done{color:#c8902a;font-size:.9rem;font-weight:750;line-height:1.25}.event-banner-cta{width:auto;margin-top:7px;padding:7px 14px;font-size:.9rem}.event-banner-dismiss{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;padding:0;font-size:1.4rem;line-height:1;display:grid;position:absolute;top:6px;right:8px}.event-banner-dismiss:hover,.event-banner-dismiss:focus-visible{background:color-mix(in srgb, var(--muted) 16%, transparent)}.event-chip{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));background:linear-gradient(120deg, color-mix(in srgb, var(--surface) 88%, var(--accent) 12%), color-mix(in srgb, var(--surface) 86%, var(--ok) 14%));width:100%;color:var(--text);cursor:pointer;font:inherit;text-align:left;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex}.event-chip:hover,.event-chip:focus-visible{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 14%, transparent)}.event-chip:active{transform:translateY(1px)}.event-chip-emoji{flex:none;font-size:1.25rem;line-height:1}.event-chip-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.95rem;font-weight:700;overflow:hidden}.event-chip-arrow{color:var(--muted);flex:none;font-size:1.2rem;font-weight:800;line-height:1}.event-hero{flex-direction:row;align-items:center;gap:14px;display:flex}.event-hero-emoji{filter:drop-shadow(0 2px 5px #0f172a29);flex:none;font-size:2.4rem;line-height:1}.event-hero-main h2{margin:0 0 4px;font-size:1.15rem;font-weight:800;line-height:1.15}.event-hero-main p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.3}.event-streak{align-items:center;gap:10px;display:flex}.event-streak-icon{font-size:1.4rem;line-height:1}.event-streak-label{color:var(--muted);font-weight:650}.event-streak-value{margin-left:auto;font-size:1.05rem;font-weight:800}.event-challenge{flex-direction:column;gap:10px;display:flex}.event-challenge-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.event-challenge-head h3{margin:0;font-size:1.02rem;font-weight:750}.event-challenge-progress{background:color-mix(in srgb, var(--accent) 14%, var(--surface));color:var(--accent);border-radius:999px;flex:none;padding:2px 10px;font-size:.82rem;font-weight:800}.event-challenge-progress.is-done{background:color-mix(in srgb, #f2b544 22%, var(--surface));color:#c8902a}.event-challenge-badge{background:linear-gradient(120deg, color-mix(in srgb, var(--surface) 82%, #f2b544 18%), color-mix(in srgb, var(--surface) 82%, var(--ok) 18%));color:#c8902a;text-align:center;border-radius:12px;padding:8px 12px;font-weight:750}.event-progress{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.event-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--ok));height:100%;transition:width .22s;display:block}.event-progress-fill.tier-1{background:linear-gradient(90deg,#cd7f32,#e0a060)}.event-progress-fill.tier-2{background:linear-gradient(90deg,#9aa7b3,#d2dae2)}.event-progress-fill.tier-3{background:linear-gradient(90deg,#f2b544,#ffd86b)}.event-tier{background:color-mix(in srgb, var(--surface) 86%, var(--accent) 14%);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex}.event-tier.tier-1{background:color-mix(in srgb, var(--surface) 84%, #cd7f32 16%)}.event-tier.tier-2{background:color-mix(in srgb, var(--surface) 84%, #9aa7b3 16%)}.event-tier.tier-3{background:color-mix(in srgb, var(--surface) 82%, #f2b544 18%)}.event-tier-medal{font-size:1.3rem;line-height:1}.event-tier-label{font-weight:750}.event-tier-done{color:#c8902a;margin-left:auto;font-size:.85rem;font-weight:700}.event-challenge-list{flex-direction:column;gap:10px;display:flex}.confetti{pointer-events:none;z-index:999;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:.95;border-radius:2px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-18px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.9;transform:translateY(106vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.event-challenge-item{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;font:inherit;border-radius:14px;align-items:center;gap:12px;padding:13px 14px;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex}.event-challenge-item:hover,.event-challenge-item:focus-visible{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));box-shadow:0 8px 20px #0f172a0f}.event-challenge-item:active{transform:translateY(1px)}.event-challenge-item.is-done{background:color-mix(in srgb, var(--surface) 90%, #f2b544 10%);border-color:#f2d48a}.event-challenge-item-icon{flex:none;font-size:1.4rem;line-height:1}.event-challenge-item-label{flex:1;min-width:0;font-weight:700}.event-challenge-item-status{color:color-mix(in srgb, var(--ok) 80%, var(--text));flex:none;font-size:.9rem;font-weight:750}.event-screen-worldcup{--event-grass:#1f9f67;--event-grass-dark:#13794d;--event-grass-soft:#e6f7ec;--event-sky:#eaf6ff;--event-gold:#f2b544;--event-blue:#3f7dff;--event-red:#e85b62;--event-purple:#7a67e8;background:radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--event-gold) 24%, transparent) 0 78px, transparent 79px), radial-gradient(circle at 12% 32%, color-mix(in srgb, var(--event-blue) 12%, transparent) 0 86px, transparent 87px), radial-gradient(circle at 94% 76%, color-mix(in srgb, var(--event-red) 10%, transparent) 0 102px, transparent 103px), linear-gradient(180deg, #f4f9ff 0%, #fbfaf2 42%, #edf8ef 100%)}.event-screen-worldcup .topbar-title{color:#123b2a}.event-screen-worldcup .event-hero,.event-screen-worldcup .event-streak,.event-screen-worldcup .event-challenge{border-color:color-mix(in srgb, var(--event-grass) 44%, var(--border));box-shadow:0 12px 28px #13794d1f}.event-screen-worldcup .event-hero{background:radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--event-blue) 18%, transparent) 0 54px, transparent 55px), radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--event-gold) 24%, transparent) 0 42px, transparent 43px), linear-gradient(135deg, #fffffff7 0 44%, #e9f7ffe0 63%, #e6f7ecf0 100%);min-height:152px;position:relative;overflow:hidden}.event-screen-worldcup .event-hero:before{content:"";background:linear-gradient(90deg, transparent 0 49%, #ffffffc7 49% 51%, transparent 51%), radial-gradient(circle at 50% 100%, transparent 0 36px, #ffffffd1 37px 40px, transparent 41px), repeating-linear-gradient(90deg, #ffffff1f 0 14px, transparent 14px 28px), linear-gradient(180deg, color-mix(in srgb, var(--event-grass) 86%, #fff) 0%, var(--event-grass-dark) 100%);border-radius:999px 999px 0 0;height:118px;position:absolute;inset:auto -56px -48px 66%;transform:rotate(-8deg)}.event-screen-worldcup .event-hero:after{content:"";background:linear-gradient(90deg, var(--event-gold) 0 13px, #fff 13px 23px, var(--event-blue) 23px 39px, var(--event-red) 39px 100%);border-radius:5px;width:52px;height:24px;position:absolute;top:22px;right:20px;transform:rotate(7deg);box-shadow:0 9px 18px #0f172a1a}.event-screen-worldcup .event-hero-emoji{aspect-ratio:1;z-index:1;background:radial-gradient(circle at 34% 25%,#fffffff2 0 15px,#0000 16px),linear-gradient(145deg,#fff 0%,#dcecff 100%);border-radius:999px;place-items:center;width:58px;font-size:2.35rem;display:grid;position:relative;box-shadow:0 10px 22px #3f7dff2e,inset 0 0 0 1px #3f7dff38}.event-screen-worldcup .event-hero-main{z-index:1;max-width:min(218px,100% - 118px);padding:4px 2px;position:relative}.event-screen-worldcup .event-hero-main:before{content:"";z-index:-1;background:linear-gradient(90deg,#fffffff5 0%,#ffffffdb 72%,#fff0 100%);border-radius:14px;position:absolute;inset:-8px -12px}.event-screen-worldcup .event-hero-main h2{color:#123b2a;text-shadow:0 1px #ffffffeb}.event-screen-worldcup .event-hero-main p{color:#24483e;text-shadow:0 1px #ffffffd1}.event-screen-worldcup .event-streak{background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--event-red) 14%, transparent) 0 42px, transparent 43px), linear-gradient(120deg, #fff 0%, color-mix(in srgb, var(--event-gold) 18%, #fff) 46%, color-mix(in srgb, var(--event-blue) 10%, #fff) 68%, color-mix(in srgb, var(--event-grass-soft) 88%, #fff) 100%)}.event-screen-worldcup .event-streak-icon{aspect-ratio:1;background:radial-gradient(circle at 50% 28%, #fff 0 7px, transparent 8px), linear-gradient(145deg, color-mix(in srgb, var(--event-red) 32%, #fff), color-mix(in srgb, var(--event-gold) 32%, #fff));width:34px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--event-gold) 36%, transparent);border-radius:999px;place-items:center;display:grid}.event-screen-worldcup .event-streak-label{color:#385c50}.event-screen-worldcup .event-streak-value{color:#123b2a}.event-path{align-items:flex-start;gap:2px;padding:6px 2px 2px;display:flex}.event-path-step{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.event-path-step:before{content:"";z-index:0;background:#d6e3db;border-radius:999px;height:3px;position:absolute;top:14px;left:-50%;right:50%}.event-path-step:first-child:before{display:none}.event-path-step.is-linked:before{background:var(--event-grass,#1f9f67)}.event-path-dot{z-index:1;aspect-ratio:1;border:2px solid color-mix(in srgb, var(--event-grass,#1f9f67) 20%, #d2ded7);background:#fff;border-radius:999px;place-items:center;width:28px;font-size:.82rem;line-height:1;display:grid;position:relative}.event-path-step.is-done .event-path-dot{background:color-mix(in srgb, var(--event-grass,#1f9f67) 16%, #fff);border-color:var(--event-grass,#1f9f67)}.event-path-step.is-current .event-path-dot{border-color:var(--event-blue,#3f7dff);box-shadow:0 0 0 4px color-mix(in srgb, var(--event-blue,#3f7dff) 18%, transparent)}.event-path-label{color:#6a7b72;overflow-wrap:anywhere;font-size:.64rem;font-weight:700;line-height:1.1}.event-path-step.is-done .event-path-label,.event-path-step.is-current .event-path-label{color:#123b2a}.event-path-cup .event-path-dot{border-color:color-mix(in srgb, var(--event-gold,#f2b544) 40%, var(--border));filter:grayscale(.7);opacity:.78;width:34px;font-size:1.05rem}.event-path-cup:before{top:17px}.event-path.is-champion .event-path-cup .event-path-dot{filter:none;opacity:1;border-color:var(--event-gold,#f2b544);background:color-mix(in srgb, var(--event-gold,#f2b544) 24%, #fff);box-shadow:0 0 0 4px color-mix(in srgb, var(--event-gold,#f2b544) 22%, transparent)}.event-path.is-champion .event-path-cup:before{background:var(--event-gold,#f2b544)}.event-path.is-champion .event-path-cup .event-path-label{color:#b9851f}.event-screen-worldcup .event-challenge{background:radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--event-purple) 10%, transparent) 0 64px, transparent 65px), linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--event-sky) 50%, #fff) 55%, color-mix(in srgb, var(--event-grass-soft) 70%, #fff) 100%)}.event-screen-worldcup .event-challenge-head h3{color:#123b2a}.event-screen-worldcup .event-challenge-progress{background:color-mix(in srgb, var(--event-blue) 16%, #fff);color:var(--event-blue)}.event-screen-worldcup .event-challenge-progress.is-done{background:color-mix(in srgb, var(--event-gold) 28%, #fff);color:#9b6a10}.event-screen-worldcup .event-progress{background:color-mix(in srgb, var(--event-grass-soft) 72%, #fff);border-color:color-mix(in srgb, var(--event-grass) 30%, var(--border))}.event-screen-worldcup .event-progress-fill,.event-screen-worldcup .event-progress-fill.tier-1,.event-screen-worldcup .event-progress-fill.tier-2,.event-screen-worldcup .event-progress-fill.tier-3{background:linear-gradient(90deg, var(--event-blue), var(--event-grass) 45%, var(--event-gold) 76%, var(--event-red))}.event-screen-worldcup .event-tier{border:1px solid color-mix(in srgb, var(--event-gold) 44%, transparent);background:linear-gradient(120deg, color-mix(in srgb, var(--event-gold) 22%, #fff), color-mix(in srgb, var(--event-grass-soft) 86%, #fff))}.event-screen-worldcup .event-challenge-item{border-color:color-mix(in srgb, var(--event-grass) 30%, var(--border));background:linear-gradient(90deg, #fff 0 68%, color-mix(in srgb, var(--event-blue) 8%, #fff) 80%, color-mix(in srgb, var(--event-grass-soft) 84%, #fff) 100%)}.event-screen-worldcup .event-challenge-item:hover,.event-screen-worldcup .event-challenge-item:focus-visible{border-color:color-mix(in srgb, var(--event-grass) 70%, var(--border));box-shadow:0 10px 22px #13794d1f}.event-screen-worldcup .event-challenge-item.is-done{border-color:color-mix(in srgb, var(--event-gold) 58%, var(--border));background:linear-gradient(90deg, color-mix(in srgb, var(--event-gold) 14%, #fff), color-mix(in srgb, var(--event-grass-soft) 82%, #fff))}.event-screen-worldcup .event-challenge-item-icon{aspect-ratio:1;background:color-mix(in srgb, var(--event-blue) 14%, #fff);width:32px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--event-blue) 18%, transparent);border-radius:10px;place-items:center;display:grid}.event-screen-worldcup .event-challenge-item:nth-child(2n) .event-challenge-item-icon{background:color-mix(in srgb, var(--event-grass) 16%, #fff);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--event-grass) 20%, transparent)}.event-screen-worldcup .event-challenge-item:nth-child(3n) .event-challenge-item-icon{background:color-mix(in srgb, var(--event-gold) 20%, #fff);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--event-gold) 26%, transparent)}.event-screen-worldcup .event-challenge-item:nth-child(4n) .event-challenge-item-icon{background:color-mix(in srgb, var(--event-red) 16%, #fff);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--event-red) 22%, transparent)}.event-screen-worldcup .event-challenge-item-label{color:#123b2a}.event-screen-worldcup .event-challenge-item-status{color:var(--event-grass-dark)}@media (width<=430px){.dashboard-hero>div:first-child{padding-right:94px}.dashboard-progress-flag{border-radius:11px;width:84px;height:63px;top:18px;right:16px}.dashboard-progress-flag svg{border-radius:11px!important}.dashboard-progress-flag-fill svg{width:84px;height:63px}.dashboard-hero{gap:10px;min-height:0;padding:16px}.dashboard-title{font-size:1.65rem}.dashboard-subtitle{margin:0 0 8px;font-size:.98rem}.dashboard-progressbar{height:8px}.dashboard-grid{grid-auto-rows:minmax(140px,1fr);gap:10px}.dashboard-stat-card{border-radius:18px;gap:8px;min-height:0;padding:14px}.dashboard-stat-label,.dashboard-subtitle{font-size:1.02rem}.dashboard-stat-hint{font-size:.86rem}.level-progress-card{gap:6px}.level-progress-value{font-size:2.4rem;font-weight:760;transform:none}.level-progress-words{font-size:1rem}.level-progress-grammar{font-size:.74rem}.level-shield-art{width:44px;height:52px;top:42px;right:12px}.level-shield-art text{font-size:22px;transform:scaleY(1.18)}.daily-goal-main{text-align:center;flex-direction:column;align-items:center;gap:6px;transform:none}.daily-goal-ring{width:72px}.daily-goal-percent{font-size:1.12rem}.daily-goal-progress{align-items:center;padding-right:0;font-size:1rem}.learning-card .dashboard-stat-value{font-size:1.78rem}.learning-art{top:34px}}@media (width<=430px) and (height<=760px) and (hover:hover) and (pointer:fine){.screen{gap:10px;padding-top:10px}.topbar{padding:2px 0 4px}.dashboard-hero{border-radius:16px;gap:10px;min-height:148px;padding:16px}.dashboard-hero>div:first-child{padding-right:98px}.dashboard-progress-flag{width:86px;height:65px;top:12px;right:12px}.dashboard-progress-flag-fill svg{width:86px;height:65px}.dashboard-subtitle,.dashboard-stat-label{font-size:.98rem}.dashboard-subtitle{margin-bottom:8px}.dashboard-title{font-size:1.82rem}.dashboard-progressbar{height:8px}.dashboard-grid{grid-auto-rows:minmax(136px,auto);gap:8px 10px}.dashboard-stat-card{border-radius:16px;gap:7px;min-height:136px;padding:14px}.level-progress-card{gap:6px}.level-progress-value{font-size:2.45rem}.level-progress-words{margin-bottom:1px;font-size:.95rem}.level-shield-art{width:40px;height:48px;top:38px;right:12px}.level-shield-art text{font-size:18px}.level-progressbar{height:6px}.learning-art{width:78px;height:66px;top:26px;right:8px}.learning-art-card{width:42px;height:52px}.learning-art-card-a{top:12px;right:24px}.learning-art-card-b{top:0}.learning-art-dot{width:28px;height:28px;font-size:1rem}.learning-card .dashboard-stat-value{font-size:1.55rem}.daily-goal-header,.tracker-header{min-height:28px}.daily-goal-edit{width:28px;height:28px}.daily-goal-main{gap:9px;transform:translateY(4px)}.daily-goal-ring{width:74px}.daily-goal-percent{font-size:.98rem}.daily-goal-progress{font-size:1rem}.tracker-sessions{font-size:.78rem;line-height:1.2}.tracker-main{gap:10px}.tracker-flame{width:34px;height:39px}.tracker-streak{font-size:1.45rem}.tracker-week{gap:5px}.tracker-dot{height:6px}}.dashboard-stat-line{color:var(--muted);justify-content:flex-start;align-items:center;gap:7px;display:flex}.dashboard-stat-line strong{color:var(--text);font-weight:700}html[data-platform=vk] .level-shield-art{top:52px}html[data-platform=vk] .learning-art{top:48px}@media (hover:none),(pointer:coarse){html[data-platform=vk] .level-shield-art{width:47px;height:56px;top:43px;right:14px}}.drawer-overlay{opacity:0;pointer-events:none;z-index:30;background:#00000073;transition:opacity .18s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{background:var(--surface);border-right:1px solid var(--border);z-index:40;flex-direction:column;gap:14px;width:min(86vw,340px);padding:14px 14px 24px;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}.drawer-title{margin:0;font-size:1.05rem}.drawer-section{flex-direction:column;gap:8px;display:flex}.drawer-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.drawer-item{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);cursor:pointer;text-align:left;font:inherit;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.drawer-item:hover,.drawer-item:focus-visible{background:var(--surface)}.drawer-item-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.drawer-item-title{font-size:.95rem;font-weight:600}.drawer-item-sub{color:var(--muted);font-size:.85rem;line-height:1.35}.drawer-item-chevron{color:var(--muted);font-size:1.4rem;line-height:1}.modal-overlay{z-index:60;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:380px;max-height:calc(100dvh - 32px);padding:16px;display:flex;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.modal-title{margin:0;font-size:1.05rem}.report-trigger{border:1px solid var(--border);background:var(--surface-2);width:24px;height:24px;color:var(--muted);border-radius:999px;place-items:center;padding:0;font-size:.9rem;font-weight:800;line-height:1;display:inline-grid}.report-trigger:active{transform:translateY(1px)}.issue-modal{gap:14px}.issue-close{width:32px;height:32px;padding:0}.issue-reasons{flex-direction:column;gap:8px;display:flex}.issue-reason{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);font:inherit;text-align:left;border-radius:12px;padding:11px 12px}.issue-reason.active{border-color:color-mix(in srgb, var(--accent) 70%, var(--border));background:color-mix(in srgb, var(--accent) 14%, var(--surface));color:var(--accent-2);font-weight:700}.issue-comment-label{color:var(--muted);flex-direction:column;gap:6px;font-size:.82rem;display:flex}.issue-comment{resize:vertical;border:1px solid var(--border);background:var(--surface-2);min-height:82px;color:var(--text);font:inherit;border-radius:12px;padding:10px 12px;font-size:16px}.lang-options{flex-direction:column;gap:8px;display:flex}.lang-option{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;font:inherit;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:background .12s,border-color .12s;display:flex}.lang-option:hover,.lang-option:focus-visible{background:var(--surface)}.lang-option.selected{border-color:var(--accent,#4f7cff);background:color-mix(in srgb, var(--accent,#4f7cff) 14%, var(--surface-2))}.lang-option-flag{align-items:center;display:inline-flex}.lang-option-flag svg,.lang-chip svg{border-radius:2px;box-shadow:0 0 0 1px #00000014}.lang-option-name{flex:1;font-size:.95rem;font-weight:500}.lang-option-check{color:var(--accent,#4f7cff);font-weight:700}.lang-chip{align-items:center;gap:6px;display:inline-flex}.drawer-item-sub{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.drawer-item-arrow{opacity:.6}.drawer-item.placeholder{opacity:.7;cursor:default}.grammar-groups{flex-direction:column;gap:16px;display:flex}.grammar-group{flex-direction:column;gap:8px;display:flex}.grammar-group-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:4px 0;font-size:.85rem;font-weight:600}.grammar-level-progress{margin:-4px 0 0;font-size:.82rem}.grammar-rule-list{flex-direction:column;gap:12px;display:flex}.grammar-rule-card{--grammar-accent:var(--accent);--grammar-accent-2:var(--ok);border:1px solid color-mix(in srgb, var(--border) 78%, var(--grammar-accent) 22%);background:linear-gradient(90deg, var(--surface) 0%, var(--surface) 66%, color-mix(in srgb, var(--surface) 78%, var(--grammar-accent) 22%) 100%);width:100%;min-height:136px;color:var(--text);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;grid-template-columns:minmax(0,1fr) 92px;padding:0;transition:border-color .14s,box-shadow .14s,transform .14s,background .14s;display:grid;overflow:hidden;box-shadow:0 8px 20px #0f172a0a}.grammar-rule-card:hover,.grammar-rule-card:focus-visible{border-color:color-mix(in srgb, var(--grammar-accent) 72%, var(--border));box-shadow:0 10px 24px #0f172a14}.grammar-rule-card:focus-visible{outline:2px solid color-mix(in srgb, var(--grammar-accent) 70%, transparent);outline-offset:2px}.grammar-rule-card:active{transform:translateY(1px)}.grammar-rule-main{flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:15px 0 15px 14px;display:flex}.grammar-rule-title-row{align-items:center;gap:8px;min-width:0;display:flex}.grammar-rule-title{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none;min-width:0;font-size:1rem;font-weight:750;line-height:1.2}.grammar-rule-title-nowrap{white-space:nowrap}.grammar-rule-arrow{aspect-ratio:1;background:color-mix(in srgb, var(--grammar-accent) 15%, var(--surface));width:24px;color:var(--grammar-accent);border-radius:999px;flex:none;place-items:center;font-size:1.25rem;font-weight:800;line-height:1;display:grid}.grammar-rule-progress{background:color-mix(in srgb, var(--grammar-accent) 14%, var(--surface));color:var(--grammar-accent);white-space:nowrap;border-radius:999px;flex:none;padding:2px 8px;font-size:.74rem;font-weight:800;line-height:1.4}.grammar-rule-progress.is-done{background:color-mix(in srgb, #f2b544 22%, var(--surface));color:#c8902a;box-shadow:0 0 8px #f2b5448c}.grammar-rule-card.is-done{background:linear-gradient(90deg, color-mix(in srgb, var(--surface) 92%, #f2b544 8%) 0%, color-mix(in srgb, var(--surface) 92%, #f2b544 8%) 60%, color-mix(in srgb, var(--surface) 70%, #f2b544 30%) 100%);border-color:#f2b544;box-shadow:0 8px 22px #f2b5444d}.grammar-rule-card.is-done .grammar-rule-arrow{background:color-mix(in srgb, #f2b544 22%, var(--surface));color:#c8902a}.grammar-rule-card.is-planned{background:var(--surface);cursor:default;min-height:0;box-shadow:none;border-style:dashed;grid-template-columns:minmax(0,1fr)}.grammar-rule-card.is-planned:hover{border-color:color-mix(in srgb, var(--border) 78%, var(--grammar-accent) 22%);box-shadow:none}.grammar-rule-card.is-planned .grammar-rule-main{padding:12px 14px}.grammar-rule-card.is-planned .grammar-rule-title{color:var(--muted);font-weight:600}.grammar-rule-soon-badge{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;margin-left:auto;padding:2px 8px;font-size:.72rem;font-weight:700;line-height:1.4}.grammar-rule-description{color:var(--muted);overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.84rem;line-height:1.3;display:-webkit-box;overflow:hidden}.grammar-rule-art{background:linear-gradient(160deg, color-mix(in srgb, #e8f0ff 88%, var(--surface)) 0%, color-mix(in srgb, #e5fbf4 86%, var(--surface)) 100%);place-items:center;min-height:136px;display:grid;position:relative;overflow:hidden}.grammar-rule-art:before,.grammar-rule-art:after,.grammar-rule-art-line{content:"";display:block;position:absolute}.grammar-rule-art:before{width:64px;height:24px;box-shadow:12px 36px 0 -2px color-mix(in srgb, var(--grammar-accent-2) 58%, #fff), -4px 69px 0 -3px color-mix(in srgb, var(--grammar-accent) 50%, #fff);background:#fff;border-radius:9px;top:22px;left:14px}.grammar-rule-art:after{background:color-mix(in srgb, var(--grammar-accent) 72%, #fff);width:54px;height:8px;box-shadow:0 -19px 0 color-mix(in srgb, var(--grammar-accent-2) 58%, #fff);border-radius:999px;bottom:18px;right:15px}.grammar-rule-art-label{z-index:2;aspect-ratio:1;background:color-mix(in srgb, var(--grammar-accent) 86%, #fff);color:#fff;border-radius:15px;place-items:center;width:46px;font-size:.95rem;font-weight:850;line-height:1;display:grid;position:relative;box-shadow:0 7px 18px #0f172a1f}.grammar-rule-art-line-a{background:#fff;border-radius:7px;width:18px;height:18px;bottom:34px;left:18px}.grammar-rule-art-line-b{background:#f5c771;border-radius:8px;width:20px;height:20px;top:21px;right:16px}.rule-preview-screen{flex-direction:column;gap:12px;min-width:0;padding-bottom:88px;display:flex}.rule-preview-tabs{z-index:4;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid;position:sticky;top:0;box-shadow:0 8px 20px #0f172a0d}.rule-preview-tab{min-width:0;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 6px;font-size:.84rem;font-weight:700;line-height:1;transition:background .14s,color .14s,box-shadow .14s}.rule-preview-tab:hover,.rule-preview-tab:focus-visible{color:var(--text);background:var(--surface-2)}.rule-preview-tab:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:2px}.rule-preview-tab.active{color:#fff;background:linear-gradient(180deg, var(--accent), var(--accent-2));box-shadow:0 6px 14px #5b8cff3d}.rule-preview-panel{flex-direction:column;gap:12px;min-width:0;display:flex}.rule-preview-card{border-radius:14px;min-width:0}.rule-preview-practice-card{gap:14px}.rule-preview-practice-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rule-preview-practice-list li{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;padding:10px 12px;font-size:.92rem;line-height:1.35}.rule-preview-cta{left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:70;border:1px solid color-mix(in srgb, var(--border) 82%, var(--accent) 18%);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;width:min(100% - 28px,452px);padding:8px;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #0f172a29}.rule-preview-start{border-radius:13px;min-height:48px;font-size:1rem}.grammar-rule-text{white-space:pre-line;color:var(--text);margin:0;line-height:1.55}.grammar-rule-body{flex-direction:column;gap:14px;min-width:0;display:flex}.grammar-rule-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;min-width:0;overflow-x:auto}.grammar-rule-table{border-collapse:collapse;width:100%;font-size:.92rem;line-height:1.3}.grammar-rule-table th,.grammar-rule-table td{border-bottom:1px solid color-mix(in srgb, var(--border) 78%, transparent);text-align:left;vertical-align:middle;white-space:normal;overflow-wrap:break-word;padding:9px 10px}.grammar-rule-table thead th{background:color-mix(in srgb, var(--surface) 70%, var(--accent) 8%);color:var(--muted);font-size:.78rem;font-weight:750}.grammar-rule-table tbody th{color:var(--text);font-weight:750}.grammar-rule-table tbody td:nth-child(2){color:var(--accent);font-weight:800}.grammar-rule-table tbody td:nth-child(3){font-weight:750}.grammar-rule-table tr:last-child th,.grammar-rule-table tr:last-child td{border-bottom:0}.grammar-rule-examples{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.grammar-rule-examples li{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:8px 12px}.grammar-rule-example-source{color:var(--muted);margin-bottom:2px;font-size:.9rem}.grammar-rule-example-target{font-weight:600}@media (width<=430px){.rule-preview-screen{gap:10px;padding-bottom:84px}.rule-preview-tab{padding:8px 4px;font-size:.8rem}.rule-preview-card{padding:15px}.rule-preview-cta{bottom:calc(12px + env(safe-area-inset-bottom,0px));border-radius:17px;width:min(100% - 24px,456px);padding:7px}.rule-preview-start{min-height:46px}}.level-filter{flex-wrap:wrap;gap:6px;margin:2px 0 6px;display:flex}.level-filter-chip{border:1px solid var(--border);background:var(--surface);color:var(--text);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;padding:6px 14px;font-size:13px;font-weight:650;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.level-filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.level-filter-chip:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:2px}.practice-hub{flex-direction:column;gap:12px;padding:4px 0 8px;display:flex}.practice-heading{margin:0 4px 6px}.practice-heading h1{color:color-mix(in srgb, var(--text) 88%, #34405f);letter-spacing:0;margin:0;font-size:1.78rem;font-weight:760;line-height:1.1}.practice-heading p{color:#46516d;margin:8px 0 0;font-size:1.06rem;line-height:1.3}.practice-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;display:grid}.practice-mode-card{--practice-accent:#2fc992;--practice-accent-strong:#10986c;--practice-card-bg:#fff;border:1px solid color-mix(in srgb, var(--practice-accent) 38%, var(--border));background:var(--practice-card-bg);color:#0d1322;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:20px;width:100%;min-width:0;transition:border-color .14s,box-shadow .14s,transform .14s;box-shadow:0 9px 24px #0f172a0f}.practice-mode-card:hover,.practice-mode-card:focus-visible{border-color:color-mix(in srgb, var(--practice-accent) 72%, var(--border));box-shadow:0 14px 30px #0f172a1a}.practice-mode-card:focus-visible{outline:2px solid color-mix(in srgb, var(--practice-accent) 60%, transparent);outline-offset:2px}.practice-mode-card:active{transform:translateY(1px)}.practice-mode-card-feature{background:radial-gradient(circle at 78% 43%,#2fc9922e,#0000 34%),linear-gradient(115deg,#fff 0% 42%,#effdf7 100%);grid-template-columns:minmax(0,1fr) minmax(138px,40%);gap:6px;min-height:216px;padding:18px 16px 17px 18px;display:grid;overflow:hidden}.practice-mode-content{z-index:2;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex;position:relative}.practice-recommended-badge{color:#0c976d;background:#e8f8ee;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:.94rem;font-weight:720;line-height:1;display:inline-flex}.practice-recommended-badge svg{width:17px;height:17px}.practice-mode-title{color:#0c1220;letter-spacing:0;overflow-wrap:anywhere;min-width:0;font-size:1.85rem;font-weight:760;line-height:1.08;display:block}.practice-mode-card-feature .practice-mode-title{margin-top:5px;font-size:1.96rem}.practice-mode-subtitle,.practice-mode-detail{color:#4c5671;overflow-wrap:anywhere;font-size:.96rem;line-height:1.24;display:block}.practice-mode-detail{color:#5e6880}.practice-mode-action{color:var(--practice-accent-strong);align-items:center;gap:10px;margin-top:auto;font-size:.96rem;font-weight:690;line-height:1.1;display:inline-flex}.practice-action-icon{background:color-mix(in srgb, var(--practice-accent) 14%, #fff);border-radius:999px;flex:none;place-items:center;width:32px;height:32px;display:grid}.practice-action-icon svg{width:21px;height:21px}.practice-scenarios-art{z-index:1;align-self:stretch;min-height:182px;position:relative}.practice-art-backdrop,.practice-chat-bubble,.practice-chat-bubble span,.practice-suitcase,.practice-suitcase-handle,.practice-suitcase-line,.practice-cafe-table,.practice-cup,.practice-plant,.practice-chair,.practice-small-art span,.practice-note-card:before,.practice-note-card:after,.practice-puzzle-piece:before,.practice-puzzle-piece:after,.practice-smile-face:before,.practice-smile-face:after,.practice-book:before,.practice-book:after,.practice-checklist:before,.practice-checklist span:before,.practice-pencil:before,.practice-pencil:after{content:"";display:block;position:absolute}.practice-art-backdrop{background:radial-gradient(circle at 34% 34%,#ffffff9e,#0000 28%),linear-gradient(145deg,#d8f3e8 0%,#bfeada 100%);border-radius:50%;width:140px;height:140px;bottom:9px;right:-7px}.practice-chat-bubble{z-index:5;justify-content:center;align-items:center;gap:10px;display:flex;box-shadow:inset 0 2px 5px #ffffff9e,0 12px 24px #0f172a1f}.practice-chat-bubble:after{content:"";clip-path:polygon(0 0,100% 0,0 100%);width:24px;height:24px;position:absolute;bottom:-15px}.practice-chat-bubble span{background:#fffffff2;border-radius:999px;width:11px;height:11px;position:static;box-shadow:inset 0 -2px 3px #0f172a1f}.practice-chat-bubble-main{background:linear-gradient(#7adfc8 0%,#47bf99 100%);border-radius:20px;width:108px;height:55px;top:32px;right:58px}.practice-chat-bubble-main:after{background:#47bf99;left:29px}.practice-chat-bubble-soft{background:linear-gradient(#fff 0%,#f0ede8 100%);border-radius:27px 27px 24px 24px;width:80px;height:58px;top:52px;right:1px}.practice-chat-bubble-soft:after{background:#f0ede8;right:16px;transform:scaleX(-1)}.practice-chat-bubble-soft span{background:#c4c8cf;width:8px;height:8px}.practice-suitcase{z-index:4;background:linear-gradient(145deg,#8bb8ff 0%,#5685e8 100%);border-radius:15px 15px 12px 12px;width:54px;height:62px;bottom:12px;left:18px;box-shadow:inset 8px 0 12px #ffffff24,0 11px 20px #3d6fe63d}.practice-suitcase:before,.practice-suitcase:after{content:"";background:#49556b;border-radius:999px;width:9px;height:9px;position:absolute;bottom:-6px;box-shadow:inset 0 -2px 2px #00000029}.practice-suitcase:before{left:7px}.practice-suitcase:after{right:7px}.practice-suitcase-handle{border:4px solid #435166;border-bottom:0;border-radius:9px 9px 0 0;width:25px;height:18px;top:-17px;left:15px}.practice-suitcase-line{background:#3158b452;border-radius:999px;width:3px;height:36px;top:15px}.practice-suitcase-line-a{left:18px}.practice-suitcase-line-b{right:18px}.practice-cafe-table{z-index:4;background:linear-gradient(#f2c47d 0%,#e0a55c 100%);border-radius:50%;width:80px;height:27px;bottom:13px;right:13px;box-shadow:0 12px 16px #65472a29}.practice-cafe-table:before{content:"";background:linear-gradient(#b7b7aa,#8d908a);border-radius:999px;width:11px;height:39px;position:absolute;top:20px;left:36px}.practice-cafe-table:after{content:"";background:#8d908a;border-radius:50%;width:38px;height:9px;position:absolute;top:50px;left:24px}.practice-cup{background:#fff;border-radius:0 0 15px 15px;width:27px;height:16px;top:-13px;left:23px;box-shadow:inset 0 -4px #e6dfd4}.practice-cup:before{content:"";background:#a96b39;border-radius:999px;width:15px;height:5px;position:absolute;top:4px;left:6px}.practice-cup:after{content:"";border:3px solid #fff;border-left:0;border-radius:0 999px 999px 0;width:9px;height:8px;position:absolute;top:4px;right:-7px}.practice-plant{background:#b36d43;border-radius:0 0 5px 5px;width:17px;height:18px;top:-19px;right:10px}.practice-plant:before,.practice-plant:after{content:"";background:#4fc39d;border-radius:999px 999px 0;width:14px;height:18px;position:absolute;bottom:15px}.practice-plant:before{left:-6px;transform:rotate(-26deg)}.practice-plant:after{right:-6px;transform:rotate(26deg)scaleX(-1)}.practice-chair{z-index:2;background:linear-gradient(145deg,#8bd9c7,#55ba9c);border-radius:10px 14px 10px 10px;width:43px;height:54px;bottom:7px;right:-6px;transform:skewY(-7deg);box-shadow:0 13px 22px #1c755c29}.practice-chair:before,.practice-chair:after{content:"";background:#a76a3b;border-radius:999px;width:5px;height:34px;position:absolute;bottom:-30px}.practice-chair:before{left:9px;transform:rotate(9deg)}.practice-chair:after{right:10px;transform:rotate(-9deg)}.practice-mode-card-compact{flex-direction:column;gap:6px;height:100%;min-height:214px;padding:13px 14px 14px;display:flex;overflow:hidden}.practice-mode-card-compact .practice-mode-title{margin-top:8px;font-size:1.45rem;line-height:1.06}.practice-mode-card-compact .practice-mode-subtitle,.practice-mode-card-compact .practice-mode-detail{font-size:.88rem;line-height:1.18}.practice-mode-card-texts{--practice-accent:#ff9851;--practice-accent-strong:#ef5a1f;background:radial-gradient(circle at 48% 10%,#ffd29352,#0000 38%),linear-gradient(145deg,#fffaf4 0%,#fff 66%)}.practice-mode-card-grammar{--practice-accent:#657df3;--practice-accent-strong:#4b55d9;background:radial-gradient(circle at 60% 10%,#677ef32e,#0000 38%),linear-gradient(145deg,#fbfcff 0%,#fff 66%)}.practice-small-art{z-index:1;border-radius:26px;flex:none;height:88px;margin:-2px -4px 5px;position:relative;overflow:visible}.practice-mode-card-compact .practice-mode-title,.practice-mode-card-compact .practice-mode-subtitle,.practice-mode-card-compact .practice-mode-detail,.practice-mode-card-compact .practice-mode-action{z-index:6;position:relative}.practice-text-art{background:radial-gradient(at 48% 52%,#ffe8cd 0%,#fff5e8 48%,#0000 49%)}.practice-note-card{background:#fff;border-radius:11px;width:75px;height:58px;top:25px;left:16px;transform:rotate(-5deg);box-shadow:inset 0 -3px 7px #0f172a0f,0 10px 18px #0f172a21}.practice-note-card span{background:linear-gradient(#d4d6d7,#aaafb5);border-radius:999px;height:5px;left:16px;right:14px}.practice-note-card span:first-child{top:18px}.practice-note-card span:nth-child(2){top:31px}.practice-note-card span:nth-child(3){top:44px;right:35px}.practice-puzzle-piece{z-index:2;background:linear-gradient(145deg,#ffba55,#ff7a25);border-radius:11px 11px 10px 10px;width:58px;height:56px;bottom:5px;right:38px;transform:rotate(-10deg);box-shadow:inset 4px 5px 6px #ffffff38,0 12px 18px #d560183d}.practice-puzzle-piece:before{background:linear-gradient(145deg,#ffba55,#ff7a25);border-radius:999px;width:19px;height:19px;top:18px;right:-11px}.practice-puzzle-piece:after{background:#fff7ed;border-radius:999px;width:19px;height:19px;top:-9px;left:20px}.practice-smile-face{z-index:3;background:radial-gradient(circle at 35% 34%,#fff3a6 0 16%,#0000 17%),linear-gradient(145deg,#ffe87c,#ffb33d);border-radius:999px;width:48px;height:48px;top:11px;right:8px;box-shadow:0 9px 15px #dd881c2e}.practice-smile-face:before{background:#6d431d;border-radius:999px;width:5px;height:6px;top:18px;left:13px;box-shadow:16px 0 #6d431d}.practice-smile-face:after{border-bottom:4px solid #6d431d;border-radius:0 0 999px 999px;width:16px;height:8px;top:29px;left:16px}.practice-grammar-art{background:radial-gradient(at 58% 52%,#e8edff 0%,#f4f7ff 51%,#0000 52%)}.practice-book{color:#fff;text-shadow:0 2px 4px #1f318f59;z-index:2;background:linear-gradient(145deg,#7288f7,#4157c9);border-radius:9px 12px 12px 9px;place-items:center;width:67px;height:78px;font-size:1.9rem;font-weight:780;line-height:1;display:grid;top:15px;left:10px;box-shadow:inset 5px 0 7px #ffffff2e,0 13px 22px #4458cf3d}.practice-book:before{background:#f2f0e8;border-radius:0 0 9px 9px;width:67px;height:8px;bottom:7px;left:0}.practice-book:after{background:#1e2f923d;width:4px;height:100%;top:0;left:6px}.practice-checklist{z-index:3;background:#fff;border-radius:7px;width:53px;height:63px;top:27px;right:16px;transform:rotate(7deg);box-shadow:0 11px 18px #0f172a1f}.practice-checklist span{background:#6dd0a7;border-radius:4px;width:12px;height:12px;left:10px}.practice-checklist span:first-child{top:11px}.practice-checklist span:nth-child(2){top:29px}.practice-checklist span:nth-child(3){top:47px}.practice-checklist span:before{border-bottom:2px solid #fff;border-left:2px solid #fff;width:6px;height:3px;top:3px;left:3px;transform:rotate(-45deg)}.practice-checklist:before{background:#c9cdd2;border-radius:999px;width:16px;height:3px;top:14px;left:28px;box-shadow:0 18px #c9cdd2,0 36px #c9cdd2}.practice-pencil{z-index:4;background:linear-gradient(90deg,#ffd45c 0 68%,#f5ad35 69%);border-radius:10px;width:16px;height:62px;bottom:13px;right:-5px;transform:rotate(33deg);box-shadow:0 9px 14px #b26e1729}.practice-pencil:before{background:#6f8cf6;border-radius:7px 7px 2px 2px;width:18px;height:13px;top:-9px;left:0}.practice-pencil:after{border-top:16px solid #30405f;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;bottom:-13px;left:2px}.practice-card-disabled{opacity:.55}@media (width<=430px) and (hover:none),(width<=430px) and (pointer:coarse){.practice-hub{gap:9px;padding-top:0}.practice-heading{margin-bottom:4px}.practice-heading h1{font-size:1.46rem}.practice-heading p{margin-top:5px;font-size:.92rem}.practice-mode-card{border-radius:18px}.practice-mode-card-feature{grid-template-columns:minmax(0,1fr) 122px;min-height:196px;padding:16px 14px 15px}.practice-mode-card-feature .practice-mode-title{font-size:1.72rem}.practice-mode-title{font-size:1.38rem}.practice-mode-subtitle,.practice-mode-detail{font-size:.84rem;line-height:1.18}.practice-recommended-badge{padding:5px 11px;font-size:.82rem}.practice-scenarios-art{transform-origin:100% 100%;min-height:164px;transform:scale(.74)}.practice-mode-grid{gap:10px}.practice-mode-card-compact{gap:5px;min-height:176px;padding:11px 12px 12px}.practice-small-art{transform-origin:top;height:64px;margin-bottom:3px;transform:scale(.74)}.practice-mode-card-compact .practice-mode-title{font-size:1.22rem;line-height:1.05}.practice-mode-card-compact .practice-mode-subtitle,.practice-mode-card-compact .practice-mode-detail{font-size:.78rem;line-height:1.14}.practice-mode-action{font-size:.86rem}}@media (width<=390px){.practice-hub{gap:9px}.practice-heading h1{font-size:1.42rem}.practice-heading p{font-size:.9rem}.practice-mode-card-feature{grid-template-columns:minmax(0,1fr) 118px;min-height:190px;padding:15px 13px 14px}.practice-mode-card-feature .practice-mode-title{font-size:1.64rem}.practice-mode-title{font-size:1.34rem}.practice-mode-subtitle,.practice-mode-detail{font-size:.8rem;line-height:1.16}.practice-recommended-badge{padding:5px 10px;font-size:.78rem}.practice-scenarios-art{transform-origin:100% 100%;min-height:156px;transform:scale(.72)}.practice-mode-grid{gap:10px}.practice-mode-card-compact{min-height:172px;padding:10px 11px 12px}.practice-small-art{transform-origin:top;height:62px;margin-bottom:3px;transform:scale(.74)}.practice-mode-action{font-size:.84rem}.practice-action-icon{width:29px;height:29px}}@media (width<=430px) and (height<=700px) and (hover:hover) and (pointer:fine){.practice-hub{gap:9px;padding-top:0}.practice-heading{margin-bottom:3px}.practice-heading h1{font-size:1.42rem}.practice-heading p{margin-top:4px;font-size:.88rem;line-height:1.22}.practice-mode-card{border-radius:18px}.practice-mode-card-feature{grid-template-columns:minmax(0,1fr) 112px;min-height:176px;padding:12px 13px}.practice-mode-content{gap:5px}.practice-recommended-badge{padding:5px 10px;font-size:.78rem}.practice-recommended-badge svg{width:15px;height:15px}.practice-mode-card-feature .practice-mode-title{margin-top:3px;font-size:1.56rem}.practice-mode-subtitle,.practice-mode-detail{font-size:.77rem;line-height:1.16}.practice-mode-action{gap:7px;font-size:.82rem}.practice-action-icon{width:28px;height:28px}.practice-action-icon svg{width:19px;height:19px}.practice-scenarios-art{transform-origin:100% 100%;min-height:146px;transform:scale(.68)}.practice-mode-grid{gap:10px}.practice-mode-card-compact{gap:3px;min-height:150px;padding:9px 10px}.practice-small-art{transform-origin:top;height:58px;margin-bottom:3px;transform:scale(.66)}.practice-mode-card-compact .practice-mode-title{font-size:1.02rem;line-height:1.05}.practice-mode-card-compact .practice-mode-subtitle,.practice-mode-card-compact .practice-mode-detail{font-size:.68rem;line-height:1.08}.practice-mode-card-compact .practice-mode-action{font-size:.74rem}}@media (width<=359px){.practice-mode-card-feature{grid-template-columns:1fr}.practice-scenarios-art{transform-origin:bottom;min-height:138px;margin-top:-4px;transform:scale(.78)}.practice-mode-grid{grid-template-columns:1fr}}.profile-screen{padding:16px 14px calc(104px + env(safe-area-inset-bottom,0px));color:#111827;background:#f6f8fd;gap:16px}@media (hover:none),(pointer:coarse){html[data-platform=vk] .profile-screen.screen-with-bottom-nav{padding-bottom:max(24px, env(safe-area-inset-bottom,0px))}}.profile-hero-card,.profile-panel{background:#fffffff0;border:1px solid #dde6f5;border-radius:22px;box-shadow:0 10px 26px #0f172a12}.profile-hero-card{grid-template-columns:104px minmax(0,1fr) 24px;align-items:center;gap:18px;min-height:142px;padding:22px;display:grid}.profile-avatar{border-radius:50%;width:104px;height:104px;display:block;overflow:hidden;box-shadow:0 10px 24px #4f7cff29}.profile-avatar svg{width:100%;height:100%;display:block}.profile-avatar-photo img{object-fit:cover;width:100%;height:100%;display:block}.profile-hero-main{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.profile-hero-main h2{color:#0f1c3a;letter-spacing:0;margin:0;font-size:1.46rem;font-weight:750;line-height:1.1}.profile-hero-main p{color:#75819a;margin:0;font-size:1.05rem;line-height:1.18}.profile-achievement{color:#4577ee;white-space:nowrap;background:#edf3ff;border:1px solid #cad9ff;border-radius:14px;align-items:center;gap:8px;max-width:100%;padding:8px 12px;font-size:.98rem;font-weight:700;line-height:1;display:inline-flex}.profile-achievement svg{flex:none;width:23px;height:23px}.profile-chevron{color:#778399;flex:none;width:24px;height:24px}.profile-panel{flex-direction:column;gap:14px;padding:18px 16px 16px;display:flex}.profile-section-title{align-items:center;gap:14px;display:flex}.profile-section-title h2{color:#0f1c3a;letter-spacing:0;margin:0;font-size:1.2rem;font-weight:750;line-height:1.1}.profile-section-icon,.profile-row-icon{border-radius:50%;flex:none;place-items:center;display:grid}.profile-section-icon{width:48px;height:48px}.profile-section-icon svg{width:30px;height:30px}.profile-section-icon-blue,.profile-row-icon-blue{color:#3f72e8;background:#edf3ff}.profile-section-icon-purple,.profile-row-icon-purple{color:#6c45ba;background:#f0eaff}.profile-row-icon-teal{color:#14b8b6;background:#e5fbf8}.profile-row{width:100%;min-height:92px;color:inherit;cursor:pointer;text-align:left;font:inherit;background:#fff;border:1px solid #d7e2f3;border-radius:18px;align-items:center;gap:14px;padding:15px 16px;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex;box-shadow:inset 0 1px #fffc}.profile-row:hover,.profile-row:focus-visible{border-color:#b9caff;box-shadow:0 8px 20px #4f7cff17}.profile-row:focus-visible{outline-offset:2px;outline:2px solid #4f7cff73}.profile-row:active{transform:translateY(1px)}.profile-row-icon{width:56px;height:56px}.profile-row-icon svg{width:31px;height:31px}.profile-row-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.profile-row-title{color:#0f1c3a;font-size:1.02rem;font-weight:750;line-height:1.12}.profile-row-subtitle{color:#748198;font-size:.94rem;line-height:1.25}.profile-language-pair{color:#748198;align-items:center;gap:10px;min-width:0;font-size:.98rem;line-height:1.1;display:flex}.profile-language-chip{white-space:nowrap;align-items:center;gap:7px;min-width:0;display:inline-flex}.profile-language-chip svg{flex:none;box-shadow:0 3px 8px #0f172a1f}.profile-language-arrow{color:#748198;flex:none;font-weight:800}.profile-switch{background:#d8e0ec;border-radius:999px;flex:none;width:56px;height:32px;padding:3px;transition:background .14s}.profile-switch span{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .14s;display:block;box-shadow:0 2px 8px #0f172a2e}.profile-switch.on{background:#4f7cff}.profile-switch.on span{transform:translate(24px)}@media (width<=430px){.profile-screen{padding-top:11px;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));gap:12px}.profile-hero-card{border-radius:19px;grid-template-columns:78px minmax(0,1fr) 20px;gap:13px;min-height:118px;padding:15px}.profile-avatar{width:78px;height:78px}.profile-hero-main{gap:6px}.profile-hero-main h2{font-size:1.22rem}.profile-hero-main p{font-size:.92rem}.profile-achievement{border-radius:12px;gap:6px;padding:6px 10px;font-size:.82rem}.profile-achievement svg{width:18px;height:18px}.profile-chevron{width:22px;height:22px}.profile-panel{border-radius:19px;gap:10px;padding:13px}.profile-section-title{gap:10px}.profile-section-title h2{font-size:1.04rem}.profile-section-icon{width:38px;height:38px}.profile-section-icon svg{width:24px;height:24px}.profile-row{border-radius:15px;gap:10px;min-height:74px;padding:11px 12px}.profile-row-icon{width:44px;height:44px}.profile-row-icon svg{width:25px;height:25px}.profile-row-title{font-size:.91rem}.profile-row-subtitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.18;display:-webkit-box;overflow:hidden}.profile-language-pair{gap:6px;font-size:.82rem}.profile-language-chip{gap:5px}.profile-language-chip svg{width:22px;height:17px}.profile-switch{width:46px;height:27px;padding:3px}.profile-switch span{width:21px;height:21px}.profile-switch.on span{transform:translate(19px)}}@media (width<=430px) and (height<=700px){.profile-screen{padding-top:8px;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));gap:8px}.profile-hero-card,.profile-panel{border-radius:16px}.profile-hero-card{grid-template-columns:66px minmax(0,1fr) 18px;gap:11px;min-height:96px;padding:11px 13px}.profile-avatar{width:66px;height:66px}.profile-hero-main{gap:4px}.profile-hero-main h2{font-size:1.08rem}.profile-hero-main p{font-size:.82rem}.profile-achievement{border-radius:10px;gap:6px;padding:5px 9px;font-size:.76rem}.profile-achievement svg{width:17px;height:17px}.profile-chevron{width:20px;height:20px}.profile-panel{gap:8px;padding:10px 11px}.profile-section-title{gap:9px}.profile-section-title h2{font-size:.98rem}.profile-section-icon{width:32px;height:32px}.profile-section-icon svg{width:21px;height:21px}.profile-row{border-radius:13px;gap:9px;min-height:58px;padding:9px 10px}.profile-row-icon{width:38px;height:38px}.profile-row-icon svg{width:22px;height:22px}.profile-row-main{gap:3px}.profile-row-title{font-size:.86rem}.profile-row-subtitle{font-size:.76rem;line-height:1.18}.profile-language-pair{gap:5px;font-size:.76rem}.profile-language-chip{gap:4px}.profile-language-chip svg{width:20px;height:15px}.profile-switch{width:40px;height:24px;padding:3px}.profile-switch span{width:18px;height:18px}.profile-switch.on span{transform:translate(16px)}}@media (width<=370px){.profile-hero-card{grid-template-columns:74px minmax(0,1fr) 18px;gap:12px}.profile-avatar{width:74px;height:74px}.profile-achievement{white-space:normal}.profile-language-pair{flex-direction:column;align-items:flex-start}.profile-language-arrow{display:none}}.profile-section-icon-gold{color:#c8902a;background:#fdf3dd;font-size:24px;line-height:1}.trophy-summary{color:#c8902a;white-space:nowrap;background:#fdf3dd;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:.78rem;font-weight:750}.trophy-group-label{color:#748198;margin-top:2px;font-size:.82rem;font-weight:700}.trophy-row{background:#fff;border:1px solid #d7e2f3;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.trophy-row.is-mastered{background:linear-gradient(120deg,#fffdf7,#fff7e6);border-color:#f2d48a}.trophy-row-title{color:#0f1c3a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.98rem;font-weight:700;line-height:1.2;overflow:hidden}.trophy-row-stars{color:#f2b544;letter-spacing:2px;flex:none;font-size:.95rem}.translate-input{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);resize:vertical;border-radius:10px;min-height:56px;padding:12px 14px;font-family:inherit;font-size:1rem}.translate-input:focus{border-color:var(--accent);outline:none}.translate-input:disabled{opacity:.7}.translate-alternates{color:var(--muted);margin:0;font-size:.9rem}.translate-alternates summary{cursor:pointer;-webkit-user-select:none;user-select:none}.translate-alternates ul{color:var(--text);margin:6px 0 0;padding-left:20px}.translate-alternates li{margin:2px 0}.scenario-list{flex-direction:column;gap:12px;display:flex}.scenario-card{--scenario-accent:var(--accent);--scenario-accent-2:var(--ok);--scenario-wash:color-mix(in srgb, var(--surface) 80%, var(--scenario-accent) 20%);border:1px solid color-mix(in srgb, var(--border) 78%, var(--scenario-accent) 22%);background:linear-gradient(90deg, var(--surface) 0%, var(--surface) 70%, var(--scenario-wash) 100%);width:100%;min-height:132px;color:var(--text);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;grid-template-columns:minmax(0,1fr) 96px;padding:0;transition:border-color .14s,box-shadow .14s,transform .14s,background .14s;display:grid;overflow:hidden;box-shadow:0 8px 20px #0f172a0a}.scenario-card:hover,.scenario-card:focus-visible{border-color:color-mix(in srgb, var(--scenario-accent) 72%, var(--border));box-shadow:0 10px 24px #0f172a14}.scenario-card:focus-visible{outline:2px solid color-mix(in srgb, var(--scenario-accent) 70%, transparent);outline-offset:2px}.scenario-card:active{transform:translateY(1px)}.scenario-card-main{flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:14px 0 14px 14px;display:flex}.scenario-card-title-row{align-items:center;gap:8px;min-width:0;display:flex}.scenario-card-title{overflow-wrap:anywhere;min-width:0;font-size:1rem;font-weight:750;line-height:1.2}.scenario-card-arrow{aspect-ratio:1;background:color-mix(in srgb, var(--scenario-accent) 15%, var(--surface));width:24px;color:var(--scenario-accent);border-radius:999px;flex:none;place-items:center;font-size:1.25rem;font-weight:800;line-height:1;display:grid}.scenario-card-meta{color:color-mix(in srgb, var(--scenario-accent) 72%, var(--muted));overflow-wrap:anywhere;font-size:.82rem;font-weight:650;line-height:1.2}.scenario-card-description{color:var(--muted);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.84rem;line-height:1.25;display:-webkit-box;overflow:hidden}.scenario-card-art{background:var(--scenario-wash);min-height:132px;position:relative;overflow:hidden}.scenario-card-art:before,.scenario-card-art:after,.scenario-art-layer{content:"";display:block;position:absolute}.scenario-card-cafe{--scenario-accent:#d9872f;--scenario-accent-2:#2dbf9f}.scenario-card-city{--scenario-accent:#4f7cff;--scenario-accent-2:#28bf8f}.scenario-card-intro{--scenario-accent:#8b74ff;--scenario-accent-2:#f2b544}.scenario-card-hotel{--scenario-accent:#0f9f9a;--scenario-accent-2:#f2b544}.scenario-card-transport{--scenario-accent:#2f7de1;--scenario-accent-2:#f2b544}.scenario-card-doctor{--scenario-accent:#0f9f9a;--scenario-accent-2:#e85b72}.scenario-card-pharmacy{--scenario-accent:#18a67a;--scenario-accent-2:#e06478}.scenario-card-sports{--scenario-accent:#1fa66f;--scenario-accent-2:#f0b13e}.scenario-card-documents{--scenario-accent:#315f9f;--scenario-accent-2:#d6a24c}.scenario-card-shopping{--scenario-accent:#c05b7c;--scenario-accent-2:#2dbf9f}.scenario-card-home{--scenario-accent:#7a67e8;--scenario-accent-2:#ef8f4f}.scenario-card-phone{--scenario-accent:#4f7cff;--scenario-accent-2:#29a58f}.scenario-card-hobbies{--scenario-accent:#bf6f2f;--scenario-accent-2:#6c7cff}.scenario-card-routine{--scenario-accent:#65758a;--scenario-accent-2:#f0a340}.scenario-card-plans{--scenario-accent:#4f7cff;--scenario-accent-2:#e0718c}.scenario-card-default{--scenario-accent:#2dbf9f;--scenario-accent-2:#4f7cff}.scenario-card-cafe .scenario-card-art{background:linear-gradient(160deg, color-mix(in srgb, #fff0dc 86%, var(--surface)) 0%, color-mix(in srgb, #e8fbf4 84%, var(--surface)) 100%)}.scenario-card-cafe .scenario-card-art:before{background:#fff;border-radius:0 0 13px 13px;width:44px;height:32px;bottom:29px;right:18px;box-shadow:0 7px 16px #0f172a14}.scenario-card-cafe .scenario-card-art:after{border:5px solid #fff;border-left:0;border-radius:0 999px 999px 0;width:18px;height:18px;bottom:38px;right:10px}.scenario-card-cafe .scenario-art-layer-a{background:color-mix(in srgb, var(--scenario-accent) 62%, #fff);border-radius:999px;width:48px;height:6px;bottom:21px;right:18px}.scenario-card-cafe .scenario-art-layer-b,.scenario-card-cafe .scenario-art-layer-c{background:color-mix(in srgb, var(--scenario-accent) 72%, #fff);border-radius:999px;width:4px;height:20px;top:21px}.scenario-card-cafe .scenario-art-layer-b{right:52px}.scenario-card-cafe .scenario-art-layer-c{right:36px}.scenario-card-city .scenario-card-art{background:linear-gradient(#dff7ff 0%,#edf9ff 58%,#e9f4ee 100%)}.scenario-card-city .scenario-card-art:before{opacity:.78;z-index:1;background:radial-gradient(circle,#0000 0 7px,#4f7cff3d 8px 9px,#0000 10px),repeating-conic-gradient(#0000 0deg 18deg,#4f7cff33 18deg 20deg);border:2px solid #4f7cff47;border-radius:999px;width:78px;height:78px;bottom:22px;left:0}.scenario-card-city .scenario-card-art:after{z-index:4;background:radial-gradient(circle at 50% 26px,#fffef8 0 8px,#2f4258 9px 10px,#d9a94b 11px 13px,#0000 14px),linear-gradient(90deg,#0000 0 5px,#40311f2e 5px 6px,#0000 6px 14px,#40311f1f 14px 16px,#0000 16px 24px,#40311f2e 24px 25px,#0000 25px 100%),repeating-linear-gradient(#0000 0 12px,#40311f26 12px 13px),linear-gradient(90deg,#d6a24c 0%,#f0c979 47%,#bd8233 100%);border:1px solid #4a351b29;border-radius:3px 3px 0 0;width:30px;height:91px;bottom:18px;right:18px;box-shadow:0 -8px 0 -2px #8c6531,0 93px 0 7px #4f7cff47,-42px 84px 0 7px #28323a,-28px 87px 0 8px #31404a,31px 80px 0 14px #6c562e}.scenario-card-city .scenario-art-layer-a{clip-path:polygon(50% 0,64% 45%,83% 45%,88% 64%,70% 64%,70% 100%,30% 100%,30% 64%,12% 64%,17% 45%,36% 45%);z-index:5;background:linear-gradient(90deg,#8a642f 0%,#d3a348 48%,#6f4e27 100%);width:38px;height:28px;bottom:106px;right:14px}.scenario-card-city .scenario-art-layer-b{z-index:2;background:repeating-linear-gradient(90deg,#0000 0 9px,#27313a8a 9px 11px,#0000 11px 18px),linear-gradient(#7a6037 0%,#b88a42 24%,#8d6a37 100%);border-radius:8px 0 0;height:31px;bottom:0;left:6px;right:0;box-shadow:0 -5px 0 -2px #d2a652,0 -12px 0 -8px #2f3a40,0 31px #4f7cff47}.scenario-card-city .scenario-art-layer-c{z-index:6;background:#65451f;border-radius:999px;width:3px;height:3px;bottom:42px;right:31px;box-shadow:0 -12px #65451f,10px -12px #65451f,-10px -12px #65451f,10px 0 #65451f,-10px 0 #65451f,0 12px #65451f,10px 12px #65451f,-10px 12px #65451f,0 24px #65451f,10px 24px #65451f,-10px 24px #65451f,2px -51px 0 1px #6b4e27,2px -64px 0 -1px #2f3a40}.scenario-card-intro .scenario-card-art{background:linear-gradient(160deg, color-mix(in srgb, #f0edff 88%, var(--surface)) 0%, color-mix(in srgb, #fff1d7 84%, var(--surface)) 100%)}.scenario-card-intro .scenario-card-art:before{background:#fff;border-radius:14px 14px 14px 5px;width:56px;height:32px;top:27px;left:16px;box-shadow:0 8px 18px #0f172a14}.scenario-card-intro .scenario-card-art:after{background:color-mix(in srgb, var(--scenario-accent) 62%, #fff);border-radius:14px 14px 5px;width:48px;height:30px;bottom:25px;right:14px}.scenario-card-intro .scenario-art-layer-a,.scenario-card-intro .scenario-art-layer-b,.scenario-card-intro .scenario-art-layer-c{background:var(--scenario-accent-2);border-radius:999px;width:7px;height:7px;top:39px}.scenario-card-intro .scenario-art-layer-a{left:27px}.scenario-card-intro .scenario-art-layer-b{left:41px}.scenario-card-intro .scenario-art-layer-c{left:55px}.scenario-card-hotel .scenario-card-art{background:linear-gradient(160deg, color-mix(in srgb, #e7fbf8 88%, var(--surface)) 0%, color-mix(in srgb, #fff4dc 84%, var(--surface)) 100%)}.scenario-card-hotel .scenario-card-art:before{background:linear-gradient(90deg,#0000 0 12px,#0f9f9a24 12px 14px,#0000 14px 31px,#0f9f9a24 31px 33px,#0000 33px 50px,#0f9f9a24 50px 52px,#0000 52px 100%),linear-gradient(#fff 0%,#f4fbfa 100%);border:1px solid #0f9f9a2e;border-radius:7px 7px 3px 3px;width:66px;height:58px;bottom:22px;left:16px;box-shadow:0 11px 18px #0f172a14}.scenario-card-hotel .scenario-card-art:after{background:linear-gradient(90deg, var(--scenario-accent) 0 10px, transparent 10px), #fff;border-radius:8px;width:48px;height:32px;top:28px;right:17px;box-shadow:0 8px 18px #0f172a1a}.scenario-card-hotel .scenario-art-layer-a{background:color-mix(in srgb, var(--scenario-accent) 72%, #fff);z-index:2;border-radius:6px 6px 2px 2px;width:19px;height:28px;bottom:22px;left:38px}.scenario-card-hotel .scenario-art-layer-b{background:color-mix(in srgb, var(--scenario-accent-2) 78%, #fff);width:24px;height:3px;box-shadow:0 8px 0 color-mix(in srgb, var(--scenario-accent) 64%, #fff);border-radius:999px;top:42px;right:25px}.scenario-card-hotel .scenario-art-layer-c{background:var(--scenario-accent-2);width:7px;height:7px;box-shadow:19px 0 0 var(--scenario-accent-2), 38px 0 0 var(--scenario-accent-2);z-index:3;border-radius:999px;bottom:57px;left:25px}.scenario-card-transport .scenario-card-art{background:linear-gradient(160deg, color-mix(in srgb, #e6f2ff 88%, var(--surface)) 0%, color-mix(in srgb, #fff4dc 84%, var(--surface)) 100%)}.scenario-card-transport .scenario-card-art:before{background:linear-gradient(90deg, transparent 0 12px, #ffffff47 12px 14px, transparent 14px 48px, #ffffff47 48px 50px, transparent 50px 100%), linear-gradient(180deg, color-mix(in srgb, var(--scenario-accent) 72%, #fff) 0%, var(--scenario-accent) 100%);border:1px solid #2f7de138;border-radius:11px 13px 8px 8px;width:68px;height:40px;bottom:37px;left:14px;box-shadow:0 10px 18px #0f172a1a}.scenario-card-transport .scenario-card-art:after{z-index:3;background:#24364a;border-radius:999px;width:10px;height:10px;bottom:29px;left:27px;box-shadow:0 0 0 3px #fff,34px 0 #24364a,34px 0 0 3px #fff}.scenario-card-transport .scenario-art-layer-a{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--scenario-accent-2) 86%, #fff) 0 14px, transparent 14px 23px);opacity:.92;border-radius:999px 0 0 999px;height:5px;bottom:18px;left:7px;right:0}.scenario-card-transport .scenario-art-layer-b{z-index:2;background:#eaf6ff;border-radius:3px;width:11px;height:9px;bottom:58px;left:25px;box-shadow:16px 0 #eaf6ff,32px 0 #eaf6ff}.scenario-card-transport .scenario-art-layer-c{background:linear-gradient(90deg, var(--scenario-accent-2) 0 7px, transparent 7px), #fff;border-radius:5px;width:25px;height:18px;top:26px;right:15px;transform:rotate(-4deg);box-shadow:0 8px 16px #0f172a1a}.scenario-card-doctor .scenario-card-art{background:linear-gradient(160deg, color-mix(in srgb, #e8fbf8 88%, var(--surface)) 0%, color-mix(in srgb, #fff0f2 84%, var(--surface)) 100%)}.scenario-card-doctor .scenario-card-art:before{background:linear-gradient(90deg, transparent 0 27px, color-mix(in srgb, var(--scenario-accent-2) 86%, #fff) 27px 36px, transparent 36px), linear-gradient(180deg, transparent 0 30px, color-mix(in srgb, var(--scenario-accent-2) 86%, #fff) 30px 39px, transparent 39px), #fff;border-radius:12px;width:62px;height:72px;bottom:24px;left:17px;box-shadow:0 10px 18px #0f172a1a}.scenario-card-doctor .scenario-card-art:after{border:5px solid color-mix(in srgb, var(--scenario-accent) 78%, #fff);width:35px;height:35px;box-shadow:-16px 34px 0 -13px #263748, -16px 36px 0 -11px color-mix(in srgb, var(--scenario-accent) 75%, #fff);border-top-color:#0000;border-radius:999px;top:29px;right:15px}.scenario-card-doctor .scenario-art-layer-a{background:#263748;border-radius:999px;width:5px;height:34px;top:65px;right:29px}.scenario-card-doctor .scenario-art-layer-b{background:color-mix(in srgb, var(--scenario-accent) 70%, #fff);width:8px;height:8px;box-shadow:15px 0 0 color-mix(in srgb, var(--scenario-accent) 70%, #fff), 0 16px 0 color-mix(in srgb, var(--scenario-accent) 70%, #fff), 15px 16px 0 color-mix(in srgb, var(--scenario-accent) 70%, #fff);border-radius:999px;bottom:39px;left:28px}.scenario-card-doctor .scenario-art-layer-c{background:color-mix(in srgb, var(--scenario-accent-2) 62%, #fff);border-radius:999px;width:34px;height:12px;bottom:24px;right:12px}.scenario-card-pharmacy .scenario-card-art{background:linear-gradient(160deg, color-mix(in srgb, #e8fbf2 88%, var(--surface)) 0%, color-mix(in srgb, #fff0f3 84%, var(--surface)) 100%)}.scenario-card-pharmacy .scenario-card-art:before{background:linear-gradient(90deg, transparent 0 23px, color-mix(in srgb, var(--scenario-accent) 82%, #fff) 23px 31px, transparent 31px), linear-gradient(180deg, transparent 0 30px, color-mix(in srgb, var(--scenario-accent) 82%, #fff) 30px 38px, transparent 38px), linear-gradient(180deg, color-mix(in srgb, var(--scenario-accent) 76%, #fff) 0 15px, #fff 15px);border-radius:10px 10px 13px 13px;width:54px;height:68px;bottom:23px;left:18px;box-shadow:0 10px 18px #0f172a1a}.scenario-card-pharmacy .scenario-card-art:after{background:linear-gradient(90deg, var(--scenario-accent-2) 0 50%, #fff 50% 100%);border-radius:999px;width:45px;height:20px;top:30px;right:10px;transform:rotate(-16deg);box-shadow:0 8px 16px #0f172a17}.scenario-card-pharmacy .scenario-art-layer-a{background:#fff;border-radius:999px;width:6px;height:6px;top:36px;left:30px;box-shadow:16px 0 #fff}.scenario-card-pharmacy .scenario-art-layer-b{background:linear-gradient(90deg, color-mix(in srgb, var(--scenario-accent) 70%, #fff) 0 10px, transparent 10px), #fff;border-radius:7px;width:39px;height:25px;bottom:28px;right:17px;box-shadow:0 8px 16px #0f172a14}.scenario-card-pharmacy .scenario-art-layer-c{background:color-mix(in srgb, var(--scenario-accent-2) 38%, #fff);width:29px;height:4px;box-shadow:0 12px 0 color-mix(in srgb, var(--scenario-accent) 32%, #fff);border-radius:999px;bottom:42px;left:31px}.scenario-card-sports .scenario-card-art{background:linear-gradient(180deg, color-mix(in srgb, #e9f5ff 88%, var(--surface)) 0 48%, color-mix(in srgb, #dff7e9 86%, var(--surface)) 48% 100%)}.scenario-card-sports .scenario-card-art:before{background:linear-gradient(90deg,#0000 0 13px,#1fa66f33 13px 16px,#0000 16px 30px,#1fa66f33 30px 33px,#0000 33px),linear-gradient(#0000 0 13px,#1fa66f33 13px 16px,#0000 16px 30px,#1fa66f33 30px 33px,#0000 33px);border:5px solid #fff;border-bottom:0;border-radius:4px 4px 0 0;width:46px;height:42px;bottom:29px;right:9px}.scenario-card-sports .scenario-card-art:after{background:radial-gradient(circle,#263748 0 4px,#0000 5px),radial-gradient(circle at 28% 28%,#263748 0 2px,#0000 3px),radial-gradient(circle at 72% 30%,#263748 0 2px,#0000 3px),#fff;border-radius:999px;width:23px;height:23px;bottom:24px;left:23px;box-shadow:0 7px 12px #0f172a24}.scenario-card-sports .scenario-art-layer-a{background:linear-gradient(90deg, var(--scenario-accent-2) 0 14px, #fff 14px 24px, var(--scenario-accent) 24px 100%);border-radius:5px;width:48px;height:17px;top:28px;left:16px;transform:rotate(-5deg);box-shadow:0 8px 15px #0f172a14}.scenario-card-sports .scenario-art-layer-b{background:#ffffffc7;width:96px;height:4px;bottom:45px;left:0}.scenario-card-sports .scenario-art-layer-c{background:var(--scenario-accent-2);border-radius:999px;width:19px;height:19px;top:24px;right:13px}.scenario-card-documents .scenario-card-art{background:linear-gradient(160deg, color-mix(in srgb, #e8f0ff 88%, var(--surface)) 0%, color-mix(in srgb, #fff4dc 84%, var(--surface)) 100%)}.scenario-card-documents .scenario-card-art:before{background:linear-gradient(180deg, color-mix(in srgb, var(--scenario-accent) 80%, #fff) 0 27px, #fff 27px), repeating-linear-gradient(180deg, transparent 0 12px, #315f9f24 12px 14px);border-radius:9px;width:58px;height:78px;bottom:24px;left:18px;box-shadow:0 10px 18px #0f172a1a}.scenario-card-documents .scenario-card-art:after{background:linear-gradient(90deg, var(--scenario-accent-2) 0 10px, transparent 10px), #fff;border-radius:7px;width:39px;height:28px;top:28px;right:13px;transform:rotate(-5deg);box-shadow:0 8px 16px #0f172a1a}.scenario-card-documents .scenario-art-layer-a{width:18px;height:18px;box-shadow:0 24px 0 -7px color-mix(in srgb, var(--scenario-accent) 42%, #fff), 0 40px 0 -7px color-mix(in srgb, var(--scenario-accent) 36%, #fff);background:#fff;border-radius:999px;top:43px;left:30px}.scenario-card-documents .scenario-art-layer-b{background:color-mix(in srgb, var(--scenario-accent) 44%, #fff);width:15px;height:3px;box-shadow:0 15px 0 color-mix(in srgb, var(--scenario-accent) 34%, #fff);border-radius:999px;top:72px;left:52px}.scenario-card-documents .scenario-art-layer-c{background:color-mix(in srgb, var(--scenario-accent) 50%, #fff);width:18px;height:3px;box-shadow:0 9px 0 color-mix(in srgb, var(--scenario-accent) 38%, #fff);border-radius:999px;top:38px;right:23px}.scenario-card-shopping .scenario-card-art{background:linear-gradient(160deg, color-mix(in srgb, #fff0f5 88%, var(--surface)) 0%, color-mix(in srgb, #e9fbf6 84%, var(--surface)) 100%)}.scenario-card-shopping .scenario-card-art:before{background:linear-gradient(180deg, color-mix(in srgb, var(--scenario-accent) 62%, #fff) 0%, var(--scenario-accent) 100%);border-radius:9px 9px 12px 12px;width:58px;height:58px;bottom:24px;left:20px;box-shadow:0 10px 18px #0f172a1a}.scenario-card-shopping .scenario-card-art:after{border:4px solid color-mix(in srgb, var(--scenario-accent) 78%, #fff);border-bottom:0;border-radius:999px 999px 0 0;width:27px;height:19px;bottom:74px;left:35px}.scenario-card-shopping .scenario-art-layer-a{background:linear-gradient(90deg, var(--scenario-accent-2) 0 10px, transparent 10px), #fff;border-radius:7px;width:39px;height:26px;top:28px;right:13px;transform:rotate(5deg);box-shadow:0 8px 16px #0f172a1a}.scenario-card-shopping .scenario-art-layer-b{background:#fff;border-radius:999px;width:30px;height:4px;bottom:48px;left:34px;box-shadow:0 13px #ffffffc7}.scenario-card-shopping .scenario-art-layer-c{background:color-mix(in srgb, var(--scenario-accent) 52%, #fff);width:17px;height:3px;box-shadow:0 8px 0 color-mix(in srgb, var(--scenario-accent) 36%, #fff);border-radius:999px;top:38px;right:24px}.scenario-card-home .scenario-card-art{background:linear-gradient(180deg, color-mix(in srgb, #f4efff 88%, var(--surface)) 0%, color-mix(in srgb, #fff7ec 90%, var(--surface)) 62%, color-mix(in srgb, #fdebd9 88%, var(--surface)) 62% 100%)}.scenario-card-home .scenario-card-art:before{background:linear-gradient(90deg, #fff 0 36px, color-mix(in srgb, var(--scenario-accent) 56%, #fff) 36px 100%);width:64px;height:38px;box-shadow:0 10px 0 -3px color-mix(in srgb, var(--scenario-accent) 70%, #fff), 0 13px 20px #0f172a14;border-radius:17px 17px 9px 9px;bottom:26px;right:12px}.scenario-card-home .scenario-card-art:after{background:linear-gradient(90deg,#0000 0 15px,#4f7cff3d 15px 18px,#0000 18px),linear-gradient(#0000 0 16px,#4f7cff3d 16px 19px,#0000 19px),#fff;border-radius:8px;width:34px;height:36px;top:25px;left:15px;box-shadow:0 8px 17px #0f172a14}.scenario-card-home .scenario-art-layer-a{background:linear-gradient(180deg, var(--scenario-accent-2) 0 12px, #fff 12px 15px, #8b5f45 15px 100%);border-radius:6px 6px 3px 3px;width:17px;height:33px;bottom:28px;left:20px}.scenario-card-home .scenario-art-layer-b{background:repeating-linear-gradient(#0000 0 7px,#7a67e82e 7px 9px),#fff;border-radius:8px;width:34px;height:25px;top:28px;right:21px}.scenario-card-home .scenario-art-layer-c{background:color-mix(in srgb, var(--scenario-accent-2) 58%, #fff);border-radius:999px;width:46px;height:15px;bottom:12px;left:31px}.scenario-card-phone .scenario-card-art{background:linear-gradient(160deg, color-mix(in srgb, #eaf1ff 88%, var(--surface)) 0%, color-mix(in srgb, #e8fbf6 84%, var(--surface)) 100%)}.scenario-card-phone .scenario-card-art:before{background:linear-gradient(#263748 0 8px,#0000 8px 71px,#263748 71px 100%),linear-gradient(#fff 0%,#f2f6ff 100%);border-radius:13px;width:44px;height:83px;bottom:21px;left:24px;box-shadow:0 10px 18px #0f172a1a}.scenario-card-phone .scenario-card-art:after{background:#fff;border-radius:14px 14px 14px 5px;width:45px;height:31px;top:25px;right:12px;box-shadow:0 8px 18px #0f172a14}.scenario-card-phone .scenario-art-layer-a{background:color-mix(in srgb, var(--scenario-accent) 58%, #fff);width:24px;height:3px;box-shadow:0 13px 0 color-mix(in srgb, var(--scenario-accent-2) 48%, #fff), 0 26px 0 color-mix(in srgb, var(--scenario-accent) 38%, #fff);border-radius:999px;top:41px;left:34px}.scenario-card-phone .scenario-art-layer-b{background:var(--scenario-accent-2);width:7px;height:7px;box-shadow:-13px 0 0 var(--scenario-accent-2), 13px 0 0 var(--scenario-accent-2);border-radius:999px;top:37px;right:24px}.scenario-card-phone .scenario-art-layer-c{background:color-mix(in srgb, var(--scenario-accent-2) 58%, #fff);border-radius:12px 12px 4px;width:41px;height:24px;bottom:28px;right:18px}.scenario-card-hobbies .scenario-card-art{background:linear-gradient(160deg, color-mix(in srgb, #fff1de 88%, var(--surface)) 0%, color-mix(in srgb, #eef0ff 84%, var(--surface)) 100%)}.scenario-card-hobbies .scenario-card-art:before{background:linear-gradient(180deg, color-mix(in srgb, var(--scenario-accent-2) 62%, #fff) 0%, var(--scenario-accent-2) 100%);border-radius:9px;width:56px;height:38px;bottom:24px;left:20px;box-shadow:0 10px 18px #0f172a1a}.scenario-card-hobbies .scenario-card-art:after{background:#fff;border-radius:999px;width:8px;height:8px;bottom:45px;left:32px;box-shadow:24px 0 #fff,12px 12px 0 -2px #fff}.scenario-card-hobbies .scenario-art-layer-a{background:radial-gradient(circle at 50% 13px, #fff 0 8px, transparent 9px), color-mix(in srgb, var(--scenario-accent) 70%, #fff);border-radius:999px 999px 8px 8px;width:31px;height:43px;top:25px;right:17px;transform:rotate(-11deg)}.scenario-card-hobbies .scenario-art-layer-b{background:#263748;border-radius:999px;width:4px;height:38px;top:53px;right:31px;transform:rotate(-11deg)}.scenario-card-hobbies .scenario-art-layer-c{border:5px solid color-mix(in srgb, var(--scenario-accent) 72%, #fff);border-bottom-color:#0000;border-radius:999px;width:28px;height:28px;top:26px;left:25px}.scenario-card-routine .scenario-card-art{background:linear-gradient(160deg, color-mix(in srgb, #eef3f8 90%, var(--surface)) 0%, color-mix(in srgb, #fff3dc 84%, var(--surface)) 100%)}.scenario-card-routine .scenario-card-art:before{background:linear-gradient(180deg, var(--scenario-accent-2) 0 18px, transparent 18px), repeating-linear-gradient(180deg, transparent 0 13px, #65758a29 13px 15px), #fff;border-radius:10px;width:57px;height:70px;bottom:24px;left:16px;box-shadow:0 10px 18px #0f172a1a}.scenario-card-routine .scenario-card-art:after{width:35px;height:35px;box-shadow:0 0 0 5px color-mix(in srgb, var(--scenario-accent) 30%, #fff), 0 9px 18px #0f172a14;background:linear-gradient(90deg,#0000 0 16px,#65758a 16px 18px,#0000 18px),linear-gradient(32deg,#0000 0 17px,#65758a 17px 19px,#0000 19px),#fff;border-radius:999px;top:28px;right:16px}.scenario-card-routine .scenario-art-layer-a{width:5px;height:5px;box-shadow:16px 0 0 #fff, 28px 32px 0 -1px color-mix(in srgb, var(--scenario-accent) 62%, #fff), 44px 31px 0 -1px color-mix(in srgb, var(--scenario-accent) 62%, #fff);background:#fff;border-radius:999px;top:39px;left:28px}.scenario-card-routine .scenario-art-layer-b{background:color-mix(in srgb, var(--scenario-accent) 72%, #fff);width:7px;height:7px;box-shadow:17px 0 0 color-mix(in srgb, var(--scenario-accent) 72%, #fff), 0 16px 0 color-mix(in srgb, var(--scenario-accent) 72%, #fff), 17px 16px 0 color-mix(in srgb, var(--scenario-accent) 72%, #fff);border-radius:999px;bottom:37px;left:31px}.scenario-card-routine .scenario-art-layer-c{background:color-mix(in srgb, var(--scenario-accent-2) 62%, #fff);border-radius:999px;width:35px;height:12px;bottom:28px;right:18px}.scenario-card-plans .scenario-card-art{background:linear-gradient(160deg, color-mix(in srgb, #eaf1ff 88%, var(--surface)) 0%, color-mix(in srgb, #fff0f4 84%, var(--surface)) 100%)}.scenario-card-plans .scenario-card-art:before{background:linear-gradient(180deg, var(--scenario-accent) 0 17px, transparent 17px), repeating-linear-gradient(180deg, transparent 0 13px, #4f7cff24 13px 15px), #fff;border-radius:10px;width:55px;height:65px;bottom:24px;left:17px;box-shadow:0 10px 18px #0f172a1a}.scenario-card-plans .scenario-card-art:after{background:#fff;border-radius:14px 14px 5px;width:45px;height:31px;top:30px;right:11px;box-shadow:0 8px 18px #0f172a14}.scenario-card-plans .scenario-art-layer-a{width:5px;height:5px;box-shadow:16px 0 0 #fff, 0 31px 0 -1px color-mix(in srgb, var(--scenario-accent) 58%, #fff), 16px 31px 0 -1px color-mix(in srgb, var(--scenario-accent) 58%, #fff);background:#fff;border-radius:999px;top:40px;left:29px}.scenario-card-plans .scenario-art-layer-b{background:var(--scenario-accent-2);width:7px;height:7px;box-shadow:-12px 0 0 var(--scenario-accent-2), 12px 0 0 var(--scenario-accent-2);border-radius:999px;top:42px;right:23px}.scenario-card-plans .scenario-art-layer-c{background:radial-gradient(circle at 50% 8px, #fff 0 6px, transparent 7px), color-mix(in srgb, var(--scenario-accent-2) 64%, #fff);border-radius:999px 999px 10px 10px;width:38px;height:24px;bottom:28px;right:18px}.scenario-card-default .scenario-card-art{background:linear-gradient(160deg, color-mix(in srgb, #e6fbf4 86%, var(--surface)) 0%, color-mix(in srgb, #eaf1ff 86%, var(--surface)) 100%)}.scenario-card-default .scenario-card-art:before{width:56px;height:34px;box-shadow:17px 26px 0 -7px color-mix(in srgb, var(--scenario-accent) 62%, #fff), -8px 42px 0 -11px color-mix(in srgb, var(--scenario-accent-2) 68%, #fff);background:#fff;border-radius:12px;top:24px;left:18px}.scenario-card-default .scenario-card-art:after{background:#f8c45a;border-radius:8px;width:20px;height:20px;top:21px;right:16px}.scenario-mix{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.scenario-mix-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:100%;padding:2px 8px;font-size:.7rem;font-weight:650;line-height:1.4;overflow:hidden}.scenario-mix-chip.is-practiced{border-color:color-mix(in srgb, var(--ok) 45%, var(--border));background:color-mix(in srgb, var(--ok) 12%, var(--surface));color:color-mix(in srgb, var(--ok) 80%, var(--text))}.scenario-ready-badge{background:color-mix(in srgb, var(--ok) 18%, var(--surface));color:var(--ok);white-space:nowrap;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:.72rem;font-weight:750;line-height:1.4;display:inline-block}.scenario-card-stars{color:#f2b544;letter-spacing:2px;margin-left:8px}.scenario-card.is-mastered{background:linear-gradient(90deg, color-mix(in srgb, var(--surface) 92%, #f2b544 8%) 0%, color-mix(in srgb, var(--surface) 92%, #f2b544 8%) 60%, color-mix(in srgb, var(--surface) 70%, #f2b544 30%) 100%);border-color:#f2b544;box-shadow:0 8px 22px #f2b5444d}.scenario-card.is-mastered .scenario-card-stars{text-shadow:0 0 8px #f2b544a6}.scenario-card.is-mastered .scenario-card-arrow{background:color-mix(in srgb, #f2b544 22%, var(--surface));color:#c8902a}.scenario-card-done{aspect-ratio:1;color:#fff;background:#f2b544;border-radius:999px;flex:none;place-items:center;width:20px;font-size:.8rem;font-weight:800;line-height:1;display:grid;box-shadow:0 0 8px #f2b54499}.pack-done-stars{color:#f2b544;letter-spacing:4px;font-size:1.4rem}.scenario-groups{flex-direction:column;gap:16px;display:flex}.scenario-group{flex-direction:column;gap:8px;display:flex}.text-game-card{align-items:center}.text-game-card>.btn{flex-shrink:0;align-self:center}.story-list{flex-direction:column;gap:12px;display:flex}.story-card{--story-accent:var(--accent);--story-accent-2:var(--ok);--story-wash:color-mix(in srgb, var(--surface) 80%, var(--story-accent) 20%);border:1px solid color-mix(in srgb, var(--border) 78%, var(--story-accent) 22%);background:linear-gradient(90deg, var(--surface) 0%, var(--surface) 70%, var(--story-wash) 100%);width:100%;min-height:124px;color:var(--text);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;grid-template-columns:minmax(0,1fr) 94px;padding:0;transition:border-color .14s,box-shadow .14s,transform .14s,background .14s;display:grid;overflow:hidden;box-shadow:0 8px 20px #0f172a0a}.story-card:hover,.story-card:focus-visible{border-color:color-mix(in srgb, var(--story-accent) 72%, var(--border));box-shadow:0 10px 24px #0f172a14}.story-card:focus-visible{outline:2px solid color-mix(in srgb, var(--story-accent) 70%, transparent);outline-offset:2px}.story-card:active{transform:translateY(1px)}.story-card-main{flex-direction:column;justify-content:center;gap:7px;min-width:0;padding:14px 0 14px 14px;display:flex}.story-card-title-row{align-items:center;gap:8px;min-width:0;display:flex}.story-card-title{overflow-wrap:anywhere;min-width:0;font-size:1rem;font-weight:750;line-height:1.2}.story-card-arrow{aspect-ratio:1;background:color-mix(in srgb, var(--story-accent) 15%, var(--surface));width:24px;color:var(--story-accent);border-radius:999px;flex:none;place-items:center;font-size:1.25rem;font-weight:800;line-height:1;display:grid}.story-card-meta{color:color-mix(in srgb, var(--story-accent) 72%, var(--muted));overflow-wrap:anywhere;font-size:.82rem;font-weight:650;line-height:1.2}.story-card-description{color:var(--muted);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.84rem;line-height:1.25;display:-webkit-box;overflow:hidden}.story-card-art{background:var(--story-wash);min-height:124px;position:relative;overflow:hidden}.story-card-art:before,.story-card-art:after,.story-art-layer{content:"";display:block;position:absolute}.story-card-coffee{--story-accent:#d9872f;--story-accent-2:#2dbf9f}.story-card-city{--story-accent:#4f7cff;--story-accent-2:#28bf8f}.story-card-sports{--story-accent:#1fa66f;--story-accent-2:#f0b13e}.story-card-travel{--story-accent:#2f7de1;--story-accent-2:#f2b544}.story-card-map{--story-accent:#12a27f;--story-accent-2:#f2b544}.story-card-room{--story-accent:#7a67e8;--story-accent-2:#ef8f4f}.story-card-routine{--story-accent:#65758a;--story-accent-2:#f0a340}.story-card-poem{--story-accent:#bf5a8d;--story-accent-2:#4f9fd8}.story-card-default{--story-accent:#2dbf9f;--story-accent-2:#4f7cff}.story-card-coffee .story-card-art{background:linear-gradient(160deg, color-mix(in srgb, #fff0dc 86%, var(--surface)) 0%, color-mix(in srgb, #e8fbf4 84%, var(--surface)) 100%)}.story-card-coffee .story-card-art:before{background:#fff;border-radius:0 0 14px 14px;width:45px;height:34px;bottom:31px;right:17px;box-shadow:0 7px 16px #0f172a14}.story-card-coffee .story-card-art:after{border:5px solid #fff;border-left:0;border-radius:0 999px 999px 0;width:18px;height:18px;bottom:41px;right:9px}.story-card-coffee .story-art-layer-a{background:color-mix(in srgb, var(--story-accent) 62%, #fff);border-radius:999px;width:50px;height:6px;bottom:23px;right:17px}.story-card-coffee .story-art-layer-b,.story-card-coffee .story-art-layer-c{background:color-mix(in srgb, var(--story-accent) 72%, #fff);border-radius:999px;width:4px;height:20px;top:22px}.story-card-coffee .story-art-layer-b{right:51px}.story-card-coffee .story-art-layer-c{right:35px}.story-card-city .story-card-art{background:linear-gradient(180deg, color-mix(in srgb, #eaf1ff 90%, var(--surface)) 0%, color-mix(in srgb, #f7fbff 90%, var(--surface)) 58%, color-mix(in srgb, #e6f8f1 84%, var(--surface)) 100%)}.story-card-city .story-card-art:before{background:linear-gradient(180deg, color-mix(in srgb, var(--story-accent-2) 34%, #fff) 0 62%, color-mix(in srgb, var(--story-accent) 24%, #fff) 62% 100%);z-index:0;border-radius:25px 0 0;height:34px;bottom:0;left:0;right:-4px}.story-card-city .story-card-art:after{background:repeating-linear-gradient(180deg, transparent 0 10px, #4f7cff42 10px 13px), color-mix(in srgb, var(--story-accent) 58%, #fff);width:18px;height:46px;box-shadow:48px 11px 0 2px #fff, 26px 21px 0 -1px color-mix(in srgb, var(--story-accent-2) 50%, #fff);z-index:1;border-radius:5px 5px 0 0;bottom:44px;left:12px}.story-card-city .story-art-layer-a{z-index:3;background:#f2b544;border-radius:999px;width:14px;height:14px;bottom:44px;left:43px;box-shadow:0 19px 0 -5px #2f3a40,-9px 34px 0 -6px #2f3a40,9px 34px 0 -6px #2f3a40}.story-card-city .story-art-layer-b{background:color-mix(in srgb, var(--story-accent) 78%, #fff);width:8px;height:24px;box-shadow:13px -1px 0 color-mix(in srgb, var(--story-accent) 78%, #fff), -8px 27px 0 -2px #2f3a40, 17px 24px 0 -2px #2f3a40;z-index:2;border-radius:999px;bottom:31px;left:38px;transform:rotate(13deg)}.story-card-city .story-art-layer-c{width:20px;height:20px;box-shadow:-45px 74px 0 -9px color-mix(in srgb, var(--story-accent) 62%, #fff), -20px 70px 0 -8px #fff;z-index:1;background:#f8c45a;border-radius:999px;top:17px;right:14px}.story-card-sports .story-card-art{background:linear-gradient(180deg, color-mix(in srgb, #e9f5ff 88%, var(--surface)) 0 46%, color-mix(in srgb, #dff7e9 86%, var(--surface)) 46% 100%)}.story-card-sports .story-card-art:before{background:linear-gradient(90deg,#0000 0 12px,#1fa66f33 12px 15px,#0000 15px 29px,#1fa66f33 29px 32px,#0000 32px),linear-gradient(#0000 0 12px,#1fa66f33 12px 15px,#0000 15px 28px,#1fa66f33 28px 31px,#0000 31px);border:5px solid #fff;border-bottom:0;border-radius:4px 4px 0 0;width:44px;height:39px;bottom:27px;right:9px}.story-card-sports .story-card-art:after{background:radial-gradient(circle,#263748 0 4px,#0000 5px),radial-gradient(circle at 28% 28%,#263748 0 2px,#0000 3px),radial-gradient(circle at 72% 30%,#263748 0 2px,#0000 3px),#fff;border-radius:999px;width:22px;height:22px;bottom:23px;left:22px;box-shadow:0 7px 12px #0f172a24}.story-card-sports .story-art-layer-a{background:linear-gradient(90deg, var(--story-accent-2) 0 14px, #fff 14px 24px, var(--story-accent) 24px 100%);border-radius:5px;width:48px;height:17px;top:25px;left:15px;transform:rotate(-5deg);box-shadow:0 8px 15px #0f172a14}.story-card-sports .story-art-layer-b{background:#ffffffc7;width:94px;height:4px;bottom:42px;left:0}.story-card-sports .story-art-layer-c{background:var(--story-accent-2);border-radius:999px;width:19px;height:19px;top:22px;right:13px}.story-card-travel .story-card-art{background:linear-gradient(#e7f3ff 0%,#f6fbff 56%,#fff3d6 100%)}.story-card-travel .story-card-art:before{background:linear-gradient(90deg, transparent 0 12px, #ffffff47 12px 14px, transparent 14px 52px, #ffffff47 52px 54px, transparent 54px 100%), linear-gradient(180deg, color-mix(in srgb, var(--story-accent) 70%, #fff) 0%, var(--story-accent) 100%);border:1px solid #2f7de138;border-radius:13px 15px 9px 9px;width:70px;height:38px;bottom:33px;left:10px;box-shadow:0 10px 16px #0f172a1a}.story-card-travel .story-card-art:after{opacity:.82;background:repeating-linear-gradient(90deg,#374151 0 8px,#0000 8px 17px);border-radius:999px 0 0 999px;height:5px;bottom:20px;left:22px;right:0;box-shadow:0 -9px 0 -2px #263748}.story-card-travel .story-art-layer-a{background:linear-gradient(90deg, var(--story-accent-2) 0 9px, transparent 9px), #fff;border-radius:5px;width:31px;height:22px;top:22px;right:14px;transform:rotate(-5deg);box-shadow:0 8px 16px #0f172a1a}.story-card-travel .story-art-layer-b{z-index:2;background:#eaf6ff;border-radius:3px;width:12px;height:10px;bottom:55px;left:25px;box-shadow:17px 0 #eaf6ff,34px 0 #eaf6ff,2px 29px 0 1px #263748,39px 29px 0 1px #263748}.story-card-travel .story-art-layer-c{background:var(--story-accent-2);border-radius:999px;width:18px;height:18px;bottom:73px;right:18px;box-shadow:-55px 75px 0 -9px #263748,-18px 76px 0 -9px #263748}.story-card-map .story-card-art{background:linear-gradient(160deg,#e7fbf4 0%,#fff4d9 100%)}.story-card-map .story-card-art:before{background:radial-gradient(circle at 68% 27%,#f2b544e6 0 6px,#0000 7px),radial-gradient(circle at 30% 64%,#12a27fe6 0 5px,#0000 6px),linear-gradient(90deg,#0000 0 31%,#2f7de12e 31% 34%,#0000 34% 66%,#2f7de126 66% 69%,#0000 69% 100%),repeating-linear-gradient(#12a27f29 0 3px,#0000 3px 15px),#fff;border:1px solid #12a27f2e;border-radius:9px;width:74px;height:76px;bottom:21px;left:10px;transform:rotate(-3deg);box-shadow:0 10px 18px #0f172a1a}.story-card-map .story-card-art:after{background:var(--story-accent-2);z-index:4;border-radius:999px 999px 999px 0;width:22px;height:22px;top:29px;right:21px;transform:rotate(-45deg);box-shadow:0 0 0 4px #ffffffd1}.story-card-map .story-art-layer-a{border-top:4px dotted color-mix(in srgb, var(--story-accent) 78%, #fff);z-index:3;width:55px;bottom:55px;left:23px;transform:rotate(-15deg)}.story-card-map .story-art-layer-b{z-index:5;background:#fff;border-radius:999px;width:8px;height:8px;top:35px;right:27px}.story-card-map .story-art-layer-c{background:linear-gradient(180deg, color-mix(in srgb, var(--story-accent) 68%, #fff) 0%, var(--story-accent) 100%);z-index:4;border-radius:11px 11px 8px 8px;width:38px;height:22px;bottom:18px;left:18px;box-shadow:9px -6px 0 -5px #263748,0 8px 15px #0f172a14}.story-card-room .story-card-art{background:linear-gradient(#f6f0ff 0%,#fff8ee 62%,#fdebd9 62% 100%)}.story-card-room .story-card-art:before{background:linear-gradient(90deg, #fff 0 35px, color-mix(in srgb, var(--story-accent) 56%, #fff) 35px 100%);width:65px;height:34px;box-shadow:0 9px 0 -3px color-mix(in srgb, var(--story-accent) 70%, #fff), 0 12px 20px #0f172a14;border-radius:16px 16px 8px 8px;bottom:29px;right:10px}.story-card-room .story-card-art:after{background:linear-gradient(90deg,#0000 0 14px,#4f7cff3d 14px 17px,#0000 17px),linear-gradient(#0000 0 15px,#4f7cff3d 15px 18px,#0000 18px),#fff;border-radius:8px;width:31px;height:35px;top:23px;left:14px;box-shadow:0 8px 17px #0f172a14}.story-card-room .story-art-layer-a{background:linear-gradient(180deg, var(--story-accent-2) 0 11px, #fff 11px 14px, #8b5f45 14px 100%);border-radius:6px 6px 3px 3px;width:16px;height:30px;bottom:31px;left:19px;box-shadow:0 8px 14px #0f172a14}.story-card-room .story-art-layer-b{background:repeating-linear-gradient(#0000 0 7px,#7a67e82e 7px 9px),#fff;border-radius:8px;width:34px;height:24px;top:27px;right:20px;transform:rotate(2deg)}.story-card-room .story-art-layer-c{background:color-mix(in srgb, var(--story-accent-2) 58%, #fff);border-radius:999px;width:46px;height:15px;bottom:13px;left:30px}.story-card-routine .story-card-art{background:linear-gradient(160deg,#eef3f8 0%,#fff3dc 100%)}.story-card-routine .story-card-art:before{background:linear-gradient(180deg, var(--story-accent-2) 0 18px, transparent 18px), repeating-linear-gradient(180deg, transparent 0 13px, #65758a29 13px 15px), #fff;border-radius:10px;width:54px;height:65px;bottom:21px;left:14px;box-shadow:0 10px 18px #0f172a1a}.story-card-routine .story-card-art:after{width:34px;height:34px;box-shadow:0 0 0 5px color-mix(in srgb, var(--story-accent) 30%, #fff), 0 9px 18px #0f172a14;background:linear-gradient(90deg,#0000 0 16px,#65758a 16px 18px,#0000 18px),linear-gradient(32deg,#0000 0 17px,#65758a 17px 19px,#0000 19px),#fff;border-radius:999px;top:25px;right:17px}.story-card-routine .story-art-layer-a{width:5px;height:5px;box-shadow:16px 0 0 #fff, 28px 30px 0 -1px color-mix(in srgb, var(--story-accent) 62%, #fff), 44px 29px 0 -1px color-mix(in srgb, var(--story-accent) 62%, #fff);background:#fff;border-radius:999px;top:36px;left:24px}.story-card-routine .story-art-layer-b{background:color-mix(in srgb, var(--story-accent) 72%, #fff);width:7px;height:7px;box-shadow:17px 0 0 color-mix(in srgb, var(--story-accent) 72%, #fff), 0 16px 0 color-mix(in srgb, var(--story-accent) 72%, #fff), 17px 16px 0 color-mix(in srgb, var(--story-accent) 72%, #fff);border-radius:999px;bottom:33px;left:29px}.story-card-routine .story-art-layer-c{background:color-mix(in srgb, var(--story-accent-2) 62%, #fff);width:34px;height:12px;box-shadow:-5px 16px 0 -3px color-mix(in srgb, var(--story-accent) 40%, #fff), -31px 5px 0 -5px color-mix(in srgb, var(--story-accent) 50%, #fff);border-radius:999px;bottom:25px;right:18px}.story-card-poem .story-card-art{background:linear-gradient(160deg,#f7efff 0%,#eaf6ff 100%)}.story-card-poem .story-card-art:before{background:repeating-linear-gradient(#0000 0 13px,#bf5a8d2e 13px 15px),#fff;border-radius:12px 12px 9px 9px;width:56px;height:72px;bottom:19px;left:17px;transform:rotate(-3deg);box-shadow:0 10px 18px #0f172a1a}.story-card-poem .story-card-art:after{background:var(--story-accent-2);width:22px;height:22px;box-shadow:-39px 10px 0 -8px var(--story-accent-2), -17px 52px 0 -7px var(--story-accent);border-radius:999px;top:22px;right:17px}.story-card-poem .story-art-layer-a{background:linear-gradient(180deg, #263748 0 6px, var(--story-accent-2) 6px 34px, #f4d19a 34px 100%);z-index:3;border-radius:999px;width:8px;height:47px;bottom:29px;left:36px;transform:rotate(27deg)}.story-card-poem .story-art-layer-b{background:color-mix(in srgb, var(--story-accent) 58%, #fff);width:31px;height:3px;box-shadow:0 14px 0 color-mix(in srgb, var(--story-accent) 42%, #fff), 0 28px 0 color-mix(in srgb, var(--story-accent) 35%, #fff);z-index:2;border-radius:999px;top:41px;left:28px}.story-card-poem .story-art-layer-c{background:var(--story-accent-2);clip-path:polygon(50% 0,61% 34%,96% 34%,68% 55%,79% 91%,50% 69%,21% 91%,32% 55%,4% 34%,39% 34%);width:22px;height:22px;bottom:31px;right:22px}.story-card-default .story-card-art{background:linear-gradient(160deg,#e7fbf4 0%,#eaf1ff 100%)}.story-card-default .story-card-art:before{background:linear-gradient(90deg, #fff 0 48%, color-mix(in srgb, var(--story-accent-2) 16%, #fff) 48% 52%, #fff 52% 100%);width:62px;height:38px;box-shadow:0 9px 18px #0f172a17, 0 -14px 0 -10px color-mix(in srgb, var(--story-accent) 52%, #fff);border-radius:8px 4px 4px 8px;bottom:27px;left:17px}.story-card-default .story-card-art:after{background:var(--story-accent-2);border-radius:8px;width:20px;height:20px;top:22px;right:16px;transform:rotate(10deg)}.story-card-default .story-art-layer-a{background:color-mix(in srgb, var(--story-accent) 60%, #fff);width:18px;height:3px;box-shadow:0 9px 0 color-mix(in srgb, var(--story-accent) 45%, #fff), 29px 0 0 color-mix(in srgb, var(--story-accent-2) 45%, #fff), 29px 9px 0 color-mix(in srgb, var(--story-accent-2) 35%, #fff);border-radius:999px;bottom:52px;left:29px}.story-card-default .story-art-layer-b{background:#fff;border-radius:999px;width:6px;height:6px;top:27px;right:27px}.story-card-default .story-art-layer-c{background:color-mix(in srgb, var(--story-accent-2) 70%, #fff);border-radius:999px;width:5px;height:38px;bottom:27px;left:54px}.text-game-header{gap:6px}.text-game-meta,.text-game-progress,.text-game-translation{color:var(--muted);font-size:.88rem}.text-game-lines{flex-direction:column;gap:12px;display:flex}.text-game-line{gap:12px}.text-game-sentence{font-size:1.08rem;line-height:2.1}.text-game-gap{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;justify-content:center;align-items:center;min-width:96px;min-height:36px;margin:0 4px;padding:2px 10px;font-weight:700;display:inline-flex}.text-game-gap.hint{min-height:42px;padding:4px 16px;font-size:1.65rem;line-height:1}.text-game-gap.ok{border-color:color-mix(in srgb, var(--ok) 45%, var(--border));background:color-mix(in srgb, var(--ok) 12%, var(--surface-2))}.text-game-gap.bad{border-color:color-mix(in srgb, var(--bad) 45%, var(--border));background:color-mix(in srgb, var(--bad) 10%, var(--surface-2))}.text-game-options{flex-wrap:wrap;gap:8px;display:flex}.text-game-option{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:10px;padding:8px 12px;font-weight:600;transition:border-color .12s,background .12s,color .12s,opacity .12s}.text-game-option:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.text-game-option.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface-2))}.text-game-option.correct{border-color:color-mix(in srgb, var(--ok) 70%, var(--border));background:color-mix(in srgb, var(--ok) 18%, var(--surface-2));color:var(--text)}.text-game-option.wrong{border-color:color-mix(in srgb, var(--bad) 70%, var(--border));background:color-mix(in srgb, var(--bad) 15%, var(--surface-2));color:var(--text)}.text-game-option.dim{opacity:.45}.text-game-option:disabled{cursor:default}.text-game-position{color:var(--text);font-size:.95rem;font-weight:700}.text-game-expected{color:var(--muted);font-size:.92rem}.text-game-show-translation{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.9rem;font-weight:600}.text-game-show-translation:hover{text-decoration:underline}.text-game-final{gap:14px}.text-game-final-title{margin:0;font-size:1.15rem}.text-game-final-score{color:var(--ok);font-size:1.4rem;font-weight:800}.text-game-trained{flex-direction:column;gap:4px;display:flex}.text-game-trained-words{color:var(--text);font-weight:700}.text-game-final-actions{flex-direction:column;gap:8px;display:flex}.pack-done-card{gap:14px}.pack-done-emoji{color:var(--ok);background:linear-gradient(180deg, color-mix(in srgb, var(--ok) 18%, var(--surface)), color-mix(in srgb, var(--ok) 8%, var(--surface)));box-shadow:0 10px 22px color-mix(in srgb, var(--ok) 18%, transparent), inset 0 1px 0 #ffffffb8;font-weight:900}.pack-done-ring{margin-top:0}.pack-done-metrics .session-done-metric>span:first-child{text-align:center;width:18px;color:color-mix(in srgb, var(--accent) 76%, var(--text));font-weight:850}.pack-done-actions{margin-top:2px}.pack-done-actions .btn{border-radius:13px;min-height:42px}.pack-done-actions .btn.primary.full{box-shadow:0 9px 20px #4f7cff3d}.story-bank-text{flex-direction:column;gap:10px;display:flex}.story-sentence{margin:0;font-size:1.05rem;line-height:1.65}.story-sentence.is-filled{cursor:pointer}.story-gap-slot{border:1px dashed color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface));min-width:64px;color:var(--muted);font:inherit;text-align:center;cursor:pointer;vertical-align:baseline;border-radius:9px;padding:1px 10px;line-height:1.4;display:inline-block}.story-sentence.is-active .story-gap-slot{border-style:solid;border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--surface));color:var(--text)}.story-gap-word{color:var(--ok);font-weight:750}.story-sentence-translation{margin-top:2px;font-size:.86rem;display:block}.story-bank{flex-direction:column;gap:10px;display:flex}@media (width<=640px){.story-bank{margin-top:auto}}.story-bank-instruction{font-size:.84rem}.story-bank-chips{flex-wrap:wrap;gap:8px;display:flex}.story-bank-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border-radius:12px;padding:8px 14px;font-weight:650;transition:transform .12s,opacity .16s,border-color .14s}.story-bank-chip:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 60%, var(--border))}.story-bank-chip.is-used{opacity:.35;cursor:default;text-decoration:line-through}.story-bank-chip.is-wrong span{animation:.36s story-chip-shake;display:inline-block}@keyframes story-chip-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.story-card-stars{color:#f2b544;letter-spacing:2px;margin-left:8px}.story-card.is-mastered{background:linear-gradient(90deg, color-mix(in srgb, var(--surface) 92%, #f2b544 8%) 0%, color-mix(in srgb, var(--surface) 92%, #f2b544 8%) 60%, color-mix(in srgb, var(--surface) 70%, #f2b544 30%) 100%);border-color:#f2b544;box-shadow:0 8px 22px #f2b5444d}.story-card.is-mastered .story-card-stars{text-shadow:0 0 8px #f2b544a6}.story-card.is-mastered .story-card-arrow{background:color-mix(in srgb, #f2b544 22%, var(--surface));color:#c8902a}.story-card-done{aspect-ratio:1;color:#fff;background:#f2b544;border-radius:999px;flex:none;place-items:center;width:20px;font-size:.8rem;font-weight:800;line-height:1;display:grid;box-shadow:0 0 8px #f2b54499}.text-game-final-stars{color:#f2b544;letter-spacing:6px;text-align:center;font-size:1.6rem}.text-game-stars-hint{text-align:center;margin:0;font-size:.84rem}.story-question{flex-direction:column;gap:10px;display:flex}.story-question-text{font-size:1.05rem;font-weight:700}.story-question-options{flex-direction:column;gap:8px;display:flex}.story-question-option{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;padding:10px 14px}.story-question-option.is-correct{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, var(--surface))}.story-question-option.is-wrong{border-color:var(--bad,#e5484d);background:color-mix(in srgb, #e5484d 12%, var(--surface))}