:root{--glass:#ffffff14;--gs:#ffffff1f;--gb:#ffffff26;--gh:#ffffff2e;--blur:20px;--rose:#e8b4b8;--rose-s:#e8b4b826;--lav:#b8a9c9;--lav-s:#b8a9c926;--sage:#a8c5a0;--sage-s:#a8c5a01f;--cream:#f5ead6;--cream-s:#f5ead61a;--sky:#a0c4e8;--sky-s:#a0c4e81f;--peach:#e8c4a0;--peach-s:#e8c4a01f;--correct:#7dd3a0;--correct-s:#7dd3a026;--approx:#e8d479;--approx-s:#e8d47926;--wrong:#e87d7d;--wrong-s:#e87d7d26;--t1:#f5f0ebeb;--t2:#f5f0eba3;--t3:#f5f0eb75;--bg:#0f0e17;--text-scale:1.08;--heading-scale:1.08;--ui-scale:1.03;--bg-decoration-image:none;--bg-decoration-size:auto;--bg-decoration-position:center;--bg-decoration-repeat:no-repeat;--bg-decoration-opacity:0;--orb-opacity:.35;--orb-blur:80px;--r:16px;--rs:10px;--fd:"Cormorant Garamond", Georgia, serif;--fb:"Quicksand", "PingFang SC", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--fb);background:var(--bg);color:var(--t1);font-size:calc(15px * var(--text-scale));-webkit-text-size-adjust:100%;min-height:100vh;line-height:1.6;overflow-x:hidden}button,input,select,textarea{font-family:var(--fb)}.bg-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-canvas:before{content:"";background-image:var(--bg-decoration-image);background-size:var(--bg-decoration-size);background-position:var(--bg-decoration-position);background-repeat:var(--bg-decoration-repeat);opacity:var(--bg-decoration-opacity);position:absolute;inset:0}.orb{filter:blur(var(--orb-blur));opacity:var(--orb-opacity);border-radius:50%;animation:20s ease-in-out infinite fl;position:absolute}.orb-1{background:radial-gradient(circle,#5e3a6e,#0000);width:500px;height:500px;top:-10%;left:-10%}.orb-2{background:radial-gradient(circle,#3a4a6e,#0000);width:400px;height:400px;animation-delay:-7s;top:40%;right:-15%}.orb-3{background:radial-gradient(circle,#6e4a3a,#0000);width:350px;height:350px;animation-delay:-14s;bottom:-5%;left:20%}.orb-4{background:radial-gradient(circle,#3a6e5e,#0000);width:300px;height:300px;animation-delay:-3s;top:20%;left:50%}@keyframes fl{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(40px,30px)scale(1.02)}}.shell{z-index:1;zoom:var(--ui-scale);transform-origin:top;max-width:520px;min-height:100vh;margin:0 auto;padding-bottom:88px;position:relative}@media (width>=768px){.shell{width:100%;max-width:none;padding-bottom:0;display:flex}}.gl{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--gb);border-radius:var(--r)}.feedback-page{max-width:760px;margin:0 auto;padding:20px 16px 112px}.feedback-hero{background:radial-gradient(circle at 92% 16%,#a0c4e838,#0000 34%),linear-gradient(145deg,#191922c7,#12111aad);margin-bottom:16px;padding:30px 26px}.feedback-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--sky);margin-bottom:12px;font-size:11px}.feedback-hero h1{font-family:var(--fd);color:var(--cream);letter-spacing:-.04em;font-size:clamp(42px,8vw,78px);line-height:.96}.feedback-hero p:not(.feedback-kicker){max-width:560px;color:var(--t2);margin-top:18px;font-size:15px;line-height:1.8}.feedback-form{padding:22px}.feedback-form-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.feedback-form-head p{letter-spacing:.18em;text-transform:uppercase;color:var(--t3);margin-bottom:6px;font-size:11px}.feedback-form-head h2{color:var(--cream);font-size:24px}.feedback-grid{grid-template-columns:1fr;gap:14px;display:grid}.feedback-field{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.feedback-label{color:var(--t2);font-size:12px;font-weight:700}.feedback-field input,.feedback-field select,.feedback-field textarea{border:1px solid var(--gb);width:100%;color:var(--t1);font:inherit;background:#ffffff0d;border-radius:16px;padding:13px 14px}.feedback-field select option{color:#17151f}.feedback-field textarea{resize:vertical;min-height:180px;line-height:1.7}.feedback-field input:focus,.feedback-field select:focus,.feedback-field textarea:focus,.feedback-ghost-btn:focus-visible,.feedback-submit:focus-visible{outline-offset:2px;outline:2px solid #a0c4e8b8}.feedback-count{color:var(--t3);align-self:flex-end;font-size:11px}.feedback-ghost-btn,.feedback-submit{border:1px solid var(--gb);font-family:var(--fb);cursor:pointer;border-radius:999px;font-weight:800}.feedback-ghost-btn{color:var(--t2);background:#ffffff0a;padding:9px 14px}.feedback-submit{color:#11131a;background:linear-gradient(#f0fbff,#bddff0);border-color:#bddff09e;width:100%;padding:14px 18px}.feedback-submit:disabled{cursor:not-allowed;opacity:.65}.feedback-alert{border-radius:14px;margin:4px 0 14px;padding:11px 14px;font-size:12px}.feedback-alert.error{color:#ff9f9f;background:#e864641a;border:1px solid #e8646438}.feedback-alert.success{color:var(--sage);background:#a8c5a01f;border:1px solid #a8c5a042}.profile-action-mark,.profile-avatar-mark,.profile-loading-mark{color:var(--cream);font-family:var(--fb);letter-spacing:.08em;border:1px solid #ffffff1f;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.profile-action-mark{background:#ffffff0a;border-radius:10px;width:34px;height:26px;font-size:10px}.profile-avatar-mark{background:#ffffff0d;border-radius:18px;width:52px;height:52px;font-size:15px}.profile-loading-mark{border-radius:16px;width:46px;height:46px;margin:0 auto 12px;font-size:13px;animation:1.5s infinite pulse}.course-detail-mark,.course-detail-video-mark{font-family:var(--fb);letter-spacing:.08em;color:var(--cream);background:#ffffff0d;border:1px solid #ffffff1f;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.course-detail-mark{border-radius:20px;width:58px;height:58px;font-size:16px}.course-detail-video-mark{border-radius:16px;width:58px;height:42px;font-size:13px}.course-list-mark{width:42px;height:34px;color:var(--cream);font-size:11px;font-family:var(--fb);letter-spacing:.08em;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:13px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.auth-brand-mark{width:58px;height:58px;color:var(--cream);font-family:var(--fb);letter-spacing:.1em;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;justify-content:center;align-items:center;margin:0 auto 4px;font-size:15px;font-weight:900;display:inline-flex}.community-avatar-mark{width:30px;height:24px;color:var(--cream);font-size:9px;font-family:var(--fb);letter-spacing:.06em;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}@media (width>=768px){.feedback-page{padding:38px 34px 80px}.feedback-grid{grid-template-columns:1fr 1fr}}.sidebar{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-right:1px solid var(--gb);background:#0f0e1799;flex-direction:column;width:304px;min-width:304px;height:100vh;padding:22px 18px;display:none;position:sticky;top:0;overflow-y:auto}@media (width>=768px){.sidebar{display:flex}}.sidebar-topbar{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sidebar-logo{border-bottom:1px solid var(--gb);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:18px;display:flex}.sidebar-brand-mark,.sidebar-sync-mark{border:1px solid var(--gb);color:var(--cream);letter-spacing:.08em;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.sidebar-brand-mark{border-radius:12px;width:34px;height:34px;font-size:11px}.sidebar-sync-mark{width:44px;height:22px;color:var(--t3);border-radius:999px;font-size:8px}.sidebar-logo-copy{min-width:0}.sidebar-logo-title{font-family:var(--fd);font-size:calc(25px * var(--heading-scale));color:var(--cream);font-weight:700;line-height:1.05}.sidebar-logo-sub{font-family:var(--fd);font-size:calc(14px * var(--text-scale));color:var(--rose);opacity:.78;font-style:italic}.sidebar-collapse-btn{border:1px solid var(--gb);width:34px;height:34px;color:var(--t1);cursor:pointer;background:#ffffff0a;border-radius:10px;font-size:18px;transition:all .25s}.sidebar-collapse-btn:hover{background:#ffffff14}.sidebar-sync{font-size:calc(12px * var(--text-scale));color:var(--t2);border-radius:20px;align-items:center;gap:8px;margin-bottom:16px;padding:9px 13px;display:flex}.sidebar-section-label{font-size:calc(11px * var(--text-scale));color:var(--t3);text-transform:uppercase;letter-spacing:1.7px;margin-bottom:7px;padding-left:4px;font-weight:700}.sidebar-btn{width:100%;font-size:calc(14px * var(--text-scale));border-radius:var(--rs);color:var(--t2);font-family:var(--fb);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;margin-bottom:2px;padding:11px 13px;transition:all .25s;display:flex}.sidebar-btn-icon{letter-spacing:.04em;text-align:center;border:1px solid #ffffff14;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:24px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.sidebar-btn-label{min-width:0;line-height:1.35}.sidebar-theme-wrap{border-top:1px solid var(--gb);margin-top:12px;padding-top:12px}.sidebar-user{border-top:1px solid var(--gb);align-items:center;gap:12px;margin-top:auto;padding-top:16px;display:flex}.sidebar-user-copy{min-width:0}.sidebar-streak-orb{width:42px;height:42px;font-size:13px;font-family:var(--fd);color:var(--cream);background:radial-gradient(circle at 35% 25%,#ffe7b547,#0000 55%),linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid #ffffff1f;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:0 0 22px #ffe7b51f}.sidebar-streak-orb small{min-width:18px;height:18px;color:var(--cream);background:#0f0e17eb;border:1px solid #ffe7b53d;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:inline-flex;position:absolute;bottom:-5px;right:-6px}.sidebar-user-name{font-size:calc(14px * var(--text-scale));color:var(--t1);font-weight:700;line-height:1.3}.sidebar-user-meta{font-size:calc(11px * var(--text-scale));color:var(--rose);margin-top:2px;line-height:1.45}.sidebar.collapsed{width:92px;min-width:92px;padding:20px 10px}.sidebar.collapsed .sidebar-topbar{flex-direction:column;align-items:center}.sidebar.collapsed .sidebar-logo{justify-content:center;width:100%;margin-bottom:8px;padding-bottom:12px}.sidebar.collapsed .sidebar-logo-copy,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-btn-label,.sidebar.collapsed .sidebar-theme-wrap,.sidebar.collapsed .sidebar-user-copy,.sidebar.collapsed .sidebar-sync{display:none}.sidebar.collapsed .sidebar-btn{justify-content:center;padding:11px 0}.sidebar.collapsed .sidebar-user{justify-content:center;padding-top:12px}.main-wrapper{flex:1;min-width:0}@media (width>=768px){.main-wrapper{width:100%;max-width:none;min-height:100vh}}.tabs{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--gb);display:flex;overflow-x:auto}.tab-btn{font-size:calc(14px * var(--text-scale));color:var(--t2);font-weight:650;font-family:var(--fb);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:none;padding:14px 20px;transition:all .25s}.tab-btn.active{color:var(--lav);border-bottom-color:var(--lav);font-weight:600}.card{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:1px solid var(--gb);border-radius:var(--r);margin-bottom:10px;padding:16px;transition:all .3s;animation:.5s both fu}.card:hover{background:var(--gh);border-color:#ffffff38;transform:translateY(-1px)}@keyframes fu{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bdg{font-size:calc(12px * var(--text-scale));border-radius:20px;padding:3px 11px;font-weight:650;display:inline-block}.bdg-lav{background:var(--lav-s);color:var(--lav)}.bdg-sage{background:var(--sage-s);color:var(--sage)}.bdg-sky{background:var(--sky-s);color:var(--sky)}.bdg-cream{background:var(--cream-s);color:var(--cream)}.bdg-rose{background:var(--rose-s);color:var(--rose)}.btn{border-radius:var(--rs);font-family:var(--fb);font-size:calc(14px * var(--text-scale));cursor:pointer;border:none;width:100%;padding:12px 22px;font-weight:600;transition:all .25s}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn-lav{background:linear-gradient(135deg, var(--lav), #9b8ab8);color:#1a1018}.btn-ghost{background:var(--gs);color:var(--t1);border:1px solid var(--gb)}.btn-rose{background:linear-gradient(135deg, var(--rose), #d4979c);color:#1a1018}.prog{background:var(--glass);border-radius:4px;height:4px;margin-bottom:4px;overflow:hidden}.prog-fill{background:linear-gradient(90deg, var(--lav), #c4b5d8);border-radius:4px;height:100%}.content{padding:14px 16px}.back-btn{color:var(--t2);font-size:calc(15px * var(--text-scale));font-family:var(--fb);cursor:pointer;background:0 0;border:none}.back-btn:hover{color:var(--t1)}.shelf{grid-template-columns:1fr 1fr;gap:12px;display:grid}.book-card{cursor:pointer;text-align:center;padding:20px 14px;transition:all .3s;position:relative;overflow:hidden}.book-card:before{content:"";pointer-events:none;background:radial-gradient(at 30% 20%,#ffffff0a,#0000 70%);position:absolute;inset:0}.book-card:hover{background:var(--gh);transform:translateY(-3px)}.book-spine{border-radius:var(--r) 0 0 var(--r);width:8px;height:100%;position:absolute;top:0;left:0}.book-icon{margin-bottom:8px;font-size:48px}.book-vol{letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.book-title{font-family:var(--fd);font-size:calc(18px * var(--heading-scale));margin-bottom:2px;font-weight:600}.book-sub{font-size:calc(12px * var(--text-scale));color:var(--t2);font-family:var(--fd);margin-bottom:8px;font-style:italic}.book-meta{font-size:calc(11px * var(--text-scale));color:var(--t3)}.lesson-card{cursor:pointer;align-items:center;gap:12px;transition:all .3s;display:flex}.lesson-card:hover{background:var(--gh);transform:translate(2px)}.lesson-num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.lesson-info{flex:1;min-width:0}.lesson-title{font-size:calc(14px * var(--text-scale));margin-bottom:1px;font-weight:600}.lesson-sub{font-size:calc(12px * var(--text-scale));color:var(--lav);margin-bottom:2px;font-style:italic}.lesson-meta{font-size:calc(11px * var(--text-scale));color:var(--t2)}.lesson-status{flex-shrink:0;font-size:16px}.sec-tabs{gap:6px;margin-bottom:14px;display:flex}.sec-tab{border:1px solid var(--gb);color:var(--t2);font-size:12px;font-weight:500;font-family:var(--fb);cursor:pointer;background:0 0;border-radius:20px;padding:8px 16px;transition:all .25s}.sec-tab:hover{background:var(--glass)}.ra-wrap{background:var(--bg);min-height:100vh}.ra-head{border-bottom:1px solid var(--gb);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#0f0e1780;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.ra-head-meta{color:var(--lav);letter-spacing:.02em;font-size:15px;font-weight:650}.ra-progress-bar{background:var(--glass);height:3px;margin:0}.ra-progress-fill{background:linear-gradient(90deg, var(--lav), var(--sky));height:100%;transition:width .4s}.ra-sentence{text-align:center;margin:16px;padding:clamp(28px,5vw,56px) clamp(20px,5vw,64px);position:relative;overflow:hidden}.ra-sentence:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 40%,#b8a9c90f,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.ra-label{color:var(--t3);letter-spacing:2.4px;text-transform:uppercase;margin-bottom:18px;font-size:13px;font-weight:700}.ra-fr{font-family:var(--fd);letter-spacing:.3px;word-spacing:.18em;color:var(--t1);overflow-wrap:break-word;word-break:normal;-webkit-hyphens:manual;hyphens:manual;margin-bottom:18px;font-size:clamp(30px,3.3vw,46px);font-weight:700;line-height:1.55}.ra-phonetic{color:var(--lav);opacity:.78;margin-bottom:14px;font-size:clamp(17px,1.7vw,22px);font-style:italic;line-height:1.55}.ra-cn{color:var(--t2);margin-bottom:12px;font-size:clamp(18px,1.8vw,24px);font-weight:600;line-height:1.7}.ra-note{color:var(--t2);border-radius:var(--rs);background:var(--glass);text-align:left;margin-top:16px;padding:12px 16px;font-size:clamp(15px,1.35vw,18px);line-height:1.65}.ra-helper{text-align:center;color:var(--t2);letter-spacing:.02em;padding:6px 16px;font-size:15px;font-weight:600}.ra-word{cursor:pointer;border-radius:4px;padding:1px 3px;transition:all .2s;display:inline;position:relative}.ra-word:hover{background:var(--lav-s);color:var(--lav)}.ra-word-tip{font-size:12px;font-family:var(--fb);white-space:nowrap;z-index:20;border:1px solid var(--gb);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#14121ef2;border-radius:8px;padding:6px 12px;animation:.2s fu;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.pr-word{font-family:var(--fd);cursor:pointer;border-radius:8px;margin:3px 4px;padding:4px 10px;font-size:clamp(28px,3vw,42px);font-weight:700;transition:all .3s;display:inline-block;position:relative}.pr-correct{background:var(--correct-s);color:var(--correct);border-bottom:2px solid var(--correct)}.pr-approx{background:var(--approx-s);color:var(--approx);border-bottom:2px solid var(--approx);animation:.5s wobble}.pr-wrong{background:var(--wrong-s);color:var(--wrong);border-bottom:2px solid var(--wrong);animation:.4s shake}@keyframes wobble{0%,to{transform:translateY(0)}25%{transform:translateY(-2px)}75%{transform:translateY(2px)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.pr-legend{justify-content:center;gap:16px;margin:12px 0;font-size:11px;display:flex}.pr-legend-item{align-items:center;gap:4px;display:flex}.pr-legend-dot{border-radius:50%;width:10px;height:10px}.pr-detail{border-radius:var(--rs);text-align:left;margin-top:12px;padding:12px;animation:.3s fu}.pr-detail-word{font-family:var(--fd);margin-bottom:4px;font-size:20px;font-weight:600}.pr-detail-row{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;display:flex}.pr-detail-bar{background:var(--glass);border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.pr-detail-fill{border-radius:3px;height:100%;transition:width .6s}.ra-controls{flex-wrap:wrap;justify-content:center;gap:clamp(10px,2vw,20px);padding:18px 16px 20px;display:flex}.ra-ctrl{color:#17151d;width:clamp(96px,12vw,128px);min-height:76px;font-family:var(--fb);cursor:pointer;border:none;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 14px;transition:all .25s;display:flex;box-shadow:0 12px 28px #0000002e}.ra-ctrl:hover{transform:translateY(-3px)}.ra-ctrl:active{transform:scale(.95)}.ra-ctrl-icon{letter-spacing:.04em;font-size:18px;font-weight:800;line-height:1}.ra-ctrl-text{letter-spacing:.04em;font-size:18px;font-weight:850;line-height:1}.ra-play{background:linear-gradient(135deg, var(--lav), var(--sky));box-shadow:0 4px 16px #b8a9c94d}.ra-slow{background:var(--gs);color:var(--t1);border:1px solid var(--gb)!important}.ra-mic{background:linear-gradient(135deg, var(--rose), #d4979c);box-shadow:0 4px 16px #e8b4b84d}.ra-ctrl.recording{outline-offset:3px;outline:2px solid #ffffff6b}.ra-mic.recording{animation:1s infinite recPulse}@keyframes recPulse{0%,to{box-shadow:0 0 0 4px #e8b4b826}50%{box-shadow:0 0 0 14px #e8b4b80d}}.ra-recording-hint{text-align:center;color:var(--rose);padding:0 16px 14px;font-size:15px;font-weight:650}.ra-live-preview{color:var(--lav);font-size:17px;font-family:var(--fd);margin-top:8px;line-height:1.55}.ra-wave{border-radius:var(--rs);justify-content:center;align-items:center;gap:2px;height:52px;margin:0 16px 12px;display:flex;overflow:hidden}.ra-wave-bar{background:var(--rose);opacity:.6;border-radius:2px;width:3px}.ra-wave-bar.animating{animation:1.2s ease-in-out infinite waveAnim}@keyframes waveAnim{0%,to{opacity:.3;height:6px}50%{opacity:.8;height:100%}}.ra-score{text-align:center;margin:0 16px 12px;padding:18px}.ra-score-num{font-family:var(--fd);font-size:52px;font-weight:700;line-height:1}.ra-score-label{color:var(--t2);margin-bottom:14px;font-size:13px}.ra-score-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.ra-score-cell{border-radius:var(--rs);padding:10px 4px}.ra-score-val{font-size:20px;font-weight:700;font-family:var(--fd);display:block}.ra-score-sub{color:var(--t2);font-size:10px}.ra-feedback{color:var(--t2);border-radius:var(--rs);text-align:left;margin-bottom:12px;padding:10px;font-size:12px;line-height:1.6}.ra-dots{justify-content:center;gap:6px;padding:8px 16px;display:flex}.ra-dot{cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;transition:all .2s}.ra-dot-off{background:#ffffff1a}.ra-dot-done{background:#a8c5a066}.ra-nav{justify-content:space-between;padding:8px 16px 20px;display:flex}.ra-nav-btn{border-radius:var(--rs);font-size:16px;font-family:var(--fb);cursor:pointer;padding:12px 28px;font-weight:700;transition:all .25s}.ra-prev{background:var(--gs);border:1px solid var(--gb);color:var(--t2)}.ra-next{background:linear-gradient(135deg, var(--lav), var(--sky));color:#1a1018;border:none;font-weight:600}@media (width<=520px){.ra-head{padding:10px 12px}.ra-head-meta{font-size:13px}.ra-sentence{margin:10px 12px;padding:28px 16px}.ra-fr{font-size:clamp(28px,8vw,36px)}.ra-controls{gap:8px;padding-inline:10px}.ra-ctrl{border-radius:20px;width:calc(33.3333vw - 14.6667px);min-height:72px;padding:10px 8px}.ra-ctrl-text{font-size:16px}.ra-ctrl-icon{font-size:15px}.ra-nav{padding-inline:12px}.ra-nav-btn{padding:11px 18px;font-size:15px}}.bottom-nav{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--gb);z-index:100;zoom:var(--ui-scale);transform-origin:bottom;background:#0f0e17b3;justify-content:space-around;align-items:center;padding:9px 4px 15px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=768px){.bottom-nav{display:none}}.nav-item{color:var(--t2);font-family:var(--fb);cursor:pointer;font-size:calc(11px * var(--text-scale));background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;min-width:0;line-height:1.2;display:flex}.nav-mark{letter-spacing:.04em;border:1px solid #ffffff1f;border-radius:7px;justify-content:center;align-items:center;width:25px;height:18px;font-size:8px;font-weight:800;display:inline-flex}.profile-overlay{z-index:200;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.profile-panel{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-left:1px solid var(--gb);background:#12101ce6;width:320px;max-width:85vw;height:100%;padding:20px 16px;overflow-y:auto}.xhs-grid{column-count:2;column-gap:10px;padding:14px}.xhs-card{break-inside:avoid;background:var(--glass);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:1px solid var(--gb);border-radius:var(--r);cursor:pointer;margin-bottom:10px;transition:all .3s;animation:.5s both fu;overflow:hidden}.xhs-card:hover{background:var(--gh);transform:translateY(-2px)}.xhs-cover{aspect-ratio:4/3;justify-content:center;align-items:center;width:100%;font-size:48px;display:flex;position:relative}.xhs-level{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.xhs-body{padding:10px 12px 12px}.xhs-title{font-size:calc(15px * var(--heading-scale));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:2px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.xhs-title-fr{font-size:calc(12px * var(--text-scale));color:var(--lav);font-style:italic;font-family:var(--fd);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:4px;display:-webkit-box;overflow:hidden}.xhs-desc{font-size:calc(12px * var(--text-scale));color:var(--t2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;line-height:1.4;display:-webkit-box;overflow:hidden}.xhs-tags{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.xhs-tag{font-size:calc(10px * var(--text-scale));background:var(--glass);border:1px solid var(--gb);color:var(--t2);border-radius:10px;padding:2px 7px}.xhs-foot{font-size:calc(12px * var(--text-scale));color:var(--t3);justify-content:space-between;align-items:center;display:flex}.xhs-like-btn{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;align-items:center;gap:3px;display:inline-flex}.xhs-open-link{color:var(--cream);font-weight:700;font-size:calc(10px * var(--text-scale))}@media (width>=1180px){.xhs-grid{column-count:3;column-gap:12px}}@media (width<=520px){.xhs-grid{column-count:1;padding:14px 16px 92px}}.loc-grid{grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 10px;display:grid}.banner{text-align:center;border-bottom:1px solid var(--gb);padding:24px 20px 20px}.banner h2{font-family:var(--fd);font-size:calc(24px * var(--heading-scale));margin-bottom:4px;font-weight:600}.banner p{font-size:calc(13px * var(--text-scale));color:var(--t2)}@media (width>=768px){.banner h2{font-size:calc(30px * var(--heading-scale))}}.mode-toggle{border-radius:var(--rs);border:1px solid var(--gb);display:flex;overflow:hidden}.mode-btn{font-size:calc(11px * var(--text-scale));color:var(--t2);font-weight:500;font-family:var(--fb);cursor:pointer;background:0 0;border:none;padding:7px 14px;transition:all .25s}.home-page{color:#000;background:#fff;min-height:100vh;overflow:clip}.home-hero,.home-rhythm,.home-feature-strip,.home-final{z-index:1;position:relative}.home-nav{justify-content:space-between;align-items:center;gap:14px;display:flex}.home-brand{color:#000;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.home-brand-flag{font-size:30px}.home-brand-copy{flex-direction:column;line-height:1;display:flex}.home-brand-copy strong{font-family:var(--fd);font-size:calc(36px * var(--heading-scale));letter-spacing:-.02em;font-weight:700}.home-brand-copy small{font-size:calc(14px * var(--text-scale));color:#0000008c;margin-top:2px;font-style:italic}.home-brand-copy strong,.home-brand-copy small,.home-kicker,.home-lead,.home-feature-meta,.home-feature-panel h2,.home-advantage-title,.home-advantage-copy,.home-flow-kicker,.home-flow-title,.home-flow-lead,.home-flow-step-index,.home-flow-step h3,.home-final-kicker,.home-nav-cta,.home-cta-primary,.home-cta-secondary{animation:none}.home-nav-cta,.home-cta-primary,.home-cta-secondary{min-width:116px;font-size:calc(14px * var(--text-scale));border-radius:999px;justify-content:center;align-items:center;padding:14px 22px;font-weight:700;text-decoration:none;transition:transform .28s,border-color .28s,background .28s;display:inline-flex}.home-nav-cta,.home-cta-primary{color:#fff;background:#000}.home-cta-secondary{color:#000;background:#fff;border:1px solid #00000024}.home-nav-cta:hover,.home-cta-primary:hover,.home-cta-secondary:hover{transform:translateY(-2px)}.home-poster{min-height:calc(100svh - 120px);margin-top:18px;padding:34px 0 40px;position:relative;overflow:hidden}.home-poster-glow,.home-poster-ring{pointer-events:none;position:absolute}.home-poster-glow,.home-poster-ring,.home-poster-ring:before,.home-poster-ring:after{display:none}.home-copy-block{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:min(1120px,100%);margin:0 auto;animation:.8s both homeReveal;display:flex;position:relative}.home-kicker{color:#0000009e;font-size:calc(11px * var(--text-scale));letter-spacing:.1em;text-transform:uppercase;background:#fff;border:1px solid #0000001f;border-radius:999px;align-items:center;gap:8px;margin:0 auto;padding:7px 12px;display:inline-flex}.home-product-kicker{font-size:calc(16px * var(--text-scale));letter-spacing:.16em;padding:10px 20px}.home-title{max-width:none;font-family:var(--fd);letter-spacing:-.04em;color:#000;margin-top:24px;font-size:clamp(40px,7.3vw,104px);line-height:.98}.home-title-line{white-space:nowrap;display:block}.home-title-accent{color:#000;font-weight:700;display:block}.home-lead{max-width:20ch;font-size:calc(24px * var(--text-scale));color:#0000009e;text-wrap:balance;margin-top:20px;margin-left:auto;margin-right:auto;line-height:1.7}.home-cta-row,.home-final-actions{flex-wrap:wrap;gap:10px;display:flex}.home-cta-row{justify-content:center;margin-top:34px}.home-advantage-stack{gap:0;width:100%;max-width:1120px;margin:34px auto 0;display:grid}.home-advantage-line{text-align:center;border-top:1px solid #00000014;padding:18px 0 20px}.home-advantage-title{max-width:none;font-family:var(--fd);letter-spacing:-.04em;color:#000;white-space:nowrap;margin-left:auto;margin-right:auto;font-size:clamp(32px,3.6vw,48px);line-height:1.18}.home-advantage-copy{max-width:none;font-size:calc(17px * var(--text-scale));color:#0009;white-space:nowrap;margin-top:8px;margin-left:auto;margin-right:auto;line-height:1.7}.home-mistake-flow{border-top:1px solid #00000014;width:100%;max-width:1320px;margin:50px auto 0;padding-top:34px}.home-flow-copy{text-align:center;max-width:760px;margin:0 auto}.home-flow-kicker{margin:0 auto}.home-flow-title{font-family:var(--fd);letter-spacing:-.05em;color:#000;text-wrap:balance;margin-top:0;font-size:clamp(44px,5.8vw,76px);line-height:1.04}.home-flow-lead{max-width:none;font-size:calc(18px * var(--text-scale));color:#0009;white-space:nowrap;margin:14px auto 0;line-height:1.7}.home-flow-track{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:72px;margin-top:44px;display:grid;position:relative}.home-flow-track:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#00000038 12% 88%,#0000 100%);height:1px;position:absolute;top:18px;left:2%;right:2%}.home-flow-segment{padding-top:44px;position:relative}.home-flow-segment:after{content:"→";color:#0000006b;font-size:24px;line-height:1;position:absolute;top:2px;right:-44px}.home-flow-segment.is-last:after{display:none}.home-flow-step{text-align:center;flex-direction:column;align-items:center;min-height:auto;padding:0;display:flex;position:relative}.home-flow-step-index{z-index:1;color:#0000008c;letter-spacing:.16em;text-transform:uppercase;background:#fff;border:1px solid #00000029;border-radius:999px;justify-content:center;align-items:center;min-width:52px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.home-flow-step h3{z-index:1;max-width:none;font-family:var(--fd);letter-spacing:-.04em;color:#000;white-space:nowrap;margin-top:18px;margin-bottom:0;font-size:clamp(20px,1.42vw,25px);line-height:1.16;position:relative}.home-feature-strip{gap:16px;width:100%;max-width:1240px;padding-top:34px;display:grid}.home-feature-panel{color:#000;text-align:left;cursor:default;background:#fff;border:1px solid #0000001a;border-radius:34px;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:186px;padding:30px;text-decoration:none;display:flex;position:relative;overflow:hidden}.home-feature-panel-poster{width:100%;margin-bottom:22px}.home-feature-meta{color:#00000080;text-transform:uppercase;letter-spacing:.16em;justify-content:space-between;gap:12px;font-size:12px;display:flex}.home-feature-panel h2{max-width:none;font-family:var(--fd);letter-spacing:-.05em;color:#000;white-space:nowrap;margin-top:18px;font-size:clamp(42px,5.8vw,70px);line-height:.98}.home-final{text-align:center;justify-content:center;padding:118px 18px 132px;display:flex;position:relative}.home-final-copy{z-index:1;flex-direction:column;align-items:center;max-width:min(1120px,100%);display:flex;position:relative}.home-final-kicker{letter-spacing:.14em}.home-final-title{max-width:none;font-family:var(--fd);letter-spacing:-.05em;color:#000;margin-top:20px;font-size:clamp(34px,6.2vw,88px);line-height:1.06}.home-final-title .home-title-line{white-space:nowrap}.home-hero-poster,.home-advantage-poster,.home-flow-poster,.home-final-poster{width:100%;max-width:1120px;margin:28px auto 6px}.home-advantage-poster{margin-top:18px;margin-bottom:10px}.home-flow-poster{margin:28px auto}.home-final-poster{margin:36px auto 0}.home-poster-slot{background:#fafafa;border:1px dashed #0000002e;border-radius:22px;width:100%;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.home-poster-slot-inner{text-align:center;color:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.home-poster-slot-mark{min-width:44px;font-family:var(--fd);letter-spacing:.22em;color:#000;background:#fff;border:1px solid #0003;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.home-poster-slot-label{font-family:var(--fd);letter-spacing:-.01em;color:#000;font-size:clamp(15px,1.6vw,20px);font-weight:600}.home-poster-slot-hint{letter-spacing:.16em;text-transform:uppercase;color:#00000073;font-size:12px}@keyframes homeReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes homeFloat{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(16px)scale(1.04)}}@keyframes homeBreath{0%,to{opacity:.92;filter:brightness(.98)saturate(98%);text-shadow:0 0 #a0e6ff00}50%{opacity:1;filter:brightness(1.08)saturate(108%);text-shadow:0 0 24px #a0e6ff29,0 0 42px #ffd49b14}}@keyframes homeTextBreath{0%,to{opacity:.88;text-shadow:0 0 #a0e6ff00}50%{opacity:1;text-shadow:0 0 14px #a0e6ff1f,0 0 26px #ffd49b0f}}@media (prefers-reduced-motion:reduce){.home-title,.home-final-title,.home-copy-block,.home-poster-glow,.home-brand-copy strong,.home-brand-copy small,.home-kicker,.home-lead,.home-feature-meta,.home-feature-panel h2,.home-advantage-title,.home-advantage-copy,.home-flow-kicker,.home-flow-title,.home-flow-lead,.home-flow-step-index,.home-flow-step h3,.home-final-kicker,.home-nav-cta,.home-cta-primary,.home-cta-secondary{animation:none!important}}.cafe-guide-fold{border:1px solid var(--gb);background:radial-gradient(circle at top right, var(--sky-s), transparent 32%), linear-gradient(145deg, var(--glass), var(--modal-bg));-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border-radius:24px;margin:16px 16px 12px;overflow:hidden}.cafe-guide-toggle{width:100%;color:var(--t1);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.cafe-guide-toggle-title{font-family:var(--fd);font-size:calc(22px * var(--heading-scale));letter-spacing:-.02em;font-weight:600}.cafe-guide-toggle-meta{color:var(--t2);font-size:calc(13px * var(--text-scale))}.cafe-guide-fold-panel{padding:0 20px 20px}.cafe-guide-fold-list{gap:12px;display:grid}.cafe-guide-fold-item{border-top:1px solid var(--gb);padding:16px 0 0}.cafe-guide-fold-item h2{color:var(--t1);font-size:calc(17px * var(--heading-scale));margin-bottom:8px}.cafe-guide-fold-item p{color:var(--t2);font-size:calc(15px * var(--text-scale));line-height:1.85}.cafe-guide-fold-note{border:1px solid var(--gb);background:var(--glass);color:var(--t2);font-size:calc(14px * var(--text-scale));text-align:center;border-radius:16px;margin-top:16px;padding:12px 14px;line-height:1.7}.cafe-guide-fold-actions{flex-wrap:wrap;gap:8px;padding-top:14px;display:flex}.cafe-guide-fold-actions button{border:1px solid var(--gb);background:var(--glass);color:var(--t1);font-size:calc(12px * var(--text-scale));cursor:pointer;border-radius:999px;padding:10px 14px}.cafe-guide-fold-actions button:hover{border-color:var(--lav);background:var(--lav-s);color:var(--lav)}.cafe-article-page{padding-top:18px;padding-bottom:28px}.cafe-breadcrumbs{font-size:calc(12px * var(--text-scale));color:var(--t3);flex-wrap:wrap;gap:8px;padding:0 12px 10px;display:flex}.cafe-breadcrumbs a{color:var(--cream);text-decoration:none}.cafe-article-hero{text-align:center;margin:0 12px 12px;padding:26px 18px 22px}.cafe-article-hero-icon{margin-bottom:10px;font-size:54px}.cafe-article-title{font-size:calc(28px * var(--heading-scale));color:var(--t1);line-height:1.35}.cafe-article-title-fr{font-size:calc(16px * var(--text-scale));color:var(--lav);font-family:var(--fd);margin-top:8px;font-style:italic;line-height:1.5}.cafe-article-meta{font-size:calc(12px * var(--text-scale));color:var(--t2);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.cafe-article-intro,.cafe-article-block,.cafe-article-actions{margin:0 12px 10px}.cafe-article-intro p{color:var(--t2);line-height:1.9;font-size:calc(14px * var(--text-scale))}.cafe-article-translation{font-size:calc(13px * var(--text-scale));color:var(--t2);border-top:1px dashed var(--gb);margin-top:8px;padding-top:8px;line-height:1.8}.cafe-article-vocab{border-top:1px solid var(--gb);flex-wrap:wrap;gap:4px;margin-top:8px;padding-top:6px;display:flex}.cafe-article-vocab-chip{font-size:calc(10px * var(--text-scale));background:var(--lav-s);color:var(--lav);border-radius:10px;padding:2px 8px}.cafe-article-tag-row{flex-wrap:wrap;gap:6px;display:flex}.cafe-article-action-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.cafe-related-grid{gap:10px;padding:0 12px;display:grid}.cafe-related-card h2{color:var(--t1);font-size:calc(16px * var(--heading-scale));margin-bottom:8px;line-height:1.45}.cafe-related-card p{color:var(--t2);font-size:calc(13px * var(--text-scale));line-height:1.75}@media (width>=768px){.home-hero{padding:28px 32px 72px}.home-nav-links{display:flex}.home-meta-bar{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.home-rhythm{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:-18px;padding:0 32px}.home-feature-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:38px}.home-final{padding-left:32px;padding-right:32px}.home-poster{min-height:calc(100svh - 210px);padding-top:28px}.home-copy-block{max-width:1240px}.home-title{font-size:clamp(60px,6.4vw,104px)}.home-flow-track{gap:96px}.home-flow-step h3{max-width:none;font-size:clamp(21px,1.36vw,25px)}.home-final-title{font-size:clamp(48px,5.4vw,88px)}.home-poster-ring{right:4%}.cafe-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cafe-article-title{font-size:calc(36px * var(--heading-scale))}}@media (width<=560px){.home-title-line,.home-final-title .home-title-line,.home-advantage-title,.home-feature-panel h2{white-space:normal;text-wrap:balance}.home-advantage-copy{font-size:calc(14px * var(--text-scale));letter-spacing:-.01em}.home-flow-lead{font-size:calc(15px * var(--text-scale));letter-spacing:-.01em}.home-feature-panel{min-height:152px;padding:24px}.home-flow-track{grid-template-columns:1fr;gap:22px;max-width:100%;margin:30px auto 0}.home-flow-track:before{background:linear-gradient(#0000 0%,#00000038 12% 88%,#0000 100%);width:1px;height:auto;inset:12px auto 12px 26px}.home-flow-segment{padding-top:0;padding-left:48px}.home-flow-segment:after{content:"↓";inset:auto auto -18px 16px}.home-flow-step{text-align:left;align-items:flex-start;padding:0}.home-flow-step-index{background:0 0;border:0;justify-content:flex-start;min-width:auto;padding:0}.home-flow-step h3{max-width:none;margin-top:6px;font-size:clamp(20px,5.8vw,27px);line-height:1.14}.home-product-kicker{font-size:calc(13px * var(--text-scale));padding:9px 14px}.home-brand-flag{font-size:26px}.home-brand-copy strong{font-size:calc(30px * var(--heading-scale))}.home-brand-copy small{font-size:calc(13px * var(--text-scale))}}.nav-center{margin-top:-20px}.nav-center-icon{letter-spacing:.04em;background:radial-gradient(circle at 35% 30%, #ffffff61, transparent 34%), linear-gradient(135deg, #ffe7b5, var(--lav) 82%);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:12px;font-weight:800;display:flex;box-shadow:0 4px 24px #ffe7b538}.xhs-cover-mark,.xhs-author-mark,.ai-mode-mark,.ai-message-mark{border:1px solid var(--gb);color:var(--cream);letter-spacing:.04em;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.xhs-cover-mark{width:72px;height:72px;font-family:var(--fd);background:#0f0e1752;border-radius:24px;font-size:22px}.xhs-author-mark,.ai-message-mark{border-radius:11px;flex-shrink:0;width:30px;height:30px;font-size:10px}.ai-mode-mark{border-radius:8px;width:28px;height:22px;font-size:9px}.checkin-streak-mark{border:1px solid var(--gb);min-width:54px;height:28px;color:var(--cream);letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}::-webkit-scrollbar-track{background:0 0}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] .orb{opacity:.2;filter:blur(120px)}[data-theme=light] .sidebar{border-right-color:var(--gb);background:#ffffffd9}[data-theme=light] .sidebar-logo-title{color:var(--t1)}[data-theme=light] .sidebar-logo-sub{color:var(--lav)}[data-theme=light] .sidebar-btn:hover{background:#0000000a}[data-theme=light] .sidebar-btn.active{background:var(--lav-s)}[data-theme=light] .header{border-bottom-color:var(--gb);background:#ffffffd9}[data-theme=light] .bottom-nav{border-top-color:var(--gb);background:#ffffffe0}[data-theme=light] .nav-item{color:var(--t2)}[data-theme=light] .nav-item.active{color:var(--t1)}[data-theme=light] .card{border-color:var(--gb);background:#ffffffa6;box-shadow:0 1px 4px #0000000a}[data-theme=light] .card:hover{background:#ffffffd9;border-color:#0000001f;box-shadow:0 2px 8px #0000000f}[data-theme=light] .gl{border-color:var(--gb);background:#ffffff80}[data-theme=light] .tabs{border-bottom-color:var(--gb);background:#ffffffb3}[data-theme=light] .tab-btn{color:var(--t2)}[data-theme=light] .tab-btn.active{color:var(--lav)}[data-theme=light] .btn-ghost{border-color:var(--gb);color:var(--t1);background:#ffffffa6}[data-theme=light] .btn-lav,[data-theme=light] .btn-rose{color:#fff}[data-theme=light] .mode-toggle{border-color:var(--gb)}[data-theme=light] .mode-btn{color:var(--t2)}[data-theme=light] .mode-btn.active{color:var(--lav)}[data-theme=light] .banner{border-bottom-color:var(--gb)}[data-theme=light] .banner h2{color:var(--t1)}[data-theme=light] .banner p{color:var(--t2)}[data-theme=light] .sec-tab{border-color:var(--gb);color:var(--t2)}[data-theme=light] .sec-tab.active{background:var(--lav-s);color:var(--lav);border-color:#6b5b8d33}[data-theme=light] .ra-wrap{background:var(--bg)}[data-theme=light] .ra-head{border-bottom-color:var(--gb);background:#ffffffd9}[data-theme=light] .ra-sentence{border-color:var(--gb);background:#ffffffb3}[data-theme=light] .ra-sentence:before{background:radial-gradient(circle at 30% 40%,#6b5b8d0a,#0000 60%)}[data-theme=light] .ra-fr{color:var(--t1)}[data-theme=light] .ra-phonetic{color:var(--lav)}[data-theme=light] .ra-cn{color:var(--t2)}[data-theme=light] .ra-note{color:var(--t2);background:#00000008}[data-theme=light] .ra-word:hover{background:var(--lav-s);color:var(--lav)}[data-theme=light] .ra-word-tip{border-color:var(--gb);color:var(--t1);background:#fffffff5;box-shadow:0 2px 8px #00000014}[data-theme=light] .ra-slow{border-color:var(--gb)!important;background:#ffffffb3!important}[data-theme=light] .ra-next{color:#fff}[data-theme=light] .ra-prev{border-color:var(--gb);color:var(--t2);background:#fff9}[data-theme=light] .ra-dot-off{background:#00000014}[data-theme=light] .ra-dot-done{background:#2a8a5059}[data-theme=light] .ra-wave-bar{background:var(--rose)}[data-theme=light] .ra-feedback{color:var(--t2)}[data-theme=light] .pr-correct{background:var(--correct-s);color:var(--correct)}[data-theme=light] .pr-approx{background:var(--approx-s);color:var(--approx)}[data-theme=light] .pr-wrong{background:var(--wrong-s);color:var(--wrong)}[data-theme=light] .xhs-card{background:var(--modal-bg);border-color:var(--gb);box-shadow:0 1px 4px #0000000a}[data-theme=light] .xhs-card:hover{background:var(--gh)}[data-theme=light] .xhs-open-link,[data-theme=light] .xhs-title{color:var(--t1)}[data-theme=light] .xhs-title-fr{color:var(--lav)}[data-theme=light] .xhs-desc{color:var(--t2)}[data-theme=light] .xhs-tag{background:var(--glass);border-color:var(--gb);color:var(--t2)}[data-theme=light] .xhs-foot{color:var(--t3)}[data-theme=light] .xhs-level{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=light] .cafe-guide-fold{background:radial-gradient(circle at top right, var(--lav-s), transparent 32%), linear-gradient(145deg, var(--modal-bg), var(--glass))}[data-theme=light] .cafe-guide-fold-item{border-top-color:var(--gb)}[data-theme=light] .cafe-guide-fold-actions button{background:var(--glass);color:var(--t1)}[data-theme=light] .cafe-guide-fold-note{background:var(--glass);border-color:var(--gb)}[data-theme=light] .cafe-breadcrumbs a,[data-theme=light] .cafe-related-card h2,[data-theme=light] .cafe-article-title{color:var(--t1)}[data-theme=light] .immersive-hub-bar{background:var(--modal-bg);border-bottom-color:var(--gb)}[data-theme=light] .immersive-hub-link{background:var(--glass);border-color:var(--gb);color:var(--t1)}[data-theme=light] .book-title{color:var(--t1)}[data-theme=light] .book-sub{color:var(--t2)}[data-theme=light] .book-meta{color:var(--t3)}[data-theme=light] .book-vol{color:var(--t2)}[data-theme=light] .lesson-title{color:var(--t1)}[data-theme=light] .lesson-sub{color:var(--lav)}[data-theme=light] .lesson-meta{color:var(--t2)}[data-theme=light] .lesson-num{color:var(--t1)}[data-theme=light] .profile-panel{border-left-color:var(--gb);background:#fffffff5}[data-theme=light] .profile-overlay{background:#0003}[data-theme=light] .ra-score-sub,[data-theme=light] .ra-score-label{color:var(--t2)}[data-theme=light] .prog{background:#0000000f}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] .back-btn{color:var(--t2)}[data-theme=light] .back-btn:hover{color:var(--t1)}[data-theme=light] .nav-center-icon{box-shadow:0 4px 16px #0000001a}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{border-radius:var(--rs);background:linear-gradient(90deg, var(--glass) 25%, #ffffff1f 50%, var(--glass) 75%);background-size:800px 100%;animation:1.6s linear infinite shimmer}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text.sm{width:60%;height:11px}.skeleton-card{border-radius:var(--r);height:80px;margin-bottom:8px}.theme-studio{position:relative}.theme-studio-toggle{width:100%;color:var(--t2);cursor:pointer;font-size:calc(13px * var(--text-scale));font-family:var(--fb);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.theme-studio-toggle-meta{opacity:.7;font-size:10px}.theme-studio-panel{border:1px solid var(--gb);background:var(--glass);border-radius:18px;flex-direction:column;gap:14px;margin-top:8px;padding:14px;animation:.25s fu;display:flex}.theme-studio-note{background:var(--modal-bg);border:1px solid var(--gb);font-size:calc(12px * var(--text-scale));color:var(--t3);border-radius:14px;padding:12px 14px;line-height:1.7}.theme-studio-section{flex-direction:column;gap:10px;display:flex}.theme-studio-section-head{font-size:calc(12px * var(--text-scale));color:var(--t3);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.theme-studio-section-head strong{color:var(--t1);font-size:calc(14px * var(--text-scale))}.theme-studio-theme-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.theme-studio-theme-card{border:1px solid var(--gb);background:var(--glass);color:var(--t1);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:8px;padding:8px 9px;display:flex}.theme-studio-theme-card.is-active{background:var(--lav-s);border-color:var(--lav)}.theme-studio-theme-swatch{border:1px solid var(--gb);border-radius:12px;flex-shrink:0;width:28px;height:28px}.theme-studio-theme-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.theme-studio-theme-copy div{font-size:calc(12px * var(--text-scale));line-height:1.3}.theme-studio-theme-copy small{color:var(--t3);font-size:calc(11px * var(--text-scale));line-height:1.45}.theme-studio-swatch-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.theme-studio-color-swatch{border:1px solid var(--gb);cursor:pointer;color:#18121c;text-align:left;border-radius:14px;align-items:center;gap:8px;min-height:42px;padding:8px 9px;font-weight:750;display:flex;box-shadow:inset 0 0 0 999px #ffffff0f}.theme-studio-color-swatch.is-theme{background:linear-gradient(135deg, var(--lav), var(--cream));color:#18121c}.theme-studio-color-swatch.is-active{box-shadow:0 0 0 2px var(--modal-bg), 0 0 0 4px var(--lav)}.theme-studio-color-dot{background:var(--swatch-color,linear-gradient(135deg, var(--lav), var(--cream)));border:1px solid #0000002e;border-radius:999px;flex:none;width:18px;height:18px;box-shadow:0 0 0 2px #ffffff38}.theme-studio-color-name{min-width:0;color:inherit;font-size:calc(12px * var(--text-scale));text-shadow:0 1px 10px #ffffff38;line-height:1.25}.theme-studio-custom-color{flex-direction:column;gap:8px;display:flex}.theme-studio-custom-color label{font-size:calc(12px * var(--text-scale));color:var(--t3)}.theme-studio-custom-color-controls{align-items:center;gap:10px;display:flex}.theme-studio-custom-color input[type=color]{background:0 0;border:none;width:42px;height:34px;padding:0}.theme-studio-slider-list{flex-direction:column;gap:12px;display:flex}.theme-studio-slider-row{flex-direction:column;gap:8px;display:flex}.theme-studio-slider-row div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.theme-studio-slider-row strong{font-size:calc(13px * var(--text-scale));color:var(--t1)}.theme-studio-slider-row small{font-size:calc(12px * var(--text-scale));color:var(--t3)}.theme-studio-slider-row input[type=range]{width:100%;accent-color:var(--lav)}.theme-studio-preview-card{background:radial-gradient(circle at top right, var(--cream-s), transparent 28%), linear-gradient(145deg, var(--glass), var(--modal-bg));border:1px solid var(--gb);border-radius:18px;padding:14px}.theme-studio-preview-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.theme-studio-preview-badge,.theme-studio-preview-chip{font-size:calc(11px * var(--text-scale));border:1px solid var(--gb);border-radius:999px;padding:4px 8px}.theme-studio-preview-badge{color:var(--lav);background:#b8a9c91f}.theme-studio-preview-chip{color:var(--t3);background:var(--glass)}.theme-studio-preview-card h4{font-family:var(--fd);font-size:calc(20px * var(--heading-scale));color:var(--cream);margin-top:12px}.theme-studio-preview-card p{font-size:calc(13px * var(--text-scale));color:var(--t2);margin-top:8px;line-height:1.8}.theme-studio-actions{justify-content:flex-end;display:flex}.theme-studio-reset-btn{border:1px solid var(--gb);background:var(--glass);color:var(--t2);cursor:pointer;font-size:calc(12px * var(--text-scale));font-family:var(--fb);border-radius:999px;padding:9px 13px}@media (width<=767px){.theme-studio-theme-grid{grid-template-columns:1fr}}.shell-immersive{width:100%;max-width:100%;padding-bottom:0}.main-wrapper-immersive{width:100%;max-width:none!important}@media (width>=768px){.shell-immersive{display:block}}.immersive-hub-bar{z-index:20;border-bottom:1px solid var(--gb);background:var(--modal-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.immersive-hub-copy{flex:1;min-width:0}.immersive-hub-title{color:var(--t1);font-size:calc(14px * var(--heading-scale));font-weight:700}.immersive-hub-sub{color:var(--t2);font-size:calc(11px * var(--text-scale));margin-top:2px;line-height:1.45}.immersive-hub-link{border:1px solid var(--gb);background:var(--glass);color:var(--t1);cursor:pointer;font-size:12px;font-family:var(--fb);border-radius:8px;padding:8px 12px}.arcade-page{min-height:100vh;padding:18px 16px 34px;position:relative;overflow:hidden}.arcade-page:before,.arcade-page:after{content:"";filter:blur(80px);pointer-events:none;border-radius:999px;position:absolute}.arcade-page:before{background:radial-gradient(circle, var(--lav-s), transparent 70%);width:320px;height:320px;top:-60px;right:-60px}.arcade-page:after{background:radial-gradient(circle, var(--sky-s), transparent 72%);width:280px;height:280px;bottom:18%;left:-80px}.arcade-hero,.arcade-panel,.arcade-category-section,.arcade-stage-hero,.arcade-empty-stage{z-index:1;position:relative}.arcade-hero{border:1px solid var(--gb);background:radial-gradient(circle at top right, var(--cream-s), transparent 28%), radial-gradient(circle at 18% 12%, var(--lav-s), transparent 24%), linear-gradient(160deg, var(--modal-bg), var(--glass) 60%, color-mix(in srgb, var(--sky-s) 40%, var(--modal-bg)));border-radius:30px;padding:22px;box-shadow:0 24px 60px #0000002e}.arcade-hero-top,.arcade-hero-main,.arcade-hero-actions,.arcade-hero-badges,.arcade-hero-stats,.arcade-hero-progress-head,.arcade-mode-rail,.arcade-category-section,.arcade-quest-map,.arcade-layout,.arcade-goal-head,.arcade-toggle-grid,.arcade-mini-stats,.arcade-button-row,.arcade-stage-actions,.arcade-mode-grid,.arcade-stage-stats,.arcade-game-head,.arcade-option-grid,.arcade-deck-tile,.arcade-memory-grid{display:grid}.arcade-sidebar,.arcade-stage,.arcade-goals,.arcade-preview-list,.arcade-saved-list{flex-direction:column;gap:12px;display:flex}.arcade-hero-top{grid-template-columns:auto auto;justify-content:space-between;align-items:center;gap:12px}.arcade-back-btn,.arcade-primary-btn,.arcade-ghost-btn,.arcade-deck-delete,.arcade-option,.arcade-mode-tile,.arcade-quest-node,.arcade-flashcard,.arcade-memory-card,.arcade-deck-main{font-family:var(--fb);touch-action:manipulation;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.arcade-back-btn,.arcade-ghost-btn,.arcade-primary-btn{border:1px solid var(--gb);cursor:pointer;border-radius:999px}.arcade-back-btn,.arcade-ghost-btn{background:var(--glass);color:var(--t1);justify-content:center;align-items:center;padding:10px 16px;text-decoration:none;display:inline-flex}.arcade-primary-btn{background:linear-gradient(135deg, var(--lav), var(--sky) 88%);color:#fff;border:none;padding:12px 18px;font-weight:700}.arcade-back-btn:hover,.arcade-ghost-btn:hover,.arcade-primary-btn:hover,.arcade-mode-tile:hover,.arcade-quest-node:hover,.arcade-flashcard:hover,.arcade-memory-card:hover,.arcade-deck-main:hover,.arcade-deck-delete:hover,.arcade-option:hover:not(:disabled){transform:translateY(-2px)}.arcade-back-btn:focus-visible,.arcade-ghost-btn:focus-visible,.arcade-primary-btn:focus-visible,.arcade-mode-tile:focus-visible,.arcade-quest-node:focus-visible,.arcade-flashcard:focus-visible,.arcade-deck-main:focus-visible,.arcade-deck-delete:focus-visible,.arcade-memory-card:focus-visible,.arcade-option:focus-visible,.arcade-input:focus-visible,.arcade-textarea:focus-visible,.arcade-toggle-grid select:focus-visible{outline:2px solid var(--lav);outline-offset:3px}.arcade-hero-actions{grid-auto-flow:column;gap:10px}.arcade-hero-main{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:stretch;gap:18px;margin-top:18px}.arcade-hero-copy h1{text-wrap:balance;max-width:8ch;margin-top:10px;font-size:clamp(42px,7vw,86px);line-height:1.02}.arcade-hero-copy p{max-width:58ch;color:var(--t2);margin-top:16px;font-size:clamp(15px,1.5vw,19px);line-height:1.8}.arcade-hero-kicker,.arcade-quiz-kicker{color:var(--t3);letter-spacing:.22em;text-transform:uppercase;font-size:11px}.arcade-hero-badges{grid-auto-columns:max-content;grid-auto-flow:column;gap:8px;margin-top:14px;padding-bottom:2px;overflow-x:auto}.arcade-hero-badges span,.arcade-combo-badge{border:1px solid var(--gb);background:var(--glass);white-space:nowrap;color:var(--t1);border-radius:999px;padding:7px 12px;font-size:11px}.arcade-hero-panel{background:linear-gradient(180deg, var(--glass), var(--modal-bg));border:1px solid var(--gb);border-radius:26px;padding:18px}.arcade-quest-panel{padding:20px;overflow:hidden}.arcade-quest-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.arcade-quest-head h2,.arcade-category-section h2{font-family:var(--fd);color:var(--app-heading-color);text-wrap:balance;margin-top:6px;font-size:clamp(24px,3vw,38px);line-height:1.04}.arcade-quest-map{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;position:relative}.arcade-quest-map:before{content:"";background:linear-gradient(90deg, var(--cream-s), var(--lav), var(--sage));pointer-events:none;border-radius:999px;height:3px;position:absolute;top:42px;left:8%;right:8%}.arcade-quest-node{transform:translateY(var(--node-offset));border:1px solid var(--gb);background:radial-gradient(circle at 50% 22%, var(--cream-s), transparent 38%), linear-gradient(180deg, var(--glass), var(--modal-bg));min-height:150px;color:var(--t1);cursor:pointer;text-align:center;border-radius:26px;padding:12px;position:relative}.arcade-quest-node:hover{transform:translateY(calc(var(--node-offset) - 3px))}.arcade-quest-node.is-active{border-color:var(--lav);box-shadow:0 20px 42px color-mix(in srgb, var(--lav) 24%, transparent)}.arcade-quest-lav .arcade-quest-orb{background:linear-gradient(145deg, var(--lav), var(--cream))}.arcade-quest-sky .arcade-quest-orb{background:linear-gradient(145deg, var(--sky), var(--cream))}.arcade-quest-sage .arcade-quest-orb{background:linear-gradient(145deg, var(--sage), var(--cream))}.arcade-quest-index{color:var(--t3);letter-spacing:.14em;font-size:11px;font-weight:800;display:block}.arcade-quest-orb{background:linear-gradient(145deg, var(--cream), var(--lav));letter-spacing:.02em;color:#18121d;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:10px auto;font-size:11px;font-weight:800;display:flex;box-shadow:0 16px 32px #0000002e}.arcade-quest-copy strong,.arcade-quest-copy small{display:block}.arcade-quest-copy strong{color:var(--app-heading-color);font-size:15px;line-height:1.28}.arcade-quest-copy small{color:var(--t3);margin-top:4px;font-size:11px;line-height:1.45}.arcade-hero-mascot{width:132px;height:132px;margin:0 auto 18px;position:relative}.arcade-mascot-core{background:linear-gradient(145deg, var(--cream), var(--lav));color:#1b1420;width:92px;height:92px;box-shadow:0 18px 40px color-mix(in srgb, var(--lav) 24%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:42px;animation:3.8s ease-in-out infinite arcadeFloat;display:flex;position:absolute;inset:20px}.arcade-mascot-ring{border:1px solid var(--gb);border-radius:50%;position:absolute;inset:0}.arcade-mascot-ring-a{animation:12s linear infinite arcadeSpin}.arcade-mascot-ring-b{border-style:dashed;animation:10s linear infinite arcadeSpinReverse;inset:14px}.arcade-hero-stats,.arcade-mini-stats,.arcade-stage-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.arcade-metric{border:1px solid var(--gb);background:var(--glass);border-radius:20px;padding:14px}.arcade-metric-label{color:var(--t3);letter-spacing:.16em;text-transform:uppercase;font-size:10px}.arcade-metric-value{font-size:clamp(18px,2.4vw,26px);font-family:var(--fd);margin-top:8px}.arcade-metric-lav .arcade-metric-value{color:var(--lav)}.arcade-metric-sky .arcade-metric-value{color:var(--sky)}.arcade-metric-sage .arcade-metric-value{color:var(--sage)}.arcade-metric-rose .arcade-metric-value{color:var(--rose)}.arcade-metric-cream .arcade-metric-value{color:var(--cream)}.arcade-hero-progress{margin-top:16px}.arcade-hero-progress-head{color:var(--t2);grid-template-columns:auto auto;justify-content:space-between;gap:12px;font-size:12px}.arcade-hero-progress-track,.arcade-goal-track{background:var(--glass);border-radius:999px;height:10px;margin-top:8px;overflow:hidden}.arcade-hero-progress-fill,.arcade-goal-fill{background:linear-gradient(90deg, var(--lav), var(--cream) 80%);border-radius:999px;height:100%}.arcade-goal-fill.is-done{background:linear-gradient(90deg, var(--sage), var(--sky))}.arcade-mode-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.arcade-category-section{background:radial-gradient(circle at top right, var(--sky-s), transparent 32%), linear-gradient(180deg, var(--glass), var(--modal-bg));border:1px solid var(--gb);border-radius:28px;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);align-items:stretch;gap:18px;margin-top:22px;padding:18px}.arcade-rail-stop{border:1px solid var(--gb);background:var(--glass);border-radius:20px;padding:14px}.arcade-rail-stop span{font-size:22px;display:block}.arcade-rail-stop strong{margin-top:8px;font-size:13px;display:block}.arcade-rail-stop small{color:var(--t3);margin-top:4px;font-size:11px;line-height:1.6;display:block}.arcade-rail-stop.is-current{background:linear-gradient(180deg, var(--lav-s), var(--glass));border-color:var(--lav)}.arcade-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:16px;margin-top:18px}.arcade-panel,.arcade-stage-hero,.arcade-empty-stage{border:1px solid var(--gb);background:linear-gradient(180deg, var(--glass), var(--modal-bg));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px;padding:18px;box-shadow:0 14px 32px #0000001f}.arcade-panel-title{color:var(--app-heading-color);font-size:17px;font-weight:700}.arcade-panel-sub{color:var(--t3);margin-top:6px;font-size:12px;line-height:1.75}.arcade-goal-head{grid-template-columns:auto auto;justify-content:space-between;gap:12px;font-size:12px}.arcade-toggle-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.arcade-toggle-grid label{color:var(--t2);background:var(--glass);border:1px solid var(--gb);border-radius:16px;align-items:center;gap:8px;padding:12px 14px;font-size:12px;display:flex}.arcade-toggle-grid select,.arcade-input,.arcade-textarea{border:1px solid var(--gb);background:var(--glass);width:100%;color:var(--t1)}.arcade-toggle-grid select{border-radius:10px;margin-left:auto;padding:4px 8px}.arcade-input,.arcade-textarea{font-size:13px;font-family:var(--fb);border-radius:18px;padding:14px}.arcade-input{margin-top:14px}.arcade-textarea{resize:vertical;min-height:170px;margin-top:10px;line-height:1.75}.arcade-preview-item{background:var(--glass);border:1px solid var(--gb);border-radius:18px;padding:12px 14px}.arcade-preview-item strong,.arcade-preview-item span{line-height:1.7;display:block}.arcade-preview-item strong{color:var(--app-heading-color);font-size:12px}.arcade-preview-item span{color:var(--t3);margin-top:4px;font-size:11px}.arcade-button-row{grid-template-columns:1fr auto;gap:10px}.arcade-deck-tile{grid-template-columns:minmax(0,1fr) auto;gap:8px}.arcade-deck-main,.arcade-deck-delete{cursor:pointer;border-radius:18px}.arcade-deck-main{border:1px solid var(--gb);background:var(--glass);color:var(--t1);text-align:left;padding:14px}.arcade-deck-tile.is-active .arcade-deck-main{border-color:var(--lav);background:var(--lav-s)}.arcade-deck-title{font-size:13px;font-weight:700}.arcade-deck-meta{color:var(--t3);margin-top:5px;font-size:11px}.arcade-deck-delete{border:1px solid var(--rose);background:var(--rose-s);color:var(--rose);padding:0 14px}.arcade-inline-error{background:var(--rose-s);border:1px solid var(--rose);color:var(--rose);border-radius:18px;padding:12px 14px;font-size:12px;line-height:1.7}.arcade-stage-hero{justify-content:space-between;align-items:center;gap:14px;display:flex}.arcade-stage-actions{grid-auto-flow:column;align-items:center;gap:10px}.arcade-combo-badge.is-live{background:linear-gradient(135deg, var(--cream-s), var(--lav-s));border-color:var(--lav);animation:1s ease-in-out infinite arcadePulse}.arcade-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.arcade-mode-tile{border:1px solid var(--gb);background:var(--glass);color:var(--t1);cursor:pointer;text-align:left;border-radius:20px;align-items:flex-start;gap:10px;padding:14px;display:flex}.arcade-mode-tile.is-active{border-color:var(--cream);transform:translateY(-1px)}.arcade-mode-lav.is-active{background:var(--lav-s)}.arcade-mode-sky.is-active{background:var(--sky-s)}.arcade-mode-sage.is-active{background:var(--sage-s)}.arcade-mode-cream.is-active{background:var(--cream-s)}.arcade-mode-icon{border:1px solid var(--gb);width:36px;height:36px;color:var(--app-heading-color);letter-spacing:.02em;border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.arcade-mode-copy{flex-direction:column;gap:4px;display:flex}.arcade-mode-title{font-size:13px;font-weight:700}.arcade-mode-sub{color:var(--t3);font-size:11px;line-height:1.6}.arcade-flashcard{border:1px solid var(--gb);background:radial-gradient(circle at 50% 12%, var(--cream-s), transparent 34%), linear-gradient(160deg, var(--cream-s), var(--lav-s) 45%, var(--modal-bg));width:100%;min-height:260px;color:var(--t1);cursor:pointer;text-align:center;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;margin-top:18px;padding:28px;display:flex}.arcade-flashcard.is-revealed{background:radial-gradient(circle at 50% 12%, var(--sage-s), transparent 34%), linear-gradient(160deg, var(--sage-s), var(--sky-s) 55%, var(--modal-bg))}.arcade-flashcard-kicker{color:var(--t3);letter-spacing:.22em;text-transform:uppercase;font-size:11px}.arcade-flashcard-text{color:var(--app-heading-color);font-family:var(--fd);text-wrap:balance;overflow-wrap:anywhere;margin-top:18px;font-size:clamp(32px,5vw,64px);line-height:1.12}.arcade-flashcard-hint{color:var(--t3);margin-top:18px;font-size:13px}.arcade-game-panel{overflow:hidden}.arcade-game-head{grid-template-columns:minmax(0,1fr) minmax(240px,auto);align-items:start;gap:12px}.arcade-memory-grid{grid-auto-rows:1fr;gap:12px;margin-top:18px}.arcade-memory-card{perspective:1000px;cursor:pointer;background:0 0;border:none;min-height:132px}.arcade-memory-card:disabled{cursor:default}.arcade-memory-card-inner{width:100%;height:100%;min-height:132px;transform-style:preserve-3d;transition:transform .5s;display:block;position:relative}.arcade-memory-card.is-revealed .arcade-memory-card-inner,.arcade-memory-card.is-matched .arcade-memory-card-inner{transform:rotateY(180deg)translateZ(0)}.arcade-memory-face{border:1px solid var(--gb);backface-visibility:hidden;border-radius:22px;flex-direction:column;justify-content:space-between;padding:14px;display:flex;position:absolute;inset:0}.arcade-memory-face-front{background:radial-gradient(circle at top right, var(--cream-s), transparent 35%), linear-gradient(145deg, var(--lav-s), var(--modal-bg))}.arcade-memory-face-back{background:radial-gradient(circle at top left, var(--sage-s), transparent 35%), linear-gradient(160deg, var(--sky-s), var(--modal-bg));transform:rotateY(180deg)}.arcade-memory-card.is-matched .arcade-memory-face-back{border-color:var(--sage);box-shadow:inset 0 0 0 1px var(--sage-s), 0 18px 34px color-mix(in srgb, var(--sage) 18%, transparent)}.arcade-memory-chip{letter-spacing:.18em;text-transform:uppercase;color:var(--t3);font-size:10px}.arcade-memory-glyph{font-family:var(--fd);color:var(--app-heading-color);align-self:center;font-size:28px}.arcade-memory-helper{color:var(--t3);font-size:11px}.arcade-memory-text{color:var(--app-heading-color);flex:1;align-items:center;font-size:13px;line-height:1.7;display:flex}.arcade-success-banner,.arcade-answer-ribbon{border:1px solid var(--gb);background:var(--glass);border-radius:20px;margin-top:16px;padding:14px 16px}.arcade-success-banner{color:var(--sage);font-size:12px;line-height:1.8}.arcade-quiz-card,.arcade-judge-card{border:1px solid var(--gb);background:radial-gradient(circle at top right, var(--cream-s), transparent 30%), linear-gradient(160deg, var(--glass), var(--modal-bg));border-radius:24px;margin-top:18px;padding:18px}.arcade-quiz-text{color:var(--app-heading-color);margin-top:10px;font-size:clamp(20px,3vw,28px);line-height:1.45}.arcade-option-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.arcade-option{border:1px solid var(--gb);min-height:96px;color:var(--app-heading-color);cursor:pointer;background:var(--glass);border-radius:22px;padding:14px;font-size:14px;line-height:1.7}.arcade-option-sage{background:linear-gradient(160deg, var(--sage-s), var(--glass))}.arcade-option-lav{background:linear-gradient(160deg, var(--lav-s), var(--glass))}.arcade-option-rose{background:linear-gradient(160deg, var(--rose-s), var(--glass))}.arcade-option-correct{border-color:var(--sage);background:var(--sage-s)}.arcade-option-wrong{border-color:var(--rose);background:var(--rose-s)}.arcade-option:disabled{cursor:default}.arcade-answer-ribbon{justify-content:space-between;align-items:center;gap:12px;display:flex}.arcade-answer-copy{color:var(--t1);font-size:13px;line-height:1.7}.arcade-judge-card{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.arcade-judge-block{background:var(--glass);border:1px solid var(--gb);border-radius:20px;padding:16px}.arcade-judge-block span{color:var(--t3);font-size:11px;display:block}.arcade-judge-block strong{color:var(--app-heading-color);margin-top:8px;font-size:16px;line-height:1.8;display:block}.arcade-judge-divider{color:var(--lav);font-size:18px;font-family:var(--fd)}.arcade-empty-stage,.arcade-finish-state{text-align:center}.arcade-empty-stage{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:420px;display:flex}.arcade-empty-planet,.arcade-finish-icon{border:1px solid var(--gb);background:var(--glass);min-width:84px;min-height:84px;color:var(--app-heading-color);font-family:var(--fd);border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:26px;animation:3.8s ease-in-out infinite arcadeFloat;display:inline-flex}.arcade-finish-state p{color:var(--t2);margin-top:10px;font-size:13px;line-height:1.8}@keyframes arcadeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes arcadeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes arcadeSpinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes arcadePulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.arcade-mascot-core,.arcade-mascot-ring-a,.arcade-mascot-ring-b,.arcade-combo-badge.is-live,.arcade-empty-planet,.arcade-finish-icon{animation:none}.arcade-memory-card-inner,.arcade-back-btn,.arcade-primary-btn,.arcade-ghost-btn,.arcade-deck-delete,.arcade-option,.arcade-mode-tile,.arcade-quest-node,.arcade-flashcard,.arcade-memory-card,.arcade-deck-main{transition-duration:.01ms}}@media (width<=1024px){.arcade-layout,.arcade-hero-main,.arcade-category-section,.arcade-game-head{grid-template-columns:1fr}.arcade-quest-map,.arcade-mode-rail,.arcade-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.arcade-page{padding:14px 12px 28px}.arcade-hero,.arcade-panel,.arcade-stage-hero,.arcade-empty-stage{border-radius:22px;padding:16px}.arcade-hero-top{grid-template-columns:1fr;justify-content:stretch}.arcade-hero-actions,.arcade-stage-actions,.arcade-button-row{grid-template-columns:1fr;grid-auto-flow:row}.arcade-quest-head{flex-direction:column;align-items:stretch}.arcade-quest-map:before{display:none}.arcade-quest-node,.arcade-quest-node:hover{min-height:128px;transform:none}.arcade-mode-rail,.arcade-mode-grid,.arcade-quest-map,.arcade-hero-stats,.arcade-mini-stats,.arcade-stage-stats,.arcade-toggle-grid,.arcade-option-grid,.arcade-judge-card{grid-template-columns:1fr}.arcade-answer-ribbon{flex-direction:column;align-items:stretch}.arcade-memory-grid{grid-template-columns:1fr 1fr!important}.arcade-memory-card,.arcade-memory-card-inner{min-height:118px}.arcade-flashcard{min-height:220px;padding:22px}}:root{--apple-black:#000;--apple-gray:#f5f5f7;--apple-ink:#1d1d1f;--apple-blue:#0071e3;--apple-link:#06c;--apple-link-dark:#2997ff;--apple-muted:#00000094;--apple-muted-dark:#ffffffad;--apple-border:#00000014;--apple-border-dark:#ffffff24;--apple-card-shadow:#0000002e 3px 5px 30px 0;--app-text-primary:#f5f5f7eb;--app-text-secondary:#f5f5f7a3;--app-text-muted:#f5f5f775;--app-heading-color:#f5f5f7;--app-text-soft:#f5f5f71f;--r:12px;--rs:11px;--fd:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--fb:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}html{background:var(--bg)}body{background:var(--bg);font-family:var(--fb);letter-spacing:-.374px}button,input,select,textarea{letter-spacing:-.224px}a{color:var(--lav)}:focus-visible{outline:2px solid var(--lav);outline-offset:3px}.bg-canvas,.orb{display:none}.shell{background:var(--bg)}.main-wrapper:not(.main-wrapper-immersive){background:var(--bg);min-height:100vh;color:var(--app-text-primary)}.main-wrapper-immersive{background:var(--bg);min-height:100vh}.content{width:100%;max-width:1180px;margin:0 auto;padding:clamp(20px,4vw,48px)}.gl,.card{border:1px solid var(--gb);background:var(--modal-bg);color:var(--t1);box-shadow:none;-webkit-backdrop-filter:none;border-radius:12px}.card{margin-bottom:14px;padding:clamp(18px,2.4vw,28px)}.card:hover,.xhs-card:hover,.book-card:hover,.lesson-card:hover{background:var(--modal-bg);border-color:var(--gb);box-shadow:var(--apple-card-shadow);transform:translateY(-1px)}.btn,.feedback-submit,.feedback-ghost-btn,.arcade-primary-btn,.arcade-ghost-btn,.arcade-back-btn,.immersive-hub-link{border-radius:980px;font-weight:500;transition:transform .18s,background .18s,color .18s,border-color .18s}.btn-lav,.btn-rose,.feedback-submit,.arcade-primary-btn,.ra-next{background:var(--lav)!important;color:#fff!important;border:1px solid #0000!important}.btn-ghost,.feedback-ghost-btn,.arcade-ghost-btn,.arcade-back-btn,.immersive-hub-link{color:var(--lav)!important;border:1px solid var(--lav)!important;background:0 0!important}.btn:hover,.feedback-submit:hover,.feedback-ghost-btn:hover,.arcade-primary-btn:hover,.arcade-ghost-btn:hover,.arcade-back-btn:hover,.immersive-hub-link:hover{filter:none;transform:translateY(-1px)}.bdg{border-radius:980px;background:var(--lav-s)!important;color:var(--lav)!important}.prog{background:var(--glass);border-radius:980px;height:6px}.prog-fill{background:linear-gradient(90deg, var(--lav), var(--sky))}.tabs{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;gap:4px;max-width:1180px;margin:0 auto;padding:8px clamp(20px,4vw,48px)}.tab-btn{color:var(--t2);font-size:calc(14px * var(--text-scale));border:0;border-radius:980px;padding:10px 16px}.tab-btn.active{color:#fff;background:var(--lav);border-bottom-color:#0000}.sec-tabs{gap:8px}.sec-tab{border-color:var(--gb);background:var(--modal-bg);color:var(--t2);border-radius:980px}.sec-tab.active{background:var(--lav-s);color:var(--lav);border-color:#0000}.sidebar{background:var(--modal-bg);border-right:1px solid var(--gb);width:292px;min-width:292px;color:var(--t1);-webkit-backdrop-filter:saturate(180%)blur(20px)}.sidebar-logo{border-bottom-color:#ffffff1f!important}.sidebar-brand-mark,.sidebar-sync-mark,.sidebar-btn-icon,.nav-mark,.profile-action-mark,.profile-avatar-mark,.profile-loading-mark,.course-detail-mark,.course-detail-video-mark,.course-list-mark,.auth-brand-mark,.community-avatar-mark,.xhs-cover-mark,.xhs-author-mark,.ai-mode-mark,.ai-message-mark,.checkin-streak-mark{color:currentColor;background:#ffffff14;border-color:#ffffff24;border-radius:8px}.sidebar-logo-title{font-family:var(--fd);color:var(--cream);letter-spacing:-.04em;font-weight:600}.sidebar-logo-sub,.sidebar-user-meta{color:var(--t2);font-family:var(--fb);font-style:normal}.sidebar-section-label{color:var(--t3)}.sidebar-btn{color:var(--t2);border-radius:980px}.sidebar-btn:hover{background:var(--glass);color:var(--t1)}.sidebar-btn.active{background:var(--lav-s);color:var(--lav)}.sidebar-sync{background:var(--glass);color:var(--t2)}.sidebar-streak-orb,.nav-center-icon{background:var(--lav);color:#fff;box-shadow:none}.bottom-nav{background:var(--modal-bg);border-top:1px solid var(--gb);-webkit-backdrop-filter:saturate(180%)blur(20px)}.nav-item{color:var(--t2)}.nav-item.active{color:var(--lav)}.profile-panel{background:var(--modal-bg);color:var(--t1);border-left:1px solid var(--gb)}.profile-overlay{background:#00000047}.home-page{--t1:#fffffff5;--t2:#ffffffad;--t3:#ffffff7a;--cream:#f5f5f7;--lav:#2997ff;background:var(--apple-black);color:#fff;min-height:100vh}.home-hero{min-height:100svh;padding:0}.home-nav{z-index:30;-webkit-backdrop-filter:saturate(180%)blur(20px);background:#000000d1;min-height:48px;padding:0 clamp(18px,4vw,44px);position:sticky;top:0}.home-brand-copy strong{font-family:var(--fd);letter-spacing:-.04em;font-size:clamp(18px,2vw,24px);font-weight:600}.home-brand-copy small{color:#ffffff9e;font-size:11px;font-style:normal}.home-brand-flag{color:#000;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:inline-flex}.home-nav-cta{background:var(--apple-blue);color:#fff;min-width:0;padding:8px 15px;font-size:13px;font-weight:400}.home-poster{align-items:center;min-height:calc(100svh - 48px);margin:0;padding:clamp(56px,8vw,104px) clamp(20px,5vw,72px);display:flex}.home-poster-glow,.home-poster-ring{display:none}.home-copy-block{width:100%;max-width:1180px}.home-kicker{color:#ffffffa3;letter-spacing:-.02em;text-transform:none;background:0 0;border:0;font-size:clamp(13px,1.5vw,19px)}.home-product-kicker{color:#f5f5f7;padding:0;font-size:clamp(18px,2vw,26px)}.home-title,.home-final-title{font-family:var(--fd);letter-spacing:-.055em;font-weight:600;animation:none!important}.home-title{margin-top:clamp(18px,3vw,34px);font-size:clamp(54px,9vw,118px);line-height:.94}.home-title-accent{color:#f5f5f7;background:0 0}.home-lead{color:#ffffffb8;max-width:720px;margin-top:clamp(18px,2vw,28px);font-size:clamp(22px,3vw,36px);line-height:1.18}.home-feature-strip{gap:14px;max-width:1180px;padding-top:clamp(42px,7vw,84px)}.home-feature-panel{color:#f5f5f7;border:0;border-radius:18px;min-height:230px;padding:clamp(28px,4vw,48px);background:#1d1d1f!important}.home-feature-panel:nth-child(odd){color:#1d1d1f;background:#f5f5f7!important}.home-feature-panel:after{display:none}.home-feature-meta{color:currentColor;opacity:.46;font-size:12px}.home-feature-panel h2{font-family:var(--fd);color:currentColor;letter-spacing:-.055em;margin-top:auto;font-size:clamp(42px,5.4vw,74px);font-weight:600;animation:none!important}.home-advantage-stack{max-width:980px;margin-top:clamp(54px,8vw,96px)}.home-advantage-line{border-top-color:#ffffff29;padding:clamp(24px,4vw,42px) 0}.home-advantage-title{font-family:var(--fd);color:#f5f5f7;font-size:clamp(36px,4.4vw,64px);font-weight:600;animation:none!important}.home-advantage-copy{color:#ffffffa3;font-size:clamp(17px,2vw,24px);line-height:1.35;animation:none!important}.home-mistake-flow{background:var(--apple-gray);max-width:1180px;color:var(--apple-ink);border:0;border-radius:18px;margin-top:clamp(54px,8vw,96px);padding:clamp(44px,7vw,78px)}.home-flow-title{font-family:var(--fd);color:var(--apple-ink);font-size:clamp(42px,5.8vw,82px);font-weight:600;animation:none!important}.home-flow-track:before{background:linear-gradient(90deg,#0000,#00000038,#0000)}.home-flow-segment:after{color:#0000006b}.home-flow-step-index{color:#0000007a;background:#fff;border-color:#0000001a}.home-flow-step h3{font-family:var(--fd);color:var(--apple-ink);font-weight:600;animation:none!important}.home-final{background:var(--apple-gray);min-height:74svh;color:var(--apple-ink);align-items:center}.home-final:before{display:none}.home-final-kicker{color:#1d1d1f8a;animation:none!important}.home-final-title,.home-final-title .home-title-accent{color:var(--apple-ink)}.home-brand-copy strong,.home-brand-copy small,.home-kicker,.home-lead,.home-feature-meta,.home-nav-cta{animation:none!important}.cafe-guide-fold{border:1px solid var(--gb);background:var(--modal-bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:18px;max-width:1180px;margin:clamp(18px,3vw,36px) auto 12px}.cafe-guide-toggle{padding:22px clamp(20px,3vw,34px)}.cafe-guide-toggle-title,.cafe-article-title,.banner h2{font-family:var(--fd);color:var(--app-heading-color);letter-spacing:-.04em;font-weight:600}.cafe-guide-toggle-meta,.cafe-guide-fold-item p,.cafe-guide-fold-note{color:var(--app-text-secondary)}.cafe-guide-fold-note{border:1px solid var(--gb);background:var(--glass)}.xhs-grid{column-gap:18px;max-width:1180px;margin:0 auto;padding:20px clamp(20px,4vw,48px) 48px}.xhs-card{border:1px solid var(--gb);background:var(--modal-bg);box-shadow:none;border-radius:18px}.xhs-cover{background:var(--glass)!important}.xhs-cover-mark{background:var(--lav);color:#fff;width:76px;height:76px;font-family:var(--fd);border:0}.xhs-title{color:var(--app-heading-color);font-family:var(--fd);letter-spacing:-.03em;font-size:clamp(19px,2vw,27px);font-weight:600}.xhs-title-fr,.lesson-sub,.book-sub,.cafe-article-title-fr{color:var(--lav);font-family:var(--fb);font-style:normal}.xhs-desc,.xhs-foot,.xhs-tag,.cafe-article-intro p,.cafe-article-translation,.cafe-related-card p{color:var(--app-text-secondary)}.xhs-tag{border:1px solid var(--gb);background:var(--glass)}.xhs-open-link,.xhs-like-btn{color:var(--lav)}.cafe-article-page,.ra-wrap{--t1:var(--app-text-primary);--t2:var(--app-text-secondary);--t3:var(--app-text-muted);--cream:var(--app-heading-color);background:var(--bg);color:var(--app-text-primary)}.cafe-article-page{max-width:980px;margin:0 auto;padding:clamp(24px,5vw,64px) clamp(18px,4vw,40px)}.cafe-article-hero,.cafe-article-intro,.cafe-article-block,.cafe-article-actions,.cafe-related-card{border:1px solid var(--gb);background:var(--modal-bg);border-radius:18px}.immersive-hub-bar,.ra-head{border-bottom:1px solid var(--gb);background:var(--modal-bg);min-height:48px;color:var(--app-text-primary);-webkit-backdrop-filter:saturate(180%)blur(20px)}.immersive-hub-title,.ra-head-meta{color:var(--app-heading-color);font-weight:600}.immersive-hub-sub,.back-btn{color:var(--app-text-secondary)}.shelf{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.book-card{border-radius:18px;min-height:260px}.book-icon{font-family:var(--fd);font-size:clamp(52px,6vw,76px);font-weight:600}.book-title,.lesson-title{font-family:var(--fd);color:var(--app-heading-color);letter-spacing:-.03em;font-weight:600}.book-title{font-size:clamp(25px,3vw,38px)}.lesson-card{background:var(--modal-bg);border-radius:14px}.lesson-num{border-radius:50%;background:var(--glass)!important;color:var(--app-heading-color)!important}.ra-sentence{border:1px solid var(--gb);background:var(--modal-bg);border-radius:18px;max-width:1180px;margin:clamp(16px,3vw,34px) auto!important}.ra-sentence:before{display:none}.ra-label{color:var(--app-text-muted)}.ra-fr,.pr-word{font-family:var(--fd);color:var(--app-heading-color);letter-spacing:0}.ra-fr{word-spacing:.2em;overflow-wrap:break-word;line-height:1.55}.ra-sentence{padding:clamp(32px,5vw,64px) clamp(28px,6vw,72px)!important}.ra-phonetic{color:var(--lav);font-style:normal}.ra-note,.ra-score,.pr-detail,.ra-feedback{background:var(--glass)!important;border:1px solid var(--gb)!important}.ra-ctrl{min-height:70px;box-shadow:none;border-radius:18px}.ra-play,.ra-mic{color:#fff!important}.ra-play{background:var(--lav)!important}.ra-mic{background:var(--rose)!important}.ra-slow,.ra-prev{background:var(--glass)!important;color:var(--app-text-primary)!important;border:1px solid var(--gb)!important}.ra-dot-on{background:var(--lav);box-shadow:none}.arcade-page{--t1:var(--app-text-primary);--t2:var(--app-text-secondary);--t3:var(--app-text-muted);--cream:var(--app-heading-color);background:var(--bg);color:var(--app-text-primary)}.arcade-page:before,.arcade-page:after,.arcade-mascot-ring{display:none}.arcade-hero,.arcade-panel,.arcade-stage-hero,.arcade-empty-stage,.arcade-category-section,.arcade-hero-panel,.arcade-flashcard,.arcade-quiz-card,.arcade-judge-card{border:1px solid var(--gb);background:var(--modal-bg);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:18px}.arcade-hero-copy h1,.arcade-quest-head h2,.arcade-category-section h2,.arcade-flashcard-text{font-family:var(--fd);letter-spacing:-.05em;color:var(--app-heading-color);font-weight:600}.arcade-hero-kicker,.arcade-quiz-kicker,.arcade-metric-label,.arcade-panel-sub,.arcade-rail-stop small,.arcade-mode-sub,.arcade-memory-chip,.arcade-memory-helper{color:var(--app-text-secondary)}.arcade-mode-tile,.arcade-quest-node,.arcade-metric,.arcade-toggle-grid label,.arcade-preview-item,.arcade-deck-main,.arcade-memory-face,.arcade-option,.arcade-judge-block,.arcade-success-banner,.arcade-answer-ribbon{border:1px solid var(--gb);background:var(--glass)}.arcade-mode-tile.is-active,.arcade-deck-tile.is-active .arcade-deck-main,.arcade-quest-node.is-active{background:var(--lav-s);box-shadow:none}.arcade-quest-map:before,.arcade-hero-progress-fill,.arcade-goal-fill{background:linear-gradient(90deg, var(--lav), var(--sky))}.arcade-quest-orb,.arcade-mascot-core,.arcade-empty-planet,.arcade-finish-icon{background:var(--lav);color:#fff;box-shadow:none}.arcade-input,.arcade-textarea,.arcade-toggle-grid select,.feedback-field input,.feedback-field select,.feedback-field textarea{border:1px solid var(--gb);background:var(--modal-bg);color:var(--app-text-primary);border-radius:12px}.arcade-page .arcade-input,.arcade-page .arcade-textarea,.arcade-page .arcade-toggle-grid select{border-color:var(--gb);background:var(--glass);color:var(--app-text-primary)}.feedback-page{max-width:980px}.feedback-hero{background:linear-gradient(135deg, var(--lav), var(--rose));color:#fff;border-radius:18px}.feedback-hero h1{font-family:var(--fd);letter-spacing:-.05em;color:#fff;font-size:clamp(44px,7vw,76px);font-weight:600}.feedback-kicker,.feedback-form-head p{color:var(--t2)}.feedback-hero .feedback-kicker{color:#ffffff8f}.feedback-hero p:not(.feedback-kicker){color:#ffffffad}.feedback-form{border-radius:18px}.feedback-form-head h2{color:var(--app-heading-color)}.feedback-label{color:var(--t2)}.theme-studio-panel,.theme-studio-theme-card,.theme-studio-preview-card{background:#ffffff14;border:0;border-radius:14px}.theme-studio-theme-card.is-active{background:#0071e329}.mode-toggle{background:var(--glass);border:0;border-radius:980px;padding:3px}.mode-btn{border-radius:980px}.mode-btn.active{background:var(--modal-bg);color:var(--app-heading-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#0000002e;border-radius:980px}@media (width>=768px){.home-feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.xhs-grid{column-count:3}}@media (width<=767px){.content{padding:18px 16px 104px}.home-poster{align-items:flex-start;padding:44px 18px 56px}.home-copy-block{text-align:left;align-items:flex-start}.home-kicker,.home-lead{margin-left:0;margin-right:0}.home-title{font-size:clamp(46px,17vw,76px)}.home-feature-panel{min-height:168px}.home-mistake-flow{padding:28px 20px}.home-flow-track:before{background:linear-gradient(#0000,#00000038,#0000)}.tabs{padding-inline:14px}.xhs-grid{padding-inline:16px}}.auth-page,.book-page,.lesson-list-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page,.status-page{color:var(--app-text-primary)}:where(.auth-page,.book-page,.lesson-list-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page,.status-page) h1,:where(.auth-page,.book-page,.lesson-list-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page,.status-page) h2,:where(.auth-page,.book-page,.lesson-list-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page,.status-page) h3{font-family:var(--fd)!important;color:var(--app-heading-color)!important;letter-spacing:-.045em!important;font-weight:600!important}:where(.book-page,.lesson-list-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page) .card{background:var(--modal-bg)!important;border-color:var(--gb)!important;border-radius:18px!important}:where(.book-page,.lesson-list-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page) .card[style*=borderLeft],:where(.book-page,.lesson-list-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page) .card[style*=border-left]{border-left-width:0!important}:where(.book-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page) .card div[style*="font-size: 10"],:where(.book-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page) .card span[style*="font-size: 10"],:where(.book-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page) .card p[style*="font-size: 10"]{font-size:12px!important}:where(.book-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page) .card div[style*="font-size: 11"],:where(.book-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page) .card span[style*="font-size: 11"],:where(.book-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page) .card p[style*="font-size: 11"]{font-size:13px!important}:where(.book-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page) .card div[style*="font-size: 12"],:where(.book-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page) .card span[style*="font-size: 12"],:where(.book-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page) .card p[style*="font-size: 12"]{font-size:14px!important}:where(.book-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page) .card div[style*="font-size: 13"],:where(.book-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page) .card span[style*="font-size: 13"],:where(.book-page,.course-page,.course-detail-page,.community-page,.mistake-page,.my-page) .card p[style*="font-size: 13"]{font-size:15px!important}.auth-page{align-items:center;min-height:calc(100vh - 56px)!important}.auth-page>div{max-width:460px!important}.auth-page .auth-brand-mark{background:var(--lav);color:#fff;border-radius:14px;width:58px;height:58px;margin:0 auto}.auth-page h1{font-size:clamp(32px,4vw,46px)!important}.auth-page p,.auth-page label{font-style:normal!important}.auth-card{border-radius:22px!important;padding:clamp(24px,4vw,34px)!important}.auth-page input,.auth-page select,.auth-page textarea,.auth-page div[style*="border: 1px solid var(--gb)"]{border-color:var(--gb)!important;background:var(--modal-bg)!important;color:var(--app-text-primary)!important}.auth-page button:not(.btn){border-radius:980px!important}.ai-tutor-page{background:var(--modal-bg);border:1px solid var(--gb);width:min(1120px,100% - 48px);color:var(--app-text-primary);border-radius:24px;margin:clamp(20px,4vw,42px) auto;overflow:hidden;height:calc(100vh - 92px)!important;min-height:620px!important}.ai-mode-strip{border-bottom:1px solid var(--gb)!important;background:var(--glass)!important;gap:8px!important;padding:14px 16px!important}.ai-mode-strip button{min-width:104px;color:var(--app-text-secondary)!important;background:0 0!important;border-radius:980px!important;font-size:13px!important}.ai-mode-strip button[style*="var(--lav-s)"]{background:var(--lav-s)!important;color:var(--lav)!important}.ai-message-list{background:0 0;gap:18px!important;padding:clamp(18px,3vw,32px)!important}.ai-message-bubble{border:0!important;border-radius:20px!important;max-width:min(760px,86%)!important;padding:15px 18px!important;font-size:16px!important;line-height:1.72!important}.ai-message-bubble-tutor{background:var(--glass)!important;color:var(--app-text-primary)!important}.ai-message-bubble-user{background:var(--lav)!important;color:#fff!important}.ai-quick-prompts{background:0 0;gap:8px!important;padding:12px 18px!important}.ai-quick-prompts button{border:1px solid var(--gb)!important;background:var(--glass)!important;color:var(--lav)!important;border-radius:980px!important;padding:8px 14px!important;font-size:13px!important}.ai-input-bar{border-top:1px solid var(--gb)!important;background:var(--glass)!important;padding:14px 18px!important}.ai-input-bar input{min-height:46px;border:1px solid var(--gb)!important;background:var(--modal-bg)!important;color:var(--app-text-primary)!important;border-radius:980px!important;font-size:16px!important}.my-page{max-width:980px!important}.my-hero-card{background:var(--modal-bg)!important;border:1px solid var(--gb)!important;box-shadow:none!important;border-radius:28px!important}.my-hero-card h1,.my-hero-card div,.my-hero-card span{font-family:var(--fb)}.my-hero-card h1{color:var(--app-heading-color)!important;font-family:var(--fd)!important;letter-spacing:-.05em!important;font-size:clamp(34px,5vw,58px)!important}.my-hero-card [style*=linear-gradient],.my-page [style*=linear-gradient\(90deg]{background:var(--lav)!important}.my-hero-card button{background:var(--lav)!important;color:#fff!important;border:0!important;border-radius:980px!important}.my-page .card strong,.my-page .card [style*="var(--cream)"]{color:var(--app-heading-color)!important}.course-page,.course-detail-page{max-width:1050px}.course-page>div:first-child h3,.book-page>div:first-child h3,.community-page>div:first-child h3{margin-bottom:8px;font-size:clamp(28px,4vw,46px)!important}.course-page .card,.course-detail-page .card{padding:clamp(18px,2.8vw,30px)!important}.course-page .course-list-mark,.course-detail-page .course-detail-mark,.course-detail-page .course-detail-video-mark{background:var(--lav);color:#fff;border:0}.course-page .card .btn,.course-detail-page .card .btn{width:auto;min-height:38px}.course-detail-page>.card:first-child{padding:clamp(34px,5vw,58px) clamp(22px,4vw,42px)!important}.course-detail-page>.card:first-child h3{font-size:clamp(32px,4vw,54px)!important}.book-page,.lesson-list-page{max-width:1180px}.book-page .shelf{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.book-page .book-card{flex-direction:column;justify-content:center;min-height:310px;display:flex}.book-page .book-spine{display:none}.lesson-list-page .lesson-card{padding:clamp(18px,2.6vw,28px)!important}.lesson-list-page .lesson-title{font-size:clamp(18px,2vw,25px)!important}.chapter-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.chapter-card{cursor:pointer;flex-direction:column;justify-content:space-between;gap:12px;min-height:220px;transition:transform .24s,background .24s,border-color .24s;display:flex}.chapter-card:hover{background:var(--gh);transform:translateY(-3px)}.chapter-card-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.chapter-card-mark{background:var(--glass);border:1px solid var(--gb);min-width:52px;min-height:36px;font-family:var(--fd);letter-spacing:.08em;color:var(--t1);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.chapter-card-count{color:var(--t2);font-size:12px;font-family:var(--fd)}.chapter-card-title{font-size:clamp(20px,2.1vw,28px);font-weight:700;line-height:1.2}.chapter-card-subtitle{color:var(--t2);font-size:14px;line-height:1.5}.chapter-card-meta{color:var(--lav);font-size:13px;font-family:var(--fd)}.chapter-lesson-stack{flex-direction:column;gap:10px;display:flex}.textbook-level-group{flex-direction:column;gap:14px;display:flex}.textbook-level-heading{border-bottom:1px solid var(--gb);justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:10px;display:flex}.textbook-level-kicker{color:var(--t2);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-family:var(--fd)}.textbook-level-title{font-size:clamp(32px,5vw,54px);font-weight:700;line-height:1}.textbook-level-summary{color:var(--t2);font-size:14px;font-family:var(--fd)}@media (width<=720px){.textbook-level-heading{flex-direction:column;align-items:flex-start}.chapter-grid{grid-template-columns:1fr}}.mistake-page{max-width:960px}.mistake-page .card{padding:clamp(18px,2.6vw,26px)!important}.community-page{max-width:980px}.community-page .card{padding:clamp(18px,2.6vw,26px)!important}.community-page .community-avatar-mark{background:var(--lav);color:#fff;border:0}.status-page{flex-direction:column;justify-content:center;max-width:720px;min-height:72vh;display:flex}.status-page>div:first-child{color:var(--lav)!important}.status-page .btn{min-height:44px}@media (width<=767px){.ai-tutor-page{border-radius:20px;width:calc(100% - 28px);margin:14px auto 96px;height:calc(100svh - 118px)!important;min-height:560px!important}.ai-mode-strip button{min-width:88px;font-size:12px!important}.ai-message-bubble{max-width:92%!important;font-size:15px!important}.my-page{padding-inline:16px!important}.my-page [style*=gridTemplateColumns],.my-page [style*=grid-template-columns],.course-page [style*=gridTemplateColumns],.course-page [style*=grid-template-columns]{grid-template-columns:1fr!important}}.main-wrapper:not(.main-wrapper-immersive),.theme-studio,.feedback-page,.ai-tutor-page,.my-page,.course-page,.course-detail-page,.book-page,.lesson-list-page,.mistake-page,.community-page,.status-page{--t1:var(--app-text-primary);--t2:var(--app-text-secondary);--t3:var(--app-text-muted);--cream:var(--app-heading-color);color:var(--app-text-primary)}.main-wrapper:not(.main-wrapper-immersive) h1,.main-wrapper:not(.main-wrapper-immersive) h2,.main-wrapper:not(.main-wrapper-immersive) h3,.main-wrapper:not(.main-wrapper-immersive) h4,.main-wrapper:not(.main-wrapper-immersive) h5,.main-wrapper:not(.main-wrapper-immersive) h6,.main-wrapper:not(.main-wrapper-immersive) .lesson-title,.main-wrapper:not(.main-wrapper-immersive) .feedback-form-head h2,.main-wrapper:not(.main-wrapper-immersive) .theme-studio-section-head strong{color:var(--app-heading-color)}.main-wrapper:not(.main-wrapper-immersive) p,.main-wrapper:not(.main-wrapper-immersive) small,.main-wrapper:not(.main-wrapper-immersive) label,.main-wrapper:not(.main-wrapper-immersive) li,.main-wrapper:not(.main-wrapper-immersive) .feedback-label,.main-wrapper:not(.main-wrapper-immersive) .feedback-kicker,.main-wrapper:not(.main-wrapper-immersive) .theme-studio-note,.main-wrapper:not(.main-wrapper-immersive) .theme-studio-section-head span,.main-wrapper:not(.main-wrapper-immersive) .theme-studio-preview-card p{color:var(--app-text-secondary)}.main-wrapper:not(.main-wrapper-immersive) .card,.main-wrapper:not(.main-wrapper-immersive) .gl,.main-wrapper:not(.main-wrapper-immersive) .feedback-field input,.main-wrapper:not(.main-wrapper-immersive) .feedback-field select,.main-wrapper:not(.main-wrapper-immersive) .feedback-field textarea,.main-wrapper:not(.main-wrapper-immersive) .ai-tutor-page,.main-wrapper:not(.main-wrapper-immersive) .ai-input-bar input{color:var(--app-text-primary)}