@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,500&family=Nunito:wght@400;500;600;700;800&display=swap";._formGroup_1swnt_1{margin-bottom:16px}._label_1swnt_3{display:block;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}._input_1swnt_13{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-family:var(--font-ui);font-size:15px;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;-moz-appearance:none;appearance:none;-webkit-appearance:none}._input_1swnt_13:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7a5c3a24;background:var(--surface)}._selectWrap_1swnt_33{position:relative}._selectArrow_1swnt_34{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--muted);pointer-events:none}._selectWrap_1swnt_33 ._input_1swnt_13{padding-right:36px;cursor:pointer}._btn_1swnt_45{width:100%;padding:13px;margin-top:8px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-family:var(--font-ui);font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .1s}._btn_1swnt_45:hover:not(:disabled){background:var(--accent-strong)}._btn_1swnt_45:active:not(:disabled){transform:scale(.98)}._btn_1swnt_45:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}._spinner_1swnt_58{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:_spin_1swnt_58 .7s linear infinite}._alert_1swnt_66{background:var(--danger-lt);border:1px solid #EBCBC8;border-radius:var(--radius);padding:10px 14px;font-size:13px;color:var(--danger);margin-bottom:16px}._stepDots_1swnt_75{display:flex;align-items:center;gap:6px;margin-bottom:24px}._stepDot_1swnt_75{height:6px;border-radius:3px;transition:all .25s ease}._stepLabel_1swnt_77{font-size:11px;color:var(--muted);margin-left:4px}@keyframes _spin_1swnt_58{to{transform:rotate(360deg)}}.bottom-nav{display:flex;background:var(--surface);border-top:1px solid var(--border-soft);padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom));box-shadow:0 -2px 16px #3c28140d}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0 6px;border:none;background:none;cursor:pointer;color:var(--text-soft);transition:color var(--dur-fast) var(--ease);gap:4px}.nav-icon{width:44px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.nav-icon svg{width:23px;height:23px}.nav-item.active{color:var(--accent)}.nav-item.active .nav-icon{background:var(--accent-soft)}.nav-item:active .nav-icon{transform:scale(.9)}.nav-label{font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.02em}.feed{height:100%;background:var(--bg);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;padding-top:calc(var(--sp-4) + env(safe-area-inset-top))}.feed-slot{scroll-snap-align:center;display:flex;align-items:center;justify-content:center;padding:var(--sp-4) var(--sp-5);padding-bottom:var(--sp-5);flex-shrink:0;box-sizing:border-box}.feed-empty{padding:60px var(--sp-5);text-align:center;color:var(--text-muted);font-family:var(--font-ui);font-weight:600}.feed-sentinel{height:1px;flex-shrink:0}.ep-badge{position:sticky;top:10px;z-index:5;align-self:center;display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-pill);padding:5px 14px 5px 7px;margin:8px auto 10px;font-family:var(--font-ui);font-weight:800;color:var(--text-strong);box-shadow:var(--shadow-soft);animation:epPop var(--dur) var(--ease)}@keyframes epPop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.ep-badge .ep-ring{display:block;flex-shrink:0}.ep-badge .ep-value{font-size:14px;line-height:1}.ep-badge .ep-value small{font-weight:700;color:var(--text-muted);font-size:12px;margin-left:2px}.ep-float{position:absolute;left:50%;bottom:100%;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--r-pill);background:var(--gold-soft);color:var(--accent-strong);font-family:var(--font-ui);font-weight:800;font-size:15px;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-soft);animation:epFloatUp 1s var(--ease) forwards}@keyframes epFloatUp{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.8)}20%{opacity:1;transform:translate(-50%) translateY(0) scale(1.05)}35%{transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-46px) scale(.95)}}.combo-pill{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);right:14px;z-index:30;display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--r-pill);background:var(--accent);color:#f5efe6;font-weight:800;font-size:13px;box-shadow:var(--shadow-pop);animation:comboPop .32s var(--ease)}@keyframes comboPop{0%{opacity:0;transform:translateY(-6px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.streak-nudge{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 9px) 16px 9px;background:var(--accent);color:#f5efe6;font-size:13px;font-weight:700;box-shadow:var(--shadow-soft);animation:comboPop .3s var(--ease)}.streak-nudge-x{flex:none;background:#ffffff2e;border:none;color:#f5efe6;width:22px;height:22px;border-radius:50%;font-size:15px;line-height:1;cursor:pointer}.milestone-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:#3a25158c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:msFade .25s var(--ease)}@keyframes msFade{0%{opacity:0}to{opacity:1}}.milestone-card{width:100%;max-width:320px;background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-6) var(--sp-5) var(--sp-5);text-align:center;box-shadow:var(--shadow-card);animation:msPop .4s var(--ease)}@keyframes msPop{0%{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:none}}.milestone-badge{width:84px;height:84px;margin:0 auto var(--sp-4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;background:var(--gold-soft);animation:msBadge .6s var(--ease) .1s both}@keyframes msBadge{0%{transform:scale(.4) rotate(-12deg);opacity:0}60%{transform:scale(1.12) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0)}}.milestone-badge.streak{background:#f6e0cb}.milestone-badge.goal{background:var(--success-soft)}.milestone-title{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text-strong);margin:0 0 6px}.milestone-sub{font-size:14px;color:var(--text-muted);margin:0 0 var(--sp-5);line-height:1.5}.milestone-btn{width:100%;padding:13px;border:none;border-radius:var(--r-md);background:var(--accent);color:#f5efe6;font-family:var(--font-ui);font-weight:700;font-size:15px;cursor:pointer;transition:transform var(--dur-fast) var(--ease)}.milestone-btn:active{transform:scale(.98)}.session-summary{margin:var(--sp-4) auto;width:calc(100% - 2 * var(--sp-4));max-width:460px;background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-5) var(--sp-4);text-align:center;box-shadow:var(--shadow-card)}.session-summary .ss-icon{width:64px;height:64px;margin:0 auto var(--sp-3);border-radius:50%;background:var(--gold-soft);display:flex;align-items:center;justify-content:center;font-size:30px}.session-summary .ss-title{font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--text-strong);margin:0 0 2px}.session-summary .ss-sub{font-size:13px;color:var(--text-muted);margin:0 0 var(--sp-4)}.ss-stats{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4)}.ss-stat{flex:1;background:var(--surface-2);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-2)}.ss-stat .n{display:block;font-size:20px;font-weight:800;color:var(--text-strong)}.ss-stat .c{display:block;font-size:11px;color:var(--text-muted);margin-top:2px}.ss-story{display:flex;align-items:center;gap:10px;text-align:left;background:var(--accent-soft);border-radius:var(--r-sm);padding:10px 12px;font-size:13px;color:var(--text)}.ss-story .si{font-size:18px}.pair-card{width:100%;max-width:380px;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-card)}.pair-card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 10px}.pair-lang-pill{font-size:11px;font-weight:500;letter-spacing:.09em;color:#6b6556;font-family:var(--font-ui);text-transform:uppercase}.pair-points-pill{color:var(--gold);font-size:12px;font-weight:500;font-family:var(--font-ui);display:flex;align-items:center;gap:4px}.pair-header-divider{height:.5px;background:#e0ddd5;margin:0 20px}.pair-section-label{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#a89f8c;font-family:var(--font-ui);margin-bottom:8px}.pair-icon-btn{background:#f0ede3;border:.5px solid #D8D3C5;border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;transition:background .15s,color .15s;color:#7a6e55;-webkit-user-select:none;user-select:none}.pair-icon-btn:hover{background:#e0dac8}.pair-icon-btn.active{background:#c4a85a22;color:#b07840}.pair-image-wrap{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;cursor:default;background:#1a1a1a}.pair-image{width:100%;height:100%;object-fit:cover;display:block;transition:filter .28s ease}.pair-image-wrap.chip-active .pair-image,.pair-image-wrap.chip-active .pair-image-placeholder{filter:brightness(.45) saturate(.7)}.pair-image-placeholder{width:100%;height:100%;min-height:220px;background:linear-gradient(145deg,#ede0ce,#c8a882);display:flex;align-items:center;justify-content:center;font-size:40px;transition:filter .28s ease}.pair-chip-highlight{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:chipFadeIn .18s ease}@keyframes chipFadeIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.pair-chip-highlight-badge{background:#fffcf8f7;border-radius:18px;padding:16px 28px 14px;text-align:center;box-shadow:0 8px 40px #00000047;border:1px solid rgba(200,160,100,.3)}.pair-chip-highlight-target{display:block;font-family:var(--font-display);font-size:24px;font-weight:700;color:#3a2515;line-height:1.2;margin-bottom:5px}.pair-chip-highlight-native{display:block;font-family:var(--font-ui);font-size:13px;color:#9a7d60;font-weight:600}.pair-bbox-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;animation:chipFadeIn .2s ease}.pair-image-tappable{cursor:pointer}.pair-tap-marker{position:absolute;width:26px;height:26px;margin-left:-13px;margin-top:-13px;border-radius:50%;border:3px solid #fff;background:#c8a0648c;box-shadow:0 2px 10px #00000059;pointer-events:none;animation:chipFadeIn .18s ease}.pair-tap-marker.correct{background:#3a8d5cbf}.pair-tap-marker.wrong{background:#c44c3cbf}.pair-speak-mic-btn{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 10px;border-radius:13px;border:1.5px solid #D8D3C5;background:#f0ede3;color:#3a2515;font-family:var(--font-ui);font-size:15px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.pair-speak-mic-btn:hover:not(:disabled){background:#ede0ce}.pair-speak-mic-btn:active:not(:disabled){transform:scale(.98)}.pair-speak-mic-btn.listening{border-color:#7a5c3a;background:#ede0ce}.pair-speak-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:18px;border:2px solid #7A5C3A;animation:pairSpeakPulse 1.2s ease-out infinite;pointer-events:none}@keyframes pairSpeakPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.pair-speak-skip{text-decoration:underline;cursor:pointer;font-weight:700}.pair-card-body{padding:18px 20px 22px}.pair-vocab-section{margin-top:16px}.pair-vocab-chips{display:flex;flex-wrap:wrap;gap:8px}.pair-vocab-word{padding:6px 14px;background:#f0ede3;border-radius:30px;border:.5px solid #D8D3C5;font-family:var(--font-display);font-size:13px;font-style:italic;color:#7a5c2e;cursor:default}.pair-sentence-row{display:flex;align-items:flex-start;gap:12px}.pair-sentence-text{flex:1}.pair-sentence-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.pair-word-chip{display:inline;font-style:italic;color:#7a5c2e;text-decoration:underline;text-decoration-color:#c4a85a;text-underline-offset:3px;text-decoration-thickness:1.5px;cursor:pointer;transition:color .15s,text-decoration-color .15s;-webkit-user-select:none;user-select:none;background:none;border:none;padding:0;border-radius:0;font-weight:inherit;vertical-align:baseline}.pair-word-chip:hover{color:#5c3d22;text-decoration-color:#b07840}.pair-word-chip.active{color:#b07840;text-decoration-color:#b07840;text-decoration-thickness:2px}.pair-sentence{font-family:var(--font-display);font-size:18px;line-height:1.7;color:#3a2515;margin-bottom:20px}.pair-question{font-family:var(--font-display);font-size:17px;font-weight:600;line-height:1.65;color:#3a2515;margin-bottom:16px}.pair-hint{font-family:var(--font-ui);font-size:13px;color:#a08868;line-height:1.5;margin:-8px 0 16px;transition:color .18s}.pair-hint--speaking{color:#3a2515;font-weight:600}.pair-hint--tap{font-style:italic}.pair-btn-row{display:flex;gap:10px}.pair-btn{flex:1;padding:14px 10px;border-radius:13px;border:none;font-family:var(--font-ui);font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.01em;transition:transform .1s,filter .15s,opacity .15s}.pair-btn:hover:not(:disabled){filter:brightness(1.07)}.pair-btn:active:not(:disabled){transform:scale(.96)}.pair-btn:disabled{opacity:.75;cursor:default}.pair-btn-primary{background:var(--accent-strong);color:#f5ede0}.pair-btn-locked{background:#e0ddd5;color:#b0a898;cursor:not-allowed}.pair-btn-yes{background:var(--success);color:#fff}.pair-btn-no{background:var(--danger);color:#fff}.pair-btn-correct{background:var(--success);color:#fff}.pair-btn-wrong{background:var(--danger);color:#fff}.pair-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.pair-option-btn{padding:11px 18px;border-radius:11px;border:1.5px solid #DDD0BF;background:#fdfaf6;color:#3a2515;font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer;text-align:left;transition:transform .1s,background .15s,border-color .15s,color .15s}.pair-option-btn:hover:not(:disabled){background:#fff0e0;border-color:#c8956a}.pair-option-btn:active:not(:disabled){transform:scale(.95)}.pair-option-btn.selected{background:#fff0dc;border-color:#c4a85a;color:#5c3d22}.pair-option-btn.correct{background:var(--success);color:#fff;border-color:var(--success)}.pair-option-btn.wrong{background:var(--danger);color:#fff;border-color:var(--danger)}.pair-option-btn:disabled{cursor:default}.pair-option-btn.correct .pair-word-chip,.pair-option-btn.wrong .pair-word-chip{color:inherit;text-decoration:none}.pair-feedback{font-family:var(--font-ui);font-size:14px;font-weight:700;padding:12px 0 2px;color:#3a2515}.pair-feedback.correct{color:var(--success)}.pair-feedback.wrong{color:var(--danger)}.coming-soon{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:var(--sp-5);overflow-y:auto}.cs-card{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--sp-6) var(--sp-5);text-align:center}.cs-icon{width:68px;height:68px;margin:0 auto var(--sp-4);border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent)}.cs-icon svg{width:32px;height:32px}.cs-badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);background:var(--gold-soft);border-radius:var(--r-pill);padding:4px 12px;margin-bottom:var(--sp-3)}.cs-title{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text-strong);margin-bottom:var(--sp-2)}.cs-subtitle{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:var(--sp-4)}.cs-teaser{list-style:none;text-align:left;display:inline-flex;flex-direction:column;gap:var(--sp-2)}.cs-teaser li{font-size:13px;font-weight:600;color:var(--text);padding-left:24px;position:relative}.cs-teaser li:before{content:"✦";position:absolute;left:4px;color:var(--gold)}.profil{height:100%;background:var(--bg);padding:env(safe-area-inset-top) var(--sp-4) var(--sp-6);overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.profil-logout{position:absolute;top:calc(env(safe-area-inset-top) + 20px);right:4px;background:none;border:none;cursor:pointer;padding:6px;border-radius:var(--r-sm);color:var(--text-soft);display:flex;align-items:center;justify-content:center;transition:color var(--dur-fast),background var(--dur-fast)}.profil-logout:hover{color:var(--danger);background:var(--danger-soft)}.profil-header{display:flex;align-items:center;gap:var(--sp-3);padding:20px 4px var(--sp-4)}.avatar-wrap{position:relative;flex-shrink:0}.avatar-ring{width:64px;height:64px;border-radius:50%;background:var(--border-soft);padding:2px}.avatar-inner{width:100%;height:100%;border-radius:50%;background:var(--bg);padding:2px;display:flex;align-items:center;justify-content:center}.avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--text));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#f5efe6;letter-spacing:1px}.avatar-level-badge{position:absolute;top:-4px;right:-6px;z-index:3;filter:drop-shadow(0 1px 3px rgba(74,55,40,.3))}.profil-info{display:flex;flex-direction:column;gap:2px}.profil-name{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--text)}.profil-learning{font-size:12px;color:var(--text-muted);font-weight:600}.profil-streak{font-size:12px;color:#c4853a;margin-top:4px;font-weight:700}.streak-warn{color:var(--danger)}.streak-ok{color:var(--success)}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-md);padding:var(--sp-4);margin-bottom:var(--sp-3);box-shadow:var(--shadow-soft)}.card-title{font-size:11px;font-weight:800;color:var(--text-muted);letter-spacing:.09em;margin-bottom:var(--sp-3)}.goal-card{display:flex;align-items:center;gap:var(--sp-4)}.goal-ring-label{font-size:14px;font-weight:800;color:var(--text-strong)}.goal-text{flex:1}.goal-text .card-title{margin-bottom:4px}.goal-value{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-strong);line-height:1.2}.goal-value small{font-family:var(--font-ui);font-size:13px;font-weight:700;color:var(--text-muted)}.goal-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.xp-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-2)}.lang-label{font-size:13px;font-weight:700;color:var(--text)}.xp-value{font-size:13px;font-weight:700;color:var(--accent)}.xp-bar{background:var(--surface-2);border-radius:var(--r-pill);height:9px;width:100%;margin-bottom:var(--sp-2);overflow:hidden}.xp-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .7s var(--ease)}.level-row{display:flex;justify-content:space-between;align-items:center}.level-pill{background:var(--accent);color:var(--bg);font-size:11px;font-weight:800;padding:3px 11px;border-radius:var(--r-pill)}.level-hint{font-size:11px;color:var(--text-muted)}.capability-line{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border-soft);font-size:13px;font-style:italic;color:var(--text);line-height:1.5}.week-compare{font-size:12px;font-weight:700;margin-bottom:var(--sp-3)}.week-compare.up{color:var(--success)}.week-compare.down{color:var(--text-muted)}.profil-sound{position:absolute;top:calc(env(safe-area-inset-top) + 20px);left:4px;background:none;border:none;cursor:pointer;padding:6px;border-radius:var(--r-sm);color:var(--text-soft);display:flex;align-items:center;justify-content:center;transition:color var(--dur-fast),background var(--dur-fast)}.profil-sound:hover{color:var(--accent);background:var(--accent-soft)}.weekbars{display:flex;align-items:flex-end;gap:var(--sp-2);height:96px}.weekbar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.weekbar-track{flex:1;width:100%;display:flex;align-items:flex-end}.weekbar-fill{width:100%;min-height:4px;border-radius:var(--r-sm) var(--r-sm) 4px 4px;background:var(--gold);transition:height .6s var(--ease)}.weekbar-fill.empty{background:var(--surface-sunk)}.weekbar-fill.today{background:var(--accent)}.weekbar-label{font-size:10px;font-weight:700;color:var(--text-soft)}.weekbar-label.today{color:var(--accent)}.heatmap{display:flex;gap:3px;justify-content:center}.heatmap-col{display:flex;flex-direction:column;gap:3px;flex:0 0 auto}.heatmap-cell{display:block;width:13px;height:13px;border-radius:2px;background:var(--surface-sunk)}.heatmap-cell.lvl-0{background:var(--surface-sunk)}.heatmap-cell.lvl-1{background:#e4d3b0}.heatmap-cell.lvl-2{background:#d4b36e}.heatmap-cell.lvl-3{background:var(--gold)}.heatmap-cell.lvl-4{background:var(--accent)}.heatmap-legend{display:flex;align-items:center;gap:4px;margin-top:var(--sp-3);font-size:10px;color:var(--text-soft);font-weight:600}.heatmap-legend .heatmap-cell{width:11px;height:11px}.cat-list{display:flex;flex-direction:column;gap:var(--sp-3)}.cat-row{display:flex;flex-direction:column;gap:6px}.cat-head{display:flex;align-items:center;gap:var(--sp-2)}.cat-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.cat-label{flex:1;font-size:13px;font-weight:700;color:var(--text)}.cat-tier{font-size:11px;font-weight:600;color:var(--text-soft)}.cat-points{font-size:12px;font-weight:800;color:var(--accent)}.ach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.ach-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--sp-3) var(--sp-2);border-radius:var(--r-sm);text-align:center}.ach-tile.on{background:var(--gold-soft)}.ach-tile.off{background:var(--surface-2);opacity:.7}.ach-icon{font-size:24px;line-height:1}.ach-tile.off .ach-icon{filter:grayscale(1);opacity:.6}.ach-label{font-size:11px;font-weight:700;color:var(--text);line-height:1.25}.ach-tile.off .ach-label{color:var(--text-muted)}.cat-bar{height:6px;width:100%;background:var(--surface-2);border-radius:var(--r-pill);overflow:hidden}.cat-bar-fill{height:100%;border-radius:var(--r-pill);transition:width .6s var(--ease)}.stat-grid{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3)}.stat-tile{flex:1;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-2);display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:var(--shadow-soft)}.stat-num{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-strong)}.stat-cap{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.04em;text-align:center}.radar-wrap{display:flex;justify-content:center;padding:var(--sp-2) 0 4px}.skills-empty{font-size:13px;color:var(--text-muted);text-align:center;padding:var(--sp-4) 0}.tracking-hint{font-size:12px;color:var(--text-muted);text-align:center;padding:var(--sp-2) var(--sp-4) var(--sp-4)}:root{--bg: #EDE0CE;--bg-2: #F2E8DA;--surface: #FBF7F0;--surface-2: #F4EEE3;--surface-sunk: #ECE3D4;--text: #4A3728;--text-strong: #3A2515;--text-muted: #8C7A65;--text-soft: #A89F8C;--accent: #7A5C3A;--accent-strong: #5C3D22;--accent-soft: #EFE6D6;--gold: #C4A85A;--gold-soft: #F0E4C4;--success: #3D7055;--success-soft: #E4EDE5;--danger: #C0544A;--danger-soft: #FBF0EF;--border: #DDD0BF;--border-soft: #E7DDCD;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-pill: 999px;--shadow-soft: 0 1px 2px rgba(60, 40, 20, .05), 0 2px 8px rgba(60, 40, 20, .06);--shadow-card: 0 1px 2px rgba(60, 40, 20, .06), 0 4px 16px rgba(60, 40, 20, .09), 0 12px 40px rgba(60, 40, 20, .06);--shadow-pop: 0 6px 24px rgba(60, 40, 20, .16);--font-ui: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Lora", Georgia, serif;--ease: cubic-bezier(.22, .61, .36, 1);--dur-fast: .15s;--dur: .28s}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;width:100%;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);height:100dvh;width:100%;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;overscroll-behavior:none;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100dvh;display:flex;flex-direction:column}@keyframes spin{to{transform:rotate(360deg)}}.app-spinner{width:32px;height:32px;border:2px solid var(--border-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes pageEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-enter{animation:pageEnter var(--dur) var(--ease)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}