:root{--bg:#faf6ef;--paper:#fdfbf7;--panel:#f3efe8;--ink:#2d2d2d;--muted:#7a746b;--line:#e6e0d6;--yellow:#f6e27a;--pink:#f0c4bf;--teal:#8fb5b1;--blue:#d5e6ef;--green:#c9d7c4;--dark:#2c2c2c;--white:#fffcf7;--radius:22px;--shadow:0 10px 30px #2d2d2d0d;--font:"Noto Sans TC", "Manrope", system-ui, sans-serif;--en:"Manrope", "Noto Sans TC", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);letter-spacing:.01em;margin:0;overflow-x:hidden}button,input,textarea,select{font-family:inherit;font-size:16px}a{color:inherit;text-decoration:none}button{cursor:pointer}.mobile-only{display:none}.desktop-only{display:contents}.sidebar.desktop-only{display:flex}.shell{grid-template-columns:268px 1fr;max-width:1440px;min-height:100vh;margin:0 auto;display:grid}.sidebar{flex-direction:column;gap:18px;padding:28px 18px 18px;display:flex}.brand{align-items:center;gap:12px;padding:0 8px;display:flex}.logo{background:var(--dark);width:46px;height:46px;color:var(--paper);font-family:var(--en);letter-spacing:.02em;border-radius:14px;place-items:center;font-size:13px;font-weight:800;display:grid}.brand h1{margin:0;font-size:18px;font-weight:700;line-height:1.2}.brand small{color:var(--muted);font-family:var(--en);letter-spacing:.12em;margin-top:2px;font-size:11px;display:block}.learn-pace{color:var(--muted);font-family:var(--en);letter-spacing:.16em;padding:8px 14px 0;font-size:11px}.nav{flex-direction:column;gap:6px;margin-top:6px;display:flex}.nav a{color:#6f6a63;border-radius:999px;align-items:center;gap:10px;padding:12px 14px;font-weight:600;display:flex}.nav a.active{background:var(--dark);color:var(--paper)}.nav .dot{background:var(--yellow);border-radius:50%;width:8px;height:8px;margin-left:auto}.side-card{background:var(--yellow);border-radius:22px;margin-top:auto;padding:18px}.side-card .spark{background:#ffffff8c;border-radius:12px;place-items:center;width:34px;height:34px;margin-bottom:10px;display:grid}.side-card p{margin:0;font-weight:700;line-height:1.45}.side-card span{margin-top:4px;font-size:13px;font-weight:500;display:block}.side-foot{font-family:var(--en);letter-spacing:.14em;color:#9a948b;padding:0 8px;font-size:10px}.main{padding:22px 22px 28px 8px}.stage{background:var(--paper);min-height:calc(100vh - 44px);box-shadow:var(--shadow);border-radius:28px;padding:28px 32px 32px}.toprow{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.kicker{font-family:var(--en);letter-spacing:.16em;color:var(--muted);margin:0 0 6px;font-size:11px}h2.page-title{margin:0;font-size:34px;font-weight:800}.lead{color:var(--muted);max-width:62ch;line-height:1.7}.ghost-btn,.dark-btn,.soft-btn{border:0;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-weight:700;display:inline-flex}.ghost-btn{background:var(--panel);color:var(--ink)}.dark-btn{background:var(--dark);color:var(--paper)}.dark-btn:disabled{opacity:.35;cursor:not-allowed}.soft-btn{border:1px solid var(--line);background:#fff}.home-grid{grid-template-columns:1.45fr .7fr;gap:16px;margin-top:22px;display:grid}.hero{border-radius:var(--radius);background:#fff;min-height:240px;padding:28px 28px 22px;position:relative;overflow:hidden}.hero h3{margin:0;font-size:30px;line-height:1.25}.hero p.lead{color:var(--muted);max-width:46ch;line-height:1.7}.gen-bar{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:8px 12px 8px 14px;font-size:13px;display:inline-flex}.spin{border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hero-art{opacity:.95;width:140px;position:absolute;bottom:18px;right:28px}.ritual{background:var(--blue);border-radius:var(--radius);flex-direction:column;min-height:240px;padding:22px;display:flex}.ritual .en{font-family:var(--en);letter-spacing:.16em;font-size:11px;font-weight:700}.ritual .time{font-family:var(--en);margin:10px 0;font-size:52px;font-weight:800;line-height:1}.ritual p{color:#3d4a52;margin:0;line-height:1.55}.ritual .soft-btn{align-self:flex-start;margin-top:auto}.stat-row{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;display:grid}.stat{border-radius:var(--radius);min-height:128px;padding:18px 20px}.stat.y{background:var(--yellow)}.stat.p{background:var(--pink)}.stat.g{background:var(--green)}.stat .idx{font-family:var(--en);color:#5c5852;font-size:12px}.stat strong{margin:8px 0 4px;font-size:34px;display:block}.stat span{color:#4d4944;font-size:14px}.next-block{margin-top:28px}.next-block h4{margin:0 0 12px;font-size:22px}.next-actions{flex-wrap:wrap;gap:12px;display:flex}.foot-note{color:var(--muted);margin-top:18px;font-size:13px}.modal-back{z-index:20;background:#2d2d2d2e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:28px;width:min(640px,100%);padding:28px;box-shadow:0 20px 60px #2d2d2d1f}.tag{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.tag.blue{background:#d9ebf4}.tag.teal{color:#2d5b57;background:#d7ece9}.tag.pink{background:var(--pink)}.chip-row{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.chip{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:88px;padding:12px 16px;font-weight:700}.chip.on{border-color:#0000}.chip.on.listening{background:#d9ebf4}.chip.on.reading{background:var(--yellow)}.chip.on.writing{background:var(--pink)}.chip.on.speaking{background:var(--green)}.chip.on.vocab{background:#ead9f2}.range{width:100%;accent-color:var(--ink)}.modal-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.progress-line{background:var(--line);border-radius:99px;height:3px;margin:18px 0 10px;position:relative}.progress-line i{background:var(--ink);border-radius:50%;width:11px;height:11px;position:absolute;top:-4px}.meta-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.q-nav{align-items:center;gap:8px;margin:14px 0;display:flex}.select{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px}.q-box{background:var(--panel);border-radius:24px;margin-top:8px;padding:22px}.q-top{justify-content:space-between;align-items:center;display:flex}.passage,.prompt{white-space:pre-wrap;line-height:1.75}.passage{background:#fff;border-radius:16px;margin:12px 0;padding:14px 16px}.choices{flex-direction:column;gap:10px;margin-top:16px;display:flex}.choice{text-align:left;background:#fff;border:1px solid #0000;border-radius:999px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:16px;display:flex}.choice .n{border:1px solid var(--line);width:28px;height:28px;font-family:var(--en);border-radius:50%;place-items:center;font-size:13px;display:grid}.choice.on{background:var(--dark);color:var(--paper)}.choice.on .n{background:#ffffff29;border-color:#0000}.field,.area{border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;padding:12px 14px;font-size:16px}.area{resize:vertical;min-height:180px}.practice-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.review-layout{grid-template-columns:240px 1fr;gap:16px;margin-top:16px;display:grid}.q-list{flex-direction:column;gap:6px;display:flex}.q-list button{text-align:left;background:var(--panel);border:0;border-radius:14px;padding:10px 12px}.q-list button.on{background:var(--dark);color:var(--paper)}.ok{color:#2f7a4a;font-weight:800}.bad{color:#b42318;font-weight:800}.cause-row{flex-wrap:wrap;gap:8px;display:flex}.cause{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px}.cause.on{background:var(--yellow);border-color:#0000}.cards{gap:12px;display:grid}.card{background:var(--panel);border-radius:20px;padding:18px}.steps{gap:10px;display:grid}.step{background:var(--panel);text-align:left;border:0;border-radius:18px;padding:16px 18px}.step.on{background:var(--dark);color:var(--paper)}table.plain{border-collapse:collapse;width:100%;font-size:14px}table.plain th,table.plain td{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px}.warn{background:#f8e4e1;border-radius:16px;padding:12px 14px;font-size:14px}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--paper);width:min(420px,100%);box-shadow:var(--shadow);border-radius:28px;padding:28px 24px}.login-card .brand{margin-bottom:8px;padding:0}.login-card h2.page-title{font-size:28px}.login-card .form-stack{margin-top:18px}.login-card .dark-btn,.login-card .ghost-btn,.login-card .soft-btn{justify-content:center;width:100%}.form-stack{flex-direction:column;gap:12px;display:flex}.form-stack>label,.form-label{flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}.form-stack .foot-note{font-weight:500}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.card>label,form.card>label{flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}label:has(.field){flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}label:has(.area){flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}.card .card{background:#fff}.card h4{margin:0 0 10px;font-size:18px}.card svg,.q-box svg{max-width:100%;display:block}a.card{display:block}.q-box h3{font-family:var(--en);overflow-wrap:anywhere;font-weight:800;line-height:1.25}.passage,.prompt,.lead{overflow-wrap:anywhere}code{font-family:var(--en);background:var(--panel);border-radius:8px;padding:2px 7px;font-size:.92em}input.field[type=file]{padding:10px 12px}.star-row,.confidence-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.star,.confidence{border:1px solid var(--line);width:44px;height:44px;color:var(--muted);background:#fff;border-radius:14px;place-items:center;padding:0;font-size:18px;font-weight:800;display:grid}.star.on,.confidence.on{background:var(--yellow);color:var(--ink);border-color:#0000}.face-card{text-align:center;background:#fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:240px;padding:36px 22px 24px;display:flex}.face-card .word{font-family:var(--en);margin:0;font-size:clamp(28px,8vw,42px);font-weight:800;line-height:1.2}.face-card .def,.face-card .example{color:#4d4944;max-width:46ch;margin:0;line-height:1.65}.face-card .example{color:var(--muted);font-style:italic}.rate-row{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.rate-row .ghost-btn,.rate-row .soft-btn,.rate-row .dark-btn,.rate{border-radius:16px;justify-content:center;width:100%;padding:12px 8px}.rate{background:var(--panel);color:var(--ink);border:0;font-weight:700}.rate.again{background:var(--pink)}.rate.hard{background:var(--blue)}.rate.good{background:var(--green)}.rate.easy{background:var(--yellow)}.badge,.badge-red{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-red,.badge.red,.tag.red{color:#7a2e28;background:#f0c4bf}.bar-chart{align-items:flex-end;gap:8px;min-height:168px;padding:8px 4px 0;display:flex}.bar-chart .col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.bar-chart .col i,.bar-chart .col .fill{width:100%;max-width:36px;height:calc(var(--h,8) * 1px);background:var(--teal);border-radius:10px 10px 4px 4px;min-height:6px;display:block}.bar-chart .col span{color:var(--muted);text-align:center;word-break:break-word;font-size:11px;line-height:1.3}.bar-chart.rows{flex-direction:column;align-items:stretch;gap:10px;min-height:0;padding:0;display:flex}.bar-row{grid-template-columns:minmax(64px,30%) 1fr auto;align-items:center;gap:10px;font-size:13px;display:grid}.bar{background:var(--line);border-radius:99px;height:10px;overflow:hidden}.bar i,.bar .fill{height:100%;width:var(--w,0%);background:var(--teal);border-radius:99px;display:block}.chart-svg{-webkit-overflow-scrolling:touch;background:#fff;border-radius:20px;width:100%;padding:12px 8px;overflow-x:auto}.chart-svg svg{width:100%;min-width:280px;height:auto;display:block}.task-list{flex-direction:column;gap:10px;display:flex}.task{background:var(--paper);border:1px solid var(--line);color:inherit;border-radius:16px;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:14px 16px;transition:box-shadow .2s,background .2s,border-color .2s;display:grid}.task:hover{box-shadow:var(--shadow)}.task.is-current{border:2px solid var(--dark);box-shadow:var(--shadow);background:#fff9d6;font-weight:600}.task.is-done{opacity:.55}.task.is-done .task-title{text-decoration:line-through}.task-idx{background:var(--panel);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.task.is-done .task-idx{font-size:0}.task.is-done .task-idx:before{content:"✓";font-size:13px;line-height:1}.task-main{min-width:0}.task-title{font-size:15px;font-weight:600;line-height:1.35}.task-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.task-min{color:var(--muted);font-size:13px;font-family:var(--en);white-space:nowrap}.task-go{white-space:nowrap;font-size:13px;font-weight:600}.task:not(.is-current) .task-go{display:none}.task-hint{color:var(--ink);white-space:normal;margin-top:6px;font-size:12px;font-weight:500;display:block}.welcome-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#fff9d6 0%,#fdfbf7 100%);margin:18px 0 20px;padding:18px 20px}.welcome-card h3{margin:0 0 12px;font-size:18px}.how-to-steps{color:var(--ink);margin:0 0 14px;padding-left:20px;line-height:1.7}.how-to-steps li{margin-bottom:8px}.welcome-cta{background:var(--dark);color:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 0 20px;padding:20px 22px;transition:transform .15s;display:block}.welcome-cta:hover{transform:translateY(-1px)}.welcome-cta-label{letter-spacing:.08em;opacity:.8;margin-bottom:6px;font-size:12px;display:block}.welcome-cta-title{margin-bottom:4px;font-size:22px;font-weight:700;display:block}.welcome-cta-sub{opacity:.85;font-size:14px;display:block}.login-shell{background:radial-gradient(circle at 12% 18%, #f6e27a59, transparent 42%), radial-gradient(circle at 88% 12%, #8fb5b147, transparent 40%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-layout{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:18px;width:min(920px,100%);display:grid}.login-card{background:var(--paper);flex-direction:column;gap:10px;width:100%;display:flex}.login-guide-card{background:linear-gradient(160deg,#fff9d6 0%,#fdfbf7 70%);flex-direction:column;gap:10px;display:flex}.login-guide-title{margin:0;font-size:22px}.login-card label{flex-direction:column;gap:6px;font-size:14px;display:flex}.login-error{margin:4px 0 0}.login-submit{margin-top:6px}.login-hint{text-align:center;margin:4px 0 0}.penalty-banner{border-radius:var(--radius);border:2px solid var(--line);background:var(--paper);margin:0 0 20px;padding:18px 20px}.penalty-banner.is-due{background:linear-gradient(135deg,#fde8e6 0%,#fff9f8 100%);border-color:#b42318}.penalty-banner.is-risk{background:linear-gradient(135deg,#fff4d6 0%,#fdfbf7 100%);border-color:#c4841d}.penalty-banner.is-clear{background:linear-gradient(135deg,#e8f3f1 0%,#fdfbf7 100%);border-color:#8fb5b1}.penalty-banner-amount{font-size:36px;font-weight:800;font-family:var(--en);margin:6px 0 0;line-height:1.1}.penalty-banner-label{color:var(--muted);margin:4px 0 0;font-size:14px}.penalty-banner-body{margin-top:14px;font-size:14px;line-height:1.6}.penalty-day-list{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.penalty-day-list li{background:#ffffffa6;border-radius:12px;grid-template-columns:1fr auto auto;gap:10px;padding:8px 10px;font-size:13px;display:grid}.ok-inline{color:#2d5b57;font-weight:600}.warn-inline{color:#b42318;font-weight:600}.penalty-side{background:var(--panel);border-radius:14px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.45}.penalty-side.has-balance{background:#fde8e6;border:1px solid #f0c4bf}.penalty-side-balance strong{margin-top:2px;font-size:18px;display:block}.penalty-side-sub{color:var(--muted);margin-top:4px;font-size:12px;display:block}.penalty-teacher{margin:16px 0 22px}.penalty-teacher-amount{font-size:28px;font-family:var(--en)}.guide-shell{align-items:start;padding-top:40px;padding-bottom:40px}.guide-panel{background:var(--paper);width:min(720px,100%)}.guide-block .page-title{margin-bottom:8px}.guide-steps{flex-direction:column;gap:12px;margin:18px 0;padding:0;list-style:none;display:flex}.guide-step{border:1px solid var(--line);background:var(--white);border-radius:18px;grid-template-columns:44px 1fr;gap:12px;padding:14px 16px;display:grid}.guide-step-num{background:var(--dark);width:44px;height:44px;color:var(--paper);font-family:var(--en);border-radius:14px;place-items:center;font-size:13px;font-weight:700;display:grid}.guide-step h3{margin:0 0 6px;font-size:16px}.guide-step p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.guide-card{border:1px solid var(--line);background:linear-gradient(135deg,#e8f0ee 0%,#fdfbf7 100%);border-radius:18px;padding:16px 18px}.guide-card h3{margin:0 0 8px;font-size:16px}.guide-card p{margin:0;line-height:1.6}.progress{background:var(--panel);border-radius:999px;height:10px;overflow:hidden}.progress-fill{background:var(--dark);border-radius:999px;height:100%;transition:width .4s}.practice-context{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);white-space:pre-line;font-size:15px;line-height:1.8;font-family:var(--en);padding:18px 20px}.practice-item{background:var(--paper);border:1px solid var(--line);border-left:4px solid #0000;border-radius:18px;margin-top:12px;padding:16px}.practice-item.is-correct{border-left-color:var(--teal)}.practice-item.is-wrong{border-left-color:var(--pink)}.blank-input{border:1px solid var(--line);border-bottom:2px solid var(--dark);min-width:160px;font-size:15px;font-family:var(--en);background:#fff;border-radius:10px 10px 0 0;padding:8px 10px;display:inline-block}.blank-input:focus{border-bottom-color:var(--teal);outline:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg, var(--panel) 25%, #ece6dc 50%, var(--panel) 75%);background-size:200% 100%;border-radius:8px;height:14px;animation:1.2s ease-in-out infinite shimmer}.skeleton+.skeleton{margin-top:8px}.skeleton.lg{height:44px}.analysis{border-left:3px solid var(--pink);background:#fff7f5;border-radius:12px;margin-top:12px;padding:14px 16px}.analysis-type{background:var(--dark);color:var(--white);border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.analysis-text{white-space:pre-line;margin:0;font-size:14px;line-height:1.75}.rank-list{flex-direction:column;gap:8px;display:flex}.rank-row{background:var(--paper);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.rank-row>:first-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.rank-count{font-family:var(--en);white-space:nowrap;font-size:16px;font-weight:700}@media (width<=980px){.mobile-only{display:flex}.desktop-only,.sidebar.desktop-only{display:none!important}.shell{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;max-width:none;min-height:100dvh}.shell.is-more-open{height:100dvh;overflow:hidden}.mobile-topbar{z-index:20;padding:10px 14px calc(10px + env(safe-area-inset-top));padding-top:calc(10px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#faf6efeb;justify-content:space-between;align-items:center;gap:10px;position:sticky;top:0}.mobile-topbar .brand{padding:0}.mobile-topbar .logo{border-radius:12px;width:40px;height:40px}.mobile-topbar h1{font-size:16px}.mobile-top-guide{align-items:center;min-height:40px;padding:8px 12px;display:inline-flex}.main{min-width:0;padding:10px 12px 12px}.stage{min-height:auto;box-shadow:none;border:1px solid var(--line);border-radius:20px;padding:18px 14px 28px}.mobile-tabbar{z-index:25;padding:8px 6px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#fdfbf7f5;grid-template-columns:repeat(5,1fr);gap:2px;display:grid;position:sticky;bottom:0}.mobile-tabbar a,.mobile-more-btn{color:#6f6a63;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:52px;padding:6px 4px;font-size:11px;font-weight:600;line-height:1.2;display:flex}.mobile-tabbar a svg,.mobile-more-btn svg{width:20px;height:20px}.mobile-tabbar a.active,.mobile-more-btn.active{background:var(--dark);color:var(--paper)}.mobile-tabbar .dot{display:none}.mobile-more-backdrop{z-index:30;background:#2d2d2d59;border:0;position:fixed;inset:0}.mobile-more-sheet{z-index:35;max-height:min(72dvh,560px);padding:10px 16px calc(18px + env(safe-area-inset-bottom));background:var(--paper);border-radius:24px 24px 0 0;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -12px 40px #2d2d2d1f}.mobile-more-handle{background:var(--line);border-radius:999px;width:42px;height:5px;margin:2px auto 4px}.mobile-more-nav{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-more-nav a{background:var(--panel);border-radius:16px;align-items:center;gap:10px;min-height:48px;padding:12px 14px;font-weight:600;display:flex}.mobile-more-nav a.active{background:var(--dark);color:var(--paper)}.mobile-more-nav .dot{display:none}.learn-pace{padding:0 8px}h2.page-title{font-size:24px;line-height:1.25}.lead{font-size:15px}.hero h3{font-size:24px}.ritual .time{font-size:40px}.stat{min-height:0}.stat strong{font-size:28px}.home-grid,.review-layout,.field-row{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr 1fr}.stat-row>.stat:last-child:nth-child(odd){grid-column:1/-1}.hero-art{display:none}.toprow,.q-top,.meta-row,.practice-foot{flex-wrap:wrap;gap:8px}.cause{min-width:44px;padding:10px 16px}.area{width:100%;min-height:120px}.field,.area,.blank-input{width:100%;max-width:100%;min-height:44px}.dark-btn,.soft-btn,.ghost-btn{min-height:44px;padding:12px 16px}.next-actions{flex-wrap:wrap;gap:8px;display:flex}.next-actions>*{flex:140px;justify-content:center}form.card>.dark-btn,form.card>.ghost-btn,form.card>.soft-btn{justify-content:center;width:100%}.login-shell{align-items:start;min-height:100dvh;padding:56px 16px 16px}.mobile-top-guide{margin-right:44px}.report-flag{top:calc(10px + env(safe-area-inset-top));right:12px}.login-layout{grid-template-columns:1fr;width:min(520px,100%)}.login-card,.login-guide-card,.guide-panel{width:100%;padding:22px 18px}.guide-step{grid-template-columns:40px 1fr;padding:12px}.welcome-cta{padding:16px 18px}.welcome-cta-title{font-size:20px}.task-list{gap:8px}.task{grid-template-columns:auto 1fr auto;grid-template-areas:"idx main min""idx hint hint""go go go";align-items:start;gap:4px 10px;padding:14px 12px;display:grid}.task-idx{grid-area:idx}.task-main{grid-area:main;min-width:0}.task-min{grid-area:min}.task-hint{white-space:normal;grid-area:hint}.task-go{text-align:center;background:var(--dark);color:var(--paper);border-radius:999px;grid-area:go;justify-self:stretch;margin-top:4px;padding:8px 10px;font-size:13px}.task-sub{white-space:normal}.face-card{min-height:200px;padding:28px 16px 20px}.bar-chart{min-height:140px}.bar-row{grid-template-columns:minmax(56px,34%) 1fr auto}:is(.card:has(>table.plain),.q-box:has(>table.plain)){-webkit-overflow-scrolling:touch;overflow-x:auto}table.plain{min-width:420px}.blank-input{width:100%;min-width:0}.practice-context,.passage,.prompt{overflow-wrap:anywhere;word-break:break-word}.chip-row{flex-wrap:wrap}}.wish-form{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.wish-list{flex-direction:column;gap:12px;margin-top:8px;display:flex}.wish-card{flex-direction:column;gap:10px;display:flex}.wish-card.is-closed{opacity:.78}.wish-card-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wish-content{white-space:pre-wrap;margin:0;font-size:16px;line-height:1.65}.wish-reply{border:1px solid var(--line);background:linear-gradient(135deg,#e8f0ee 0%,#fdfbf7 100%);border-radius:16px;padding:12px 14px}.wish-reply p:last-child{margin:6px 0 0;line-height:1.6}.wish-teacher-actions{flex-direction:column;gap:10px;margin-top:4px;display:flex}.listening-play{margin-bottom:16px;padding:16px 18px}.listening-play audio:not([controls]){display:none}.listening-audio{width:100%;margin-top:10px;display:block}.listening-script-reveal{opacity:.92;margin-top:14px}.speaking-practice{margin-top:8px}.speaking-timer{text-align:center;margin-top:12px;padding:20px 16px}.speaking-timer.is-recording{background:linear-gradient(180deg, #fff5f4 0%, var(--paper) 100%);border:2px solid #b42318}.speaking-timer-num{font-size:48px;font-weight:800;font-family:var(--en);margin:8px 0}.admin-reset-zone{background:linear-gradient(180deg, #fff9f8 0%, var(--paper) 100%);border:2px dashed #e8b4b0;margin-top:28px}.admin-reset-scopes{gap:8px;margin-top:14px;display:grid}.admin-reset-check{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.admin-reset-check input{width:18px;height:18px}.admin-reset-confirm{flex-direction:column;gap:6px;margin-top:14px;font-size:14px;display:flex}.report-flag{z-index:45;border:1px solid var(--line);background:var(--paper);color:#9a4a42;border-radius:10px;place-items:center;width:36px;height:36px;min-height:36px;padding:0;display:grid;position:fixed;top:16px;right:16px;box-shadow:0 2px 8px #2d2d2d14}.report-flag svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;width:16px;height:16px}.report-flag:hover{background:#fff6f4}.report-layer{z-index:50;position:fixed;inset:0}.report-backdrop{background:#2d2d2d59;border:0;position:absolute;inset:0}.report-sheet{flex-direction:column;gap:8px;width:min(420px,100vw - 28px);max-height:calc(100dvh - 84px);display:flex;position:absolute;top:60px;right:16px;overflow:auto}.report-sheet textarea{resize:vertical;width:100%}.report-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.report-item{border:1px solid var(--line);background:var(--paper);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.report-item p{white-space:pre-wrap;margin:6px 0 0}@media (width<=520px){.rate-row{grid-template-columns:1fr 1fr}.star,.confidence{width:44px;height:44px}.side-foot{display:none}.mobile-tabbar{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-more-nav{grid-template-columns:1fr}h2.page-title{font-size:22px}.stage{padding:16px 12px 24px}.report-sheet{width:auto;left:12px;right:12px;top:calc(58px + env(safe-area-inset-top))}}