: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:hover{background:var(--glass);color:var(--t1)}.sidebar-btn.active{background:var(--lav-s);color:var(--lav)}.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.active{background:var(--lav-s);color:var(--lav);border-color:#b8a9c94d}.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;color:var(--t1);margin-bottom:18px;font-size:clamp(30px,3.3vw,46px);font-weight:700;line-height:1.45}.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:6px;margin:2px;padding:3px 6px;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-on{background:var(--lav);box-shadow:0 0 6px #b8a9c966}.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-item.active{color:var(--t1)}.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}.mode-btn.active{background:var(--lav-s);color:var(--lav)}.home-page{color:#f6f6f4;background:radial-gradient(circle at 18% 16%,#00beff29,#0000 20%),radial-gradient(circle at 86% 24%,#ffc3781f,#0000 22%),radial-gradient(circle at 50% 86%,#a978ff1f,#0000 28%),linear-gradient(#05070b 0%,#090b10 44%,#040507 100%);min-height:100vh;overflow:clip}.home-hero,.home-rhythm,.home-feature-strip,.home-final{z-index:1;position:relative}.home-hero{min-height:100svh;padding:20px 18px 40px}.home-nav{justify-content:space-between;align-items:center;gap:14px;display:flex}.home-brand{color:#f6f6f4;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:#f6f6f49e;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:7.2s ease-in-out infinite homeTextBreath}.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:#06080d;background:linear-gradient(135deg,#f6f3eb,#a5e7ff)}.home-cta-secondary{color:#f6f6f4;background:#ffffff0a;border:1px solid #ffffff24}.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{filter:blur(48px);opacity:.92;border-radius:50%}.home-poster-glow-primary{background:radial-gradient(circle,#5bd0ff42,#0000 62%);width:min(54vw,560px);height:min(54vw,560px);top:8%;right:-4%}.home-poster-glow-secondary{background:radial-gradient(circle,#ffc98c2e,#0000 64%);width:min(36vw,320px);height:min(36vw,320px);bottom:2%;left:8%}.home-poster-ring{aspect-ratio:1;opacity:.56;border:1px solid #ffffff1a;border-radius:50%;width:min(44vw,480px);top:14%;right:8%;box-shadow:inset 0 0 0 1px #ffffff05}.home-poster-ring:before,.home-poster-ring:after{content:"";border:1px solid #ffffff0f;border-radius:50%;position:absolute;inset:12%}.home-poster-ring:after{border-color:#ffffff0a;inset:24%}.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:#f6f6f4bd;font-size:calc(11px * var(--text-scale));letter-spacing:.1em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1a;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:#f7f4ef;margin-top:24px;font-size:clamp(40px,7.3vw,104px);line-height:.98;animation:6.4s ease-in-out infinite homeBreath}.home-title-line{white-space:nowrap;display:block}.home-title-accent{background:linear-gradient(135deg,#f7f4ef 0%,#a0e6ff 52%,#ffd49b 100%);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.home-lead{max-width:20ch;font-size:calc(24px * var(--text-scale));color:#f6f6f4b8;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 #ffffff14;padding:18px 0 20px}.home-advantage-title{max-width:none;font-family:var(--fd);letter-spacing:-.04em;color:#faf7f1;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:#f6f6f49e;white-space:nowrap;margin-top:8px;margin-left:auto;margin-right:auto;line-height:1.7}.home-mistake-flow{border-top:1px solid #ffffff14;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:#fbfaf7;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:#f6f6f4a8;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%,#ffffff38 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:#f6f6f485;text-shadow:0 0 18px #a0e6ff1f;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:#f6f6f480;letter-spacing:.16em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1f;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:#faf7f1;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{background:linear-gradient(160deg, var(--feature-tint), #ffffff05 58%), #ffffff08;color:#f6f6f4;text-align:left;cursor:default;border:1px solid #ffffff1a;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:after{content:"";background:radial-gradient(circle, var(--feature-accent), transparent 62%);opacity:.2;filter:blur(28px);border-radius:50%;width:280px;height:280px;position:absolute;inset:auto -10% -48% auto}.home-feature-meta{color:#f6f6f485;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:#fbfaf7;white-space:nowrap;margin-top:26px;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:before{content:"";filter:blur(42px);pointer-events:none;background:radial-gradient(circle,#bca4ff24,#0000 66%);border-radius:50%;width:min(54vw,560px);height:min(54vw,560px);position:absolute;inset:auto auto 8% 50%;transform:translate(-50%)}.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:#fbfaf7;margin-top:20px;font-size:clamp(34px,6.2vw,88px);line-height:1.06;animation:6.4s ease-in-out infinite homeBreath}.home-final-title .home-title-line{white-space:nowrap}@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);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:radial-gradient(circle at 100% 0,#a0c4e814,#0000 32%),linear-gradient(145deg,#ffffff0b,#ffffff05);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 #ffffff14;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{color:var(--t2);font-size:calc(14px * var(--text-scale));text-align:center;background:#ffffff09;border:1px solid #ffffff14;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);color:var(--cream);font-size:calc(12px * var(--text-scale));cursor:pointer;background:#ffffff0a;border-radius:999px;padding:10px 14px}.cafe-guide-fold-actions button:hover{background:#b8a9c91f;border-color:#b8a9c961}.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%,#ffffff38 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{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e8b4b833;border-radius:10px}[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{border-color:var(--gb);background:#ffffffb3;box-shadow:0 1px 4px #0000000a}[data-theme=light] .xhs-card:hover{background:#ffffffe6}[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{border-color:var(--gb);color:var(--t2);background:#0000000a}[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 100% 0,#6b5b8d1a,#0000 32%),linear-gradient(145deg,#ffffffd1,#ffffffad)}[data-theme=light] .cafe-guide-fold-item{border-top-color:#00000014}[data-theme=light] .cafe-guide-fold-actions button{color:var(--t1);background:#00000008}[data-theme=light] .cafe-guide-fold-note{background:#00000008;border-color:#00000014}[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{border-bottom-color:var(--gb);background:#ffffffe0}[data-theme=light] .immersive-hub-link{border-color:var(--gb);color:var(--t1);background:#ffffffb8}[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:#ffffff08;border-radius:18px;flex-direction:column;gap:14px;margin-top:8px;padding:14px;animation:.25s fu;display:flex}.theme-studio-note{font-size:calc(12px * var(--text-scale));color:var(--t3);background:#ffffff0a;border:1px solid #ffffff0f;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,.theme-studio-background-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.theme-studio-theme-card,.theme-studio-background-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,.theme-studio-background-card.is-active{background:var(--lav-s);border-color:#b8a9c947}.theme-studio-theme-swatch,.theme-studio-background-preview{border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;width:28px;height:28px}.theme-studio-theme-copy,.theme-studio-background-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.theme-studio-theme-copy div,.theme-studio-background-copy strong{font-size:calc(12px * var(--text-scale));line-height:1.3}.theme-studio-theme-copy small,.theme-studio-background-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 #ffffff14}.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 #ffffff14,0 0 0 4px #b8a9c947}.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 100% 0,#ffffff1a,#0000 28%),linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;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 #ffffff1a;border-radius:999px;padding:4px 8px}.theme-studio-preview-badge{color:var(--lav);background:#b8a9c91f}.theme-studio-preview-chip{color:var(--t3);background:#ffffff0a}.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);color:var(--t2);cursor:pointer;font-size:calc(12px * var(--text-scale));font-family:var(--fb);background:#ffffff0a;border-radius:999px;padding:9px 13px}@media (width<=767px){.theme-studio-theme-grid,.theme-studio-background-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);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f0e17b8;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);color:var(--t1);cursor:pointer;font-size:12px;font-family:var(--fb);background:#ffffff0a;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,#b8a9c938,#0000 70%);width:320px;height:320px;top:-60px;right:-60px}.arcade-page:after{background:radial-gradient(circle,#a0c4e829,#0000 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{background:radial-gradient(circle at 100% 0,#f5ead62e,#0000 28%),radial-gradient(circle at 18% 12%,#b8a9c938,#0000 24%),linear-gradient(160deg,#100e1cf5,#1f172beb 60%,#131d2be6);border:1px solid #ffffff14;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{color:var(--t1);background:#ffffff0d;justify-content:center;align-items:center;padding:10px 16px;text-decoration:none;display:inline-flex}.arcade-primary-btn{color:#16121c;background:linear-gradient(135deg,#ffe7b5,#c9f3d1 88%);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-offset:3px;outline:2px solid #ffe7b5b8}.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{white-space:nowrap;color:var(--cream);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:7px 12px;font-size:11px}.arcade-hero-panel{background:linear-gradient(#ffffff0d,#ffffff05);border:1px solid #ffffff14;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(--cream);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:"";pointer-events:none;background:linear-gradient(90deg,#ffe7b533,#b8a9c95c,#a8c5a038);border-radius:999px;height:3px;position:absolute;top:42px;left:8%;right:8%}.arcade-quest-node{transform:translateY(var(--node-offset));min-height:150px;color:var(--t1);cursor:pointer;text-align:center;background:radial-gradient(circle at 50% 22%,#ffffff24,#0000 38%),linear-gradient(#ffffff0f,#ffffff06);border:1px solid #ffffff1a;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:#ffe7b557;box-shadow:0 20px 42px #ffe7b51a}.arcade-quest-lav .arcade-quest-orb{background:linear-gradient(145deg,#b8a9c9f2,#f5ead6b8)}.arcade-quest-sky .arcade-quest-orb{background:linear-gradient(145deg,#a0c4e8f2,#f5ead6b8)}.arcade-quest-sage .arcade-quest-orb{background:linear-gradient(145deg,#a8c5a0f2,#f5ead6b8)}.arcade-quest-index{color:var(--t3);letter-spacing:.14em;font-size:11px;font-weight:800;display:block}.arcade-quest-orb{letter-spacing:.02em;color:#18121d;background:linear-gradient(145deg,#ffe7b5eb,#b8a9c9c7);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(--cream);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{color:#1b1420;background:linear-gradient(145deg,#ffe7b5f5,#b8a9c9e6);border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;font-size:42px;animation:3.8s ease-in-out infinite arcadeFloat;display:flex;position:absolute;inset:20px;box-shadow:0 18px 40px #b8a9c93d}.arcade-mascot-ring{border:1px solid #ffffff1f;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{background:#ffffff0a;border:1px solid #ffffff14;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:#ffffff0f;border-radius:999px;height:10px;margin-top:8px;overflow:hidden}.arcade-hero-progress-fill,.arcade-goal-fill{background:linear-gradient(90deg, var(--lav), #f6d7a0 80%);border-radius:999px;height:100%}.arcade-goal-fill.is-done{background:linear-gradient(90deg, var(--sage), #b8f0c8)}.arcade-mode-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.arcade-category-section{background:radial-gradient(circle at 100% 0,#a0c4e814,#0000 32%),linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff14;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{background:#ffffff08;border:1px solid #ffffff14;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(#b8a9c924,#ffffff0a);border-color:#b8a9c93d}.arcade-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:16px;margin-top:18px}.arcade-panel,.arcade-stage-hero,.arcade-empty-stage{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff0b,#ffffff05);border:1px solid #ffffff14;border-radius:26px;padding:18px;box-shadow:0 14px 32px #0000001f}.arcade-panel-title{color:var(--cream);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:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:8px;padding:12px 14px;font-size:12px;display:flex}.arcade-toggle-grid select,.arcade-input,.arcade-textarea{width:100%;color:var(--t1);background:#ffffff0a;border:1px solid #ffffff14}.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:#ffffff08;border:1px solid #ffffff0f;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(--cream);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{color:var(--t1);text-align:left;background:#ffffff08;border:1px solid #ffffff12;padding:14px}.arcade-deck-tile.is-active .arcade-deck-main{background:#b8a9c91f;border-color:#b8a9c942}.arcade-deck-title{font-size:13px;font-weight:700}.arcade-deck-meta{color:var(--t3);margin-top:5px;font-size:11px}.arcade-deck-delete{color:#e86464;background:#e8646414;border:1px solid #e864642e;padding:0 14px}.arcade-inline-error{color:#ff9a9a;background:#e8646414;border:1px solid #e8646429;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,#ffe7b533,#b8a9c93d);border-color:#f5ead633;animation:1s ease-in-out infinite arcadePulse}.arcade-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.arcade-mode-tile{color:var(--t1);cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;align-items:flex-start;gap:10px;padding:14px;display:flex}.arcade-mode-tile.is-active{border-color:#f5ead61f;transform:translateY(-1px)}.arcade-mode-lav.is-active{background:#b8a9c91f}.arcade-mode-sky.is-active{background:#a0c4e81f}.arcade-mode-sage.is-active{background:#a8c5a01f}.arcade-mode-cream.is-active{background:#f5ead61f}.arcade-mode-icon{width:36px;height:36px;color:var(--cream);letter-spacing:.02em;border:1px solid #f5ead624;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{width:100%;min-height:260px;color:var(--t1);cursor:pointer;text-align:center;background:radial-gradient(circle at 50% 12%,#ffe7b51f,#0000 34%),linear-gradient(160deg,#f5ead614,#b8a9c914 45%,#ffffff06);border:1px solid #ffffff1a;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%,#a8c5a029,#0000 34%),linear-gradient(160deg,#a8c5a01a,#a0c4e814 55%,#ffffff06)}.arcade-flashcard-kicker{color:var(--t3);letter-spacing:.22em;text-transform:uppercase;font-size:11px}.arcade-flashcard-text{color:var(--cream);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{backface-visibility:hidden;border:1px solid #ffffff14;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 100% 0,#ffe7b529,#0000 35%),linear-gradient(145deg,#b8a9c933,#282234f0)}.arcade-memory-face-back{background:radial-gradient(circle at 0 0,#a8c5a01f,#0000 35%),linear-gradient(160deg,#111622f5,#2a2233f0);transform:rotateY(180deg)}.arcade-memory-card.is-matched .arcade-memory-face-back{border-color:#a8c5a047;box-shadow:inset 0 0 0 1px #a8c5a014,0 18px 34px #a8c5a014}.arcade-memory-chip{letter-spacing:.18em;text-transform:uppercase;color:var(--t3);font-size:10px}.arcade-memory-glyph{font-family:var(--fd);color:var(--cream);align-self:center;font-size:28px}.arcade-memory-helper{color:var(--t3);font-size:11px}.arcade-memory-text{color:var(--cream);flex:1;align-items:center;font-size:13px;line-height:1.7;display:flex}.arcade-success-banner,.arcade-answer-ribbon{background:#ffffff08;border:1px solid #ffffff14;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{background:radial-gradient(circle at 100% 0,#ffe7b51a,#0000 30%),linear-gradient(160deg,#15121ff5,#251f34f0);border:1px solid #ffffff14;border-radius:24px;margin-top:18px;padding:18px}.arcade-quiz-text{color:var(--cream);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{min-height:96px;color:var(--cream);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;padding:14px;font-size:14px;line-height:1.7}.arcade-option-sage{background:linear-gradient(160deg,#a8c5a01a,#ffffff08)}.arcade-option-lav{background:linear-gradient(160deg,#b8a9c91a,#ffffff08)}.arcade-option-rose{background:linear-gradient(160deg,#e8b4b81a,#ffffff08)}.arcade-option-correct{background:#a8c5a029;border-color:#a8c5a04d}.arcade-option-wrong{background:#e864641a;border-color:#e8646438}.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:#ffffff0a;border:1px solid #ffffff12;border-radius:20px;padding:16px}.arcade-judge-block span{color:var(--t3);font-size:11px;display:block}.arcade-judge-block strong{color:var(--cream);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{min-width:84px;min-height:84px;color:var(--cream);font-family:var(--fd);background:#ffffff0a;border:1px solid #ffffff1f;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}}