@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&display=swap";.paiji-page[data-v-51f665aa]{background:linear-gradient(180deg,#ffe5c8 0,#fff8ee 260px,#fffaf4)}.paiji-hero[data-v-51f665aa]{padding:calc(24px + env(safe-area-inset-top)) 21px 27px}.paiji-brand[data-v-51f665aa]{display:flex;align-items:center;gap:10px}.paiji-brand h1[data-v-51f665aa]{color:#57371f;font-size:25px;letter-spacing:-.03em}.paiji-hero>p[data-v-51f665aa]{margin:10px 0 0 42px;color:#a06c45;font-size:11px}.paiji-total[data-v-51f665aa]{display:flex;align-items:baseline;gap:10px;margin-top:25px}.paiji-total strong[data-v-51f665aa]{color:#824317;font-size:39px;line-height:1;letter-spacing:-.05em}.paiji-total span[data-v-51f665aa]{color:#967255;font-size:11px}.paiji-content[data-v-51f665aa]{padding:0 16px 28px}.paiji-capture[data-v-51f665aa]{padding:18px 17px 16px;border:1px solid #eed8c2;border-radius:22px;background:#ffffffeb;box-shadow:0 10px 28px #75492312}.capture-copy[data-v-51f665aa]{display:flex;align-items:center;gap:12px}.capture-icon[data-v-51f665aa]{display:flex;align-items:center;justify-content:center;flex:0 0 46px;height:46px;border-radius:15px;color:#b65c21;background:#ffedda}.capture-copy h2[data-v-51f665aa]{font-size:16px}.capture-copy p[data-v-51f665aa]{margin-top:5px;color:#a08c7b;font-size:9px}.capture-actions[data-v-51f665aa]{display:grid;grid-template-columns:1fr 1.25fr;gap:9px;margin-top:17px}.capture-actions button[data-v-51f665aa]{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border-radius:13px;font-size:12px;font-weight:700}.capture-primary[data-v-51f665aa]{border:0;color:#42250d;background:linear-gradient(135deg,#f5a155,#ed8736);box-shadow:0 7px 16px #d26b232b}.capture-secondary[data-v-51f665aa]{border:1px solid #ead8c6;color:#a25422;background:#fff8f0}.visually-hidden[data-v-51f665aa]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.paiji-state[data-v-51f665aa]{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:240px;color:#b07850;text-align:center}.paiji-state p[data-v-51f665aa]{color:#8d7b6c;font-size:12px}.paiji-state button[data-v-51f665aa],.paiji-empty button[data-v-51f665aa]{display:flex;align-items:center;gap:5px;min-height:36px;padding:0 12px;border:1px solid #e6c5a7;border-radius:10px;color:#a54d18;background:#fff;font-size:11px}.paiji-categories[data-v-51f665aa]{display:flex;gap:7px;margin:20px -16px 0;padding:0 16px 4px;overflow-x:auto;scrollbar-width:none}.paiji-categories[data-v-51f665aa]::-webkit-scrollbar{display:none}.paiji-categories button[data-v-51f665aa]{display:flex;align-items:center;gap:5px;flex:0 0 auto;min-height:33px;padding:0 11px;border:1px solid #ecded0;border-radius:11px;color:#887568;background:#fff;font-size:10px}.paiji-categories button span[data-v-51f665aa]{color:#b09b8b;font-size:8px}.paiji-categories button.active[data-v-51f665aa]{border-color:#eeb27b;color:#a54c17;background:#fff0e1;font-weight:700}.paiji-wall[data-v-51f665aa]{margin-top:24px}.wall-heading[data-v-51f665aa]{display:flex;align-items:flex-end;justify-content:space-between;margin:0 2px 14px}.wall-heading p[data-v-51f665aa]{color:#b47b51;font-size:8px;font-weight:700;letter-spacing:.14em}.wall-heading h2[data-v-51f665aa]{margin-top:4px;font-size:19px}.wall-heading>span[data-v-51f665aa]{padding-bottom:2px;color:#a39080;font-size:10px}.paiji-grid[data-v-51f665aa]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.paiji-card[data-v-51f665aa]{min-width:0;overflow:hidden;border:1px solid #eee0d3;border-radius:19px;background:#fff;box-shadow:0 6px 18px #6541250b;transition:transform .16s ease,box-shadow .16s ease}.paiji-card[data-v-51f665aa]:hover{transform:translateY(-2px);box-shadow:0 10px 24px #65412517}.paiji-card-image[data-v-51f665aa]{display:flex;align-items:center;justify-content:center;height:142px;color:#c6a789;background-color:#fff5e9;background-image:radial-gradient(#ead8c4 1px,transparent 1px);background-size:13px 13px}.paiji-card-image img[data-v-51f665aa]{width:100%;height:100%;padding:9px;object-fit:contain}.paiji-card-copy[data-v-51f665aa]{padding:13px 12px 12px}.paiji-card-copy h3[data-v-51f665aa]{overflow:hidden;font-size:20px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.paiji-card-copy p[data-v-51f665aa]{display:-webkit-box;min-height:31px;margin-top:5px;overflow:hidden;color:#847264;font-size:10px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}.paiji-card-copy>span[data-v-51f665aa]{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#b06b36;font-size:9px}.paiji-empty[data-v-51f665aa]{display:flex;align-items:center;flex-direction:column;padding:45px 20px 32px;text-align:center}.paiji-empty>span[data-v-51f665aa]{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:22px;color:#c47b38;background:#ffedda;transform:rotate(-4deg)}.paiji-empty h3[data-v-51f665aa]{margin-top:20px;color:#634936;font-size:17px}.paiji-empty p[data-v-51f665aa]{margin-top:8px;color:#a18e7e;font-size:11px;line-height:1.7}.paiji-empty button[data-v-51f665aa]{margin-top:17px}.paiji-editor[data-v-51f665aa]{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;width:100%;max-width:480px;margin:0 auto;background:#fff9f3;box-shadow:0 0 40px #3c271829}.editor-header[data-v-51f665aa]{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;min-height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;border-bottom:1px solid #f0e4d9;background:#fffdfaf5}.editor-header h2[data-v-51f665aa]{font-size:17px;text-align:center}.editor-header button[data-v-51f665aa]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:12px;color:#715b49;background:transparent}.editor-header .editor-repick[data-v-51f665aa]{width:48px;color:#aa5723;font-size:11px}.editor-header button[data-v-51f665aa]:disabled{opacity:.4}.editor-main[data-v-51f665aa]{display:flex;flex:1;flex-direction:column;min-height:0;padding:17px;overflow-y:auto}.preview-tabs[data-v-51f665aa]{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:190px;margin:0 auto 14px;padding:4px;border-radius:12px;background:#f1e8df}.preview-tabs button[data-v-51f665aa]{min-height:32px;border:0;border-radius:9px;color:#8d7969;background:transparent;font-size:11px}.preview-tabs button.active[data-v-51f665aa]{color:#a94e18;background:#fff;box-shadow:0 2px 8px #5b3a2112;font-weight:700}.editor-preview[data-v-51f665aa]{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:330px;overflow:hidden;border:1px solid #ead9c9;border-radius:23px;background:#eee5dc}.editor-preview.sticker[data-v-51f665aa]{background-color:#f5e5d3;background-image:linear-gradient(45deg,#ead8c5 25%,transparent 25%),linear-gradient(-45deg,#ead8c5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ead8c5 75%),linear-gradient(-45deg,transparent 75%,#ead8c5 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.editor-preview>img[data-v-51f665aa]{width:100%;height:100%;max-height:calc(100dvh - 245px);object-fit:contain}.editor-preview.sticker>img[data-v-51f665aa]{padding:25px}.editor-working[data-v-51f665aa]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;background:#37271ba3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.editor-working p[data-v-51f665aa]{margin-top:17px;font-size:14px;font-weight:700}.editor-working span[data-v-51f665aa]{margin-top:7px;color:#ffffffb3;font-size:10px}.editor-tip[data-v-51f665aa],.editor-error[data-v-51f665aa]{margin:13px 5px 0;color:#9a8776;font-size:10px;line-height:1.6;text-align:center}.editor-error[data-v-51f665aa]{padding:9px 11px;border-radius:10px;color:#b24d2d;background:#fff0e8}.editor-actions[data-v-51f665aa]{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;padding:13px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #ecdfd3;background:#fffdf9}.editor-actions button[data-v-51f665aa]{display:flex;align-items:center;justify-content:center;gap:7px;min-height:50px;border-radius:14px;font-size:12px;font-weight:700}.editor-actions button[data-v-51f665aa]:disabled{opacity:.55}.editor-original[data-v-51f665aa]{border:1px solid #e6d4c3;color:#9c572c;background:#fff}.editor-primary[data-v-51f665aa]{border:0;color:#42250d;background:linear-gradient(135deg,#f5a155,#ed8736);box-shadow:0 7px 16px #d26b232b}@media(max-width:350px){.paiji-card-image[data-v-51f665aa]{height:124px}.capture-copy h2[data-v-51f665aa]{font-size:14px}.capture-actions button[data-v-51f665aa]{font-size:11px}}.paiji-detail-page[data-v-b01ef258]{min-height:100dvh;padding-bottom:calc(28px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#ffe8cf 0,#fff9f3 330px)}.detail-header[data-v-b01ef258]{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:calc(15px + env(safe-area-inset-top)) 16px 12px}.detail-header h1[data-v-b01ef258]{font-size:18px;text-align:center}.detail-header>button[data-v-b01ef258]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(220,177,139,.35);border-radius:13px;color:#6f513c;background:#ffffff8c}.detail-header>button.detail-delete[data-v-b01ef258]{color:#b8684d}.detail-state[data-v-b01ef258]{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;min-height:65dvh;padding:25px;color:#b2784c;text-align:center}.detail-state p[data-v-b01ef258]{color:#887566;font-size:12px;line-height:1.7}.detail-state button[data-v-b01ef258]{display:flex;align-items:center;gap:5px;min-height:37px;padding:0 13px;border:1px solid #e6c5a7;border-radius:10px;color:#a54d18;background:#fff;font-size:11px}.detail-content[data-v-b01ef258]{padding:7px 20px 0}.detail-visual[data-v-b01ef258]{display:flex;align-items:center;justify-content:center;height:305px;overflow:hidden;border:1px solid rgba(235,210,183,.75);border-radius:29px;color:#c39a72;background-color:#ffffff85;background-image:radial-gradient(#e8d1b9 1.2px,transparent 1.2px);background-size:17px 17px;box-shadow:0 15px 35px #71482312}.detail-visual img[data-v-b01ef258]{width:100%;height:100%;padding:17px;object-fit:contain;animation:detail-pop-b01ef258 .35s ease both}.detail-visual.original img[data-v-b01ef258]{padding:0;object-fit:cover}.detail-image-tabs[data-v-b01ef258]{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:175px;margin:13px auto 0;padding:4px;border-radius:12px;background:#f1e7dd}.detail-image-tabs button[data-v-b01ef258]{min-height:31px;border:0;border-radius:9px;color:#8d7969;background:transparent;font-size:10px}.detail-image-tabs button.active[data-v-b01ef258]{color:#a94e18;background:#fff;box-shadow:0 2px 8px #5b3a2112;font-weight:700}.detail-word[data-v-b01ef258]{padding:25px 4px 0;text-align:center}.detail-category[data-v-b01ef258]{display:inline-block;padding:5px 9px;border-radius:8px;color:#ad622d;background:#ffedda;font-size:9px;font-weight:700}.detail-word h2[data-v-b01ef258]{margin-top:10px;overflow-wrap:anywhere;color:#3f3026;font-size:38px;line-height:1.25;letter-spacing:-.04em}.detail-phonetic[data-v-b01ef258]{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;margin-top:7px;color:#998273;font-size:13px}.detail-phonetic button[data-v-b01ef258]{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;color:#ac571f;background:#ffead7}.detail-phonetic button.playing[data-v-b01ef258]{color:#fff;background:#ed8a3c}.detail-translation[data-v-b01ef258]{margin-top:11px;color:#6f5b4b;font-size:16px;line-height:1.7}.detail-audio-error[data-v-b01ef258]{margin-top:9px;color:#b34d2e;font-size:10px}.detail-sentence[data-v-b01ef258]{margin-top:24px;padding:18px;border:1px solid #eee0d2;border-radius:18px;background:#ffffffe6;box-shadow:0 7px 22px #633f220b}.detail-sentence>span[data-v-b01ef258]{display:inline-block;padding:4px 7px;border-radius:6px;color:#a3652e;background:#fff0d9;font-size:9px;font-weight:700}.detail-sentence p[data-v-b01ef258]{margin-top:11px;color:#514035;font-size:14px;line-height:1.75}.detail-sentence small[data-v-b01ef258]{display:block;margin-top:7px;color:#948071;font-size:11px;line-height:1.7}.detail-meta[data-v-b01ef258]{margin:18px 2px 0;padding:0 3px}.detail-meta>div[data-v-b01ef258]{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:8px 0;color:#a28e7d;font-size:9px}.detail-meta dd[data-v-b01ef258]{margin:0;color:#8b7766;text-align:right;overflow-wrap:anywhere}.detail-remove[data-v-b01ef258]{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;margin:20px auto 0;padding:0 15px;border:0;color:#b17e69;background:transparent;font-size:11px}.delete-backdrop[data-v-b01ef258]{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:22px;background:#3725166e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-dialog[data-v-b01ef258]{position:relative;width:min(100%,360px);padding:27px 22px 19px;border-radius:23px;background:#fffaf4;box-shadow:0 20px 55px #41281433;text-align:center;animation:detail-pop-b01ef258 .18s ease both}.delete-close[data-v-b01ef258]{position:absolute;right:12px;top:12px;display:flex;align-items:center;justify-content:center;width:33px;height:33px;padding:0;border:0;border-radius:50%;color:#9c8875;background:#f3e9df}.delete-icon[data-v-b01ef258]{display:flex;align-items:center;justify-content:center;width:55px;height:55px;margin:0 auto 15px;border-radius:18px;color:#c36c50;background:#ffede5}.delete-dialog h2[data-v-b01ef258]{font-size:20px}.delete-dialog>p[data-v-b01ef258]{margin-top:10px;color:#907c6b;font-size:11px;line-height:1.8}.delete-dialog>p.delete-error[data-v-b01ef258]{padding:8px 10px;border-radius:9px;color:#b64e30;background:#fff0e8}.delete-confirm[data-v-b01ef258]{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:45px;margin-top:20px;border:0;border-radius:13px;color:#fff;background:#d97858;font-size:12px;font-weight:700}.delete-confirm[data-v-b01ef258]:disabled{opacity:.6}.delete-cancel[data-v-b01ef258]{width:100%;min-height:39px;margin-top:5px;border:0;color:#8f7c6c;background:transparent;font-size:11px}@keyframes detail-pop-b01ef258{0%{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-height:700px){.detail-visual[data-v-b01ef258]{height:250px}.detail-word[data-v-b01ef258]{padding-top:19px}}.speaking-page{color:#42342a;background:#fffaf4}.speaking-page button,.speaking-page a{touch-action:manipulation}.speaking-page button{font:inherit}.speaking-home-page{background:linear-gradient(180deg,#fff3e3 0,#fffaf4 370px)}.speaking-home-header{padding:calc(20px + env(safe-area-inset-top)) 18px 0}.speaking-brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:800;letter-spacing:-.02em}.speaking-brand>span{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:11px;color:#fff;background:linear-gradient(145deg,#f4a14f,#e87931);box-shadow:0 5px 13px #be63252e}.speaking-brand em{margin-left:auto;color:#b78d68;font-size:8px;font-style:normal;letter-spacing:.14em}.speaking-hero{position:relative;display:flex;min-height:270px;margin-top:15px;padding:27px 20px 23px;overflow:hidden;border:1px solid #f0d6b9;border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(255,250,196,.9),transparent 38%),linear-gradient(135deg,#ffd699,#ffb65f 62%,#f49b48);box-shadow:0 15px 34px #ac64271f}.speaking-hero:after{content:"";position:absolute;right:-53px;bottom:-71px;width:188px;height:188px;border:25px solid rgba(255,255,255,.11);border-radius:50%}.speaking-hero-copy{position:relative;z-index:2}.speaking-hero-copy>p{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:8px;color:#985017;background:#ffffff7a;font-size:10px;font-weight:700}.speaking-hero-copy h1{margin-top:15px;color:#603710;font-size:27px;line-height:1.4;letter-spacing:-.04em}.speaking-hero-copy>span{display:block;max-width:226px;margin-top:9px;color:#946027;font-size:10px;line-height:1.6}.speaking-start-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-width:137px;min-height:43px;margin-top:19px;border-radius:13px;color:#fff9ee;background:#9e4d1c;box-shadow:0 7px 15px #7439142e;font-size:12px;font-weight:700;transition:transform .15s ease}.speaking-start-button:hover{transform:translateY(-2px)}.speaking-hero-art{position:absolute;z-index:1;right:10px;top:51px;width:121px;height:155px}.speaking-hero-orbit{position:absolute;right:2px;top:36px;display:flex;align-items:center;justify-content:center;width:91px;height:91px;border:1px solid rgba(255,255,255,.48);border-radius:35px;color:#a75519;background:#fff9d9a1;box-shadow:inset 0 0 0 9px #ffffff1f;transform:rotate(8deg)}.speaking-hero-orbit svg{transform:rotate(-8deg)}.speaking-hero-bubble{position:absolute;z-index:2;right:52px;top:0;display:flex;align-items:center;gap:5px;padding:9px 10px;border-radius:14px 14px 4px;color:#9f511b;background:#fffaf0;box-shadow:0 6px 16px #8c4d1917;font-size:10px;font-weight:800;transform:rotate(-5deg)}.speaking-spark{position:absolute;color:#fff6d5;font-style:normal}.spark-one{left:7px;top:78px;font-size:23px}.spark-two{right:2px;top:12px;font-size:15px}.speaking-home-content{padding:17px 17px 27px}.speaking-overview{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #eee0d2;border-radius:17px;background:#ffffffd9;box-shadow:0 5px 16px #5b3a2109}.speaking-overview>span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;color:#b5642a;background:#ffedda}.speaking-overview>div{flex:1}.speaking-overview strong{font-size:12px}.speaking-overview p{margin-top:4px;color:#a18d7b;font-size:9px}.speaking-overview small{padding-left:13px;border-left:1px solid #eee2d6;color:#a47751;font-size:9px;line-height:1.65;text-align:center}.speaking-unit{margin-top:27px}.speaking-section-heading{display:flex;align-items:flex-start;gap:10px;margin:0 2px 14px}.speaking-unit-number{display:flex;align-items:center;justify-content:center;flex:0 0 31px;height:31px;margin-top:1px;border:1px solid #f0d9c1;border-radius:10px;color:#b4672f;background:#fff2e4;font-size:11px;font-weight:800}.speaking-section-heading h2{font-size:17px;letter-spacing:-.025em}.speaking-section-heading h2 em{margin-left:5px;color:#a08067;font-size:10px;font-style:normal;font-weight:500;letter-spacing:0}.speaking-section-heading p{margin-top:5px;color:#9a8878;font-size:10px}.speaking-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.speaking-course-card{min-width:0;overflow:hidden;border:1px solid #eee1d4;border-radius:20px;background:#fff;box-shadow:0 7px 19px #5f3c1f0d;transition:transform .16s ease,box-shadow .16s ease}.speaking-course-card:hover{transform:translateY(-3px);box-shadow:0 11px 24px #5f3c1f17}.speaking-course-art{position:relative;display:flex;align-items:center;justify-content:center;height:112px;overflow:hidden;color:#b4622c;background:#ffead5}.speaking-course-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:65px;height:65px;border:1px solid rgba(255,255,255,.65);border-radius:23px;background:#ffffff8a;box-shadow:0 7px 15px #72451f12;transform:rotate(-4deg)}.speaking-course-icon svg{transform:rotate(4deg)}.speaking-course-art>em{position:absolute;z-index:3;right:7px;bottom:7px;padding:4px 6px;border-radius:6px;color:#9e673f;background:#ffffffb0;font-size:8px;font-style:normal}.speaking-course-scene i{position:absolute;border-radius:50%;background:#ffffff47}.speaking-course-scene i:nth-child(1){left:-18px;top:-22px;width:74px;height:74px}.speaking-course-scene i:nth-child(2){right:-11px;top:18px;width:46px;height:46px}.speaking-course-scene i:nth-child(3){left:22px;bottom:-15px;width:42px;height:42px;border:8px solid rgba(255,255,255,.19);background:transparent}.tone-yellow .speaking-course-art{color:#a77a28;background:#fff0c7}.tone-green .speaking-course-art{color:#688761;background:#e8f0df}.tone-blue .speaking-course-art{color:#5b8497;background:#e4f0f3}.tone-purple .speaking-course-art{color:#857293;background:#eee8f3}.tone-pink .speaking-course-art{color:#a76f74;background:#f7e6e5}.speaking-course-copy{padding:12px 12px 11px}.speaking-course-copy>p{overflow:hidden;color:#ad9b8c;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.speaking-course-copy h3{margin-top:4px;font-size:15px;letter-spacing:-.02em}.speaking-course-copy>div{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#bb7c4d}.speaking-course-copy>div>span{display:flex;align-items:center;gap:4px;color:#9d8a79;font-size:9px}.speaking-home-note{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:26px;color:#b0937d;font-size:9px}.speaking-detail-page{padding-bottom:calc(31px + env(safe-area-inset-bottom))}.speaking-detail-hero{position:relative;padding:calc(15px + env(safe-area-inset-top)) 18px 26px;overflow:hidden;background:radial-gradient(circle at 92% 18%,rgba(255,247,187,.72),transparent 34%),linear-gradient(150deg,#ffe1b8,#ffca82)}.speaking-detail-hero:after{content:"";position:absolute;right:-44px;bottom:-76px;width:166px;height:166px;border:22px solid rgba(255,255,255,.15);border-radius:50%}.speaking-topbar{position:relative;z-index:2;display:grid;grid-template-columns:40px 1fr 40px;align-items:center}.speaking-topbar>span:nth-child(2){color:#825126;font-size:13px;font-weight:700;text-align:center}.speaking-icon-button{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;padding:0;border:1px solid rgba(222,180,137,.45);border-radius:12px;color:#87572f;background:#ffffff8c}.speaking-icon-button:hover,.speaking-icon-button.active{background:#fff}.speaking-topbar-spacer{width:39px}.speaking-detail-intro{position:relative;z-index:1;display:flex;align-items:center;gap:15px;margin-top:27px}.speaking-detail-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 68px;height:68px;border:1px solid rgba(255,255,255,.63);border-radius:23px;color:#a45720;background:#fffae596;box-shadow:0 7px 18px #854e1d14;transform:rotate(-4deg)}.speaking-detail-symbol svg{transform:rotate(4deg)}.speaking-detail-intro p{color:#a16c36;font-size:9px;font-weight:600}.speaking-detail-intro h1{margin-top:5px;color:#583718;font-size:25px;letter-spacing:-.035em}.speaking-detail-intro div>span{display:block;margin-top:3px;color:#a17a54;font-size:10px}.speaking-detail-stats{position:relative;z-index:1;display:flex;gap:15px;margin-top:25px}.speaking-detail-stats span{display:flex;align-items:center;gap:4px;color:#906333;font-size:9px}.speaking-detail-content{position:relative;z-index:2;margin-top:-12px;padding:0 17px}.speaking-progress-card{padding:16px 17px 14px;border:1px solid #ecdfd1;border-radius:18px;background:#fffffff5;box-shadow:0 8px 24px #68421f0f}.speaking-progress-heading{display:flex;align-items:center;justify-content:space-between}.speaking-progress-heading>span{display:flex;align-items:center;gap:6px;color:#8c5b35;font-size:11px;font-weight:700}.speaking-progress-heading>span svg{color:#dd8c36}.speaking-progress-heading strong{color:#b2794a;font-size:11px}.speaking-progress-track{height:6px;margin-top:12px;overflow:hidden;border-radius:8px;background:#f1e9e1}.speaking-progress-track span{display:block;height:100%;border-radius:inherit;background:#ed9145}.speaking-progress-card>div:last-child{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.speaking-progress-card>div:last-child p{display:flex;align-items:center;gap:5px;color:#8c7c6e;font-size:9px}.speaking-progress-card>div:last-child i{width:5px;height:5px;border-radius:50%;background:#c3b4a6}.speaking-progress-card small{color:#bd803f;font-size:9px}.speaking-chapters{margin-top:24px}.speaking-detail-section-title{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.speaking-detail-section-title h2{font-size:17px}.speaking-detail-section-title span{color:#a79483;font-size:9px}.speaking-chapter-card{margin-bottom:14px;overflow:hidden;border:1px solid #ede0d3;border-radius:20px;background:#fff;box-shadow:0 5px 17px #5f3c1f09}.speaking-chapter-card>header{display:flex;align-items:center;gap:10px;padding:15px 14px 13px;background:linear-gradient(100deg,#fff8ef,#fff)}.speaking-chapter-card>header>span{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:11px;color:#af622d;background:#ffead5;font-size:11px;font-weight:800}.speaking-chapter-card>header>div{flex:1}.speaking-chapter-card h3{font-size:13px}.speaking-chapter-card header p{margin-top:3px;color:#aa9786;font-size:9px}.speaking-chapter-card>header>svg{color:#d8cabe}.speaking-sentence-list{padding:0 14px}.speaking-sentence-row{display:flex;align-items:center;gap:9px;width:100%;min-height:79px;padding:12px 0;border:0;border-top:1px dashed #eee3d8;color:inherit;background:transparent;text-align:left}.speaking-sentence-index{display:flex;align-items:center;justify-content:center;flex:0 0 23px;height:23px;border-radius:8px;color:#ad8d73;background:#f6f0ea;font-size:9px;font-weight:700}.speaking-sentence-copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.speaking-sentence-copy strong{overflow-wrap:anywhere;font-size:12px;line-height:1.5}.speaking-sentence-copy small{color:#9b8a7b;font-size:9px;line-height:1.5}.speaking-sentence-row>svg{flex:0 0 auto;color:#d48a4a}.speaking-trial-tag{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;padding:4px 6px;border-radius:6px;color:#ac581f;background:#ffead6;font-size:8px;font-weight:700}.speaking-sentence-row:hover .speaking-sentence-copy strong{color:#ad541e}.speaking-sentence-row.is-locked{cursor:default;opacity:.53}.speaking-sentence-row.is-locked>svg{color:#8f8073}.speaking-detail-start{display:flex;align-items:center;justify-content:space-between;min-height:52px;margin-top:20px;padding:0 18px;border-radius:15px;color:#4e2d13;background:linear-gradient(135deg,#f5a455,#ed893a);box-shadow:0 8px 20px #c568222e;font-size:13px;font-weight:700}.speaking-detail-start>span{display:flex;align-items:center;gap:8px}.speaking-detail-note{margin-top:10px;color:#ad9a8a;font-size:9px;text-align:center}.speaking-missing-course{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:80dvh;padding:35px;color:#b27343;text-align:center}.speaking-missing-course h1{margin-top:17px;color:#654b38;font-size:22px}.speaking-missing-course p{margin-top:8px;color:#978576;font-size:11px}.speaking-missing-course a{display:flex;align-items:center;gap:7px;min-height:42px;margin-top:24px;padding:0 15px;border-radius:12px;color:#fff;background:#e88c40;font-size:11px}.speaking-practice-page{padding-bottom:calc(28px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff0dc 0,#fffaf4 250px)}.speaking-practice-header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:9px;padding:calc(15px + env(safe-area-inset-top)) 17px 14px}.speaking-practice-header>div{min-width:0;text-align:center}.speaking-practice-header p{overflow:hidden;color:#684932;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.speaking-practice-header div>span{display:block;margin-top:3px;color:#ac8767;font-size:9px}.speaking-settings-panel{position:relative;z-index:10;margin:0 17px 12px;padding:14px 15px 10px;border:1px solid #ead8c5;border-radius:16px;background:#fffdfa;box-shadow:0 8px 24px #59361c17;animation:speaking-rise .18s ease both}.speaking-settings-panel>div{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}.speaking-settings-panel strong{display:flex;align-items:center;gap:6px;color:#8e542c;font-size:12px}.speaking-settings-panel>div button{display:flex;padding:3px;border:0;color:#a18d7c;background:transparent}.speaking-settings-panel label{display:flex;align-items:center;justify-content:space-between;min-height:42px;border-top:1px solid #f3e9df}.speaking-settings-panel label>span{display:flex;align-items:center;gap:7px;color:#796655;font-size:11px}.speaking-settings-panel label svg{color:#c47a3d}.speaking-settings-panel input{width:17px;height:17px;accent-color:#e98b3c}.speaking-settings-panel>p{padding-top:7px;border-top:1px solid #f3e9df;color:#b09c8b;font-size:8px}.speaking-practice-content{padding:0 17px}.speaking-round-progress{display:grid;grid-template-columns:65px 1fr 73px;align-items:center;gap:10px;margin-bottom:14px}.speaking-round-progress>span{color:#ad764c;font-size:8px;font-weight:800;letter-spacing:.06em}.speaking-round-progress>span i{color:#c5aa93;font-style:normal}.speaking-round-progress>div{display:flex;gap:4px}.speaking-round-progress>div i{flex:1;height:4px;border-radius:5px;background:#eaded2}.speaking-round-progress>div i.active{background:#e99a53}.speaking-round-progress>em{color:#a5876e;font-size:8px;font-style:normal;text-align:right}.speaking-dialogue-stage{position:relative;min-height:241px;padding:16px 15px;overflow:hidden;border:1px solid #efdbc4;border-radius:25px;background:radial-gradient(circle at 82% 15%,#fff9d9,transparent 36%),linear-gradient(150deg,#ffdfae,#ffedd2 72%);box-shadow:0 10px 25px #7d50250f}.speaking-scene-decor span{position:absolute;border:1px solid rgba(219,162,98,.18);border-radius:50%}.speaking-scene-decor span:first-child{right:-39px;top:-52px;width:135px;height:135px}.speaking-scene-decor span:nth-child(2){left:-24px;bottom:-30px;width:85px;height:85px}.speaking-scene-decor i{position:absolute;left:24px;top:22px;color:#eab96d;font-style:normal}.speaking-character-wrap{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.speaking-character-wrap>div:last-child{padding-top:14px}.speaking-character-wrap>div:last-child strong{display:block;color:#744721;font-size:16px}.speaking-character-wrap>div:last-child span{display:block;margin-top:4px;color:#a47c54;font-size:9px}.speaking-character{position:relative;flex:0 0 99px;height:114px}.speaking-character-face{position:absolute;z-index:3;left:13px;top:9px;display:flex;align-items:center;justify-content:center;width:74px;height:70px;border:2px solid #b97546;border-radius:40% 40% 46% 46%;color:#85502f;background:#ffdcb5}.speaking-character-hair{position:absolute;z-index:4;left:14px;top:3px;width:73px;height:31px;border-radius:45px 45px 35% 15%;background:#78472f;clip-path:polygon(0 0,100% 0,100% 65%,77% 47%,62% 90%,44% 49%,25% 88%,0 66%)}.speaking-character-ear{position:absolute;z-index:2;top:37px;width:15px;height:23px;border:2px solid #b97546;border-radius:50%;background:#ffd4a8}.speaking-character-ear.left{left:6px}.speaking-character-ear.right{right:5px}.speaking-character-body{position:absolute;z-index:2;left:8px;bottom:0;display:flex;align-items:center;justify-content:center;width:84px;height:54px;border-radius:35px 35px 15px 15px;color:#fff4d8;background:#df8750;box-shadow:inset 0 4px #ffffff24}.speaking-character.role-leo .speaking-character-hair{height:25px;border-radius:45% 55% 30% 20%;background:#4e4038;clip-path:polygon(0 23%,15% 0,34% 22%,53% 0,69% 22%,87% 3%,100% 35%,96% 78%,75% 50%,50% 78%,24% 48%,0 74%)}.speaking-character.role-leo .speaking-character-face{border-color:#a77b59;color:#6d5541;background:#f3cfaa}.speaking-character.role-leo .speaking-character-body{color:#eef8f5;background:#6c9d91}.speaking-ai-bubble{position:relative;z-index:2;width:calc(100% - 24px);margin:10px 0 0 24px;padding:12px 14px;border:1px solid rgba(236,210,180,.8);border-radius:5px 16px 16px;background:#ffffffe6;box-shadow:0 5px 13px #764b220d}.speaking-ai-bubble>span{display:flex;align-items:center;gap:4px;color:#bb783e;font-size:8px;font-weight:700}.speaking-ai-bubble p{margin-top:5px;color:#594234;font-size:12px;line-height:1.55}.speaking-ai-bubble small{display:block;margin-top:4px;color:#9e8b7a;font-size:9px}.speaking-target-card{margin-top:13px;padding:16px 16px 14px;border:1px solid #eee0d2;border-radius:20px;background:#fff;box-shadow:0 5px 18px #603c1f0a;text-align:center}.speaking-target-label{display:flex;align-items:center;justify-content:space-between}.speaking-target-label>span{display:flex;align-items:center;gap:5px;color:#ac6a33;font-size:10px;font-weight:700}.speaking-target-label em{padding:4px 6px;border-radius:6px;color:#ac8a6c;background:#faf3eb;font-size:8px;font-style:normal}.speaking-target-card h1{margin-top:13px;overflow-wrap:anywhere;color:#4f392b;font-size:19px;line-height:1.5;letter-spacing:-.02em}.speaking-target-card>p{margin-top:5px;color:#9a8776;font-size:10px}.speaking-example-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;margin-top:12px;padding:0 12px;border:1px solid #f0d4b8;border-radius:11px;color:#a65a24;background:#fff3e7;font-size:10px;font-weight:600}.speaking-example-button.playing{color:#fff;background:#e9964c}.speaking-example-button>span{margin-left:3px;font-size:8px}.speaking-target-card .speaking-speech-message{color:#ac6640;font-size:9px;line-height:1.6}.speaking-conversation{margin-top:12px}.dialogue-history-item+.dialogue-history-item{margin-top:10px}.dialogue-history-question{background:#fff}.dialogue-history-question small{display:block;margin-top:4px;color:#a18c77;font-size:8px}.speaking-listening-row,.speaking-child-row{display:flex;align-items:center;gap:8px}.speaking-child-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border:1px solid #e5d4c3;border-radius:12px;color:#9d7453;background:#f5e9dc}.speaking-listening-bubble{display:flex;align-items:center;gap:12px;min-height:48px;padding:9px 13px;border-radius:5px 14px 14px;color:#8b715c;background:#f5ede4;font-size:9px}.speaking-listening-bubble>div{display:flex;align-items:center;gap:2px;height:17px}.speaking-listening-bubble i{width:3px;height:7px;border-radius:4px;background:#d78b4b;animation:speaking-wave .8s ease-in-out infinite alternate}.speaking-listening-bubble i:nth-child(2),.speaking-listening-bubble i:nth-child(4){height:14px;animation-delay:-.3s}.speaking-listening-bubble i:nth-child(3){height:18px;animation-delay:-.5s}.speaking-child-row>div{flex:1;padding:10px 13px;border:1px solid #e8e0d5;border-radius:5px 14px 14px;background:#f6f2eb}.speaking-child-row>div>span{color:#a4917f;font-size:8px}.speaking-child-row>div>p{margin-top:3px;color:#5f5144;font-size:12px;font-weight:600}.speaking-score{display:flex;align-items:center;flex-direction:column;min-width:48px;padding:7px;border:1px solid #cfe0bf;border-radius:12px;color:#60814c;background:#f0f7e9}.speaking-score strong{font-size:19px;line-height:1}.speaking-score small{margin-top:4px;font-size:7px}.speaking-ai-feedback{display:flex;align-items:flex-start;gap:8px;margin-top:9px;padding:11px 12px;border:1px solid #f0dfc4;border-radius:14px;background:#fff7e9;animation:speaking-rise .2s ease both}.speaking-ai-feedback>span{display:flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;border-radius:10px;color:#b3692e;background:#ffe9c9}.speaking-ai-feedback strong{color:#8e5d27;font-size:10px}.speaking-ai-feedback p{margin-top:4px;color:#927b60;font-size:9px;line-height:1.6}.speaking-ai-feedback button{display:inline-flex;align-items:center;gap:4px;min-height:27px;margin-top:7px;padding:0 8px;border:0;border-radius:8px;color:#a85b21;background:#ffe9cf;font-size:8px}.speaking-mic-area{display:flex;align-items:center;flex-direction:column;margin-top:18px}.speaking-mic-button{position:relative;display:flex;align-items:center;justify-content:center;width:68px;height:68px;border:6px solid #fff6ed;border-radius:50%;color:#fff;background:linear-gradient(145deg,#f3a358,#e77f35);box-shadow:0 7px 20px #bf63243d,0 0 0 1px #f0d7bf;transition:transform .15s ease}.speaking-mic-button:hover{transform:scale(1.04)}.speaking-mic-button.listening{background:#d99b66;animation:speaking-pulse 1.2s ease-in-out infinite}.speaking-mic-button.complete{background:#7fa36b}.speaking-mic-area>strong{margin-top:9px;color:#866344;font-size:10px}.speaking-mic-area>p{display:flex;align-items:center;gap:5px;margin-top:7px;color:#ad9b8c;font-size:8px}.speaking-mic-area>p i{width:5px;height:5px;border-radius:50%;background:#d4a875}.speaking-practice-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid #eee1d4}.speaking-practice-tools button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-height:59px;border:1px solid #ecdfd2;border-radius:14px;color:#987458;background:#fff;font-size:9px}.speaking-practice-tools button:hover,.speaking-practice-tools button.active{border-color:#eab47d;color:#aa5c24;background:#fff2e4}.speaking-next-topic{display:flex;align-items:center;justify-content:center;gap:3px;min-height:34px;margin:9px auto 0;padding:0 12px;border:0;color:#a68b74;background:transparent;font-size:9px}@keyframes speaking-wave{to{transform:scaleY(.45);opacity:.55}}@keyframes speaking-pulse{50%{box-shadow:0 7px 20px #bf63242e,0 0 0 9px #e7924c1f}}@keyframes speaking-rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:360px){.speaking-hero{min-height:262px;padding-inline:17px}.speaking-hero-copy h1{font-size:24px}.speaking-hero-art{right:-7px;opacity:.83}.speaking-home-content,.speaking-detail-content,.speaking-practice-content{padding-inline:13px}.speaking-course-grid{gap:9px}.speaking-course-copy,.speaking-sentence-list{padding-inline:10px}.speaking-trial-tag{padding-inline:4px}.speaking-detail-stats{gap:10px}}@media(prefers-reduced-motion:reduce){.speaking-page *,.speaking-page *:before,.speaking-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif;color:#352b25;background:#eee9e3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--primary: #ed8a3c;--primary-dark: #b95016;--primary-soft: #fff0e2;--ink: #352b25;--muted: #7d7168;--cream: #fff9f3;--line: #f0e6dc}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid #a84612}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{cursor:pointer}button:disabled{cursor:default}#app{min-height:100dvh}.app-shell{position:relative;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;background:var(--cream);box-shadow:0 0 45px #4c37251a;overflow:hidden}.page{min-height:100dvh;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.page-enter-active,.page-leave-active{transition:opacity .16s ease,transform .16s ease}.page-enter-from{opacity:0;transform:translateY(5px)}.page-leave-to{opacity:0}.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(5,1fr);width:100%;max-width:480px;padding:9px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgba(226,211,198,.8);background:#fffdfaf0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-item{position:relative;display:flex;align-items:center;flex-direction:column;gap:3px;min-height:49px;color:#93877e;font-size:11px;font-weight:600}.nav-item svg{transition:transform .18s ease}.nav-item.active{color:var(--primary-dark)}.nav-item.active:before{content:"";position:absolute;top:-9px;width:22px;height:3px;border-radius:0 0 4px 4px;background:var(--primary)}.nav-item.active svg{transform:translateY(-1px)}.home-hero{position:relative;height:262px;padding:calc(22px + env(safe-area-inset-top)) 24px 0;overflow:hidden;background:linear-gradient(145deg,#ffe2c5,#fff0dc 57%,#fff7e9)}.brand-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;letter-spacing:.02em}.page-title{font-size:18px;letter-spacing:-.02em}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:10px;color:#fff;background:var(--primary);box-shadow:0 5px 12px #c7651f2e}.sync-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid rgba(208,126,56,.16);border-radius:999px;color:#9b4e1e;background:#ffffff8c;font-size:11px;font-weight:600}.hero-kicker{margin-top:30px;color:#a86d45;font-size:10px;font-weight:700;letter-spacing:.19em}.home-hero h1{margin-top:3px;font-size:38px;line-height:1.25;letter-spacing:-.04em}.hero-subtitle{margin-top:8px;color:#775e4c;font-size:14px}.hero-orb{position:absolute;border:1px solid rgba(222,142,72,.17);border-radius:50%}.orb-one{right:-46px;top:68px;width:158px;height:158px}.orb-two{right:-8px;top:106px;width:80px;height:80px;background:#ffffff2e}.home-content{position:relative;z-index:2;margin-top:-43px;padding:0 18px 24px}.book-card{padding:20px;border:1px solid rgba(237,222,208,.75);border-radius:25px;background:#fff;box-shadow:0 15px 40px #724c2b17;animation:rise .35s ease both}.section-label{display:flex;align-items:center;gap:7px;margin-bottom:17px;font-size:13px;font-weight:700}.section-label span{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.book-main{display:flex;gap:17px}.book-cover{display:flex;align-items:center;justify-content:center;flex:0 0 96px;height:132px;overflow:hidden;border-radius:8px 13px 13px 8px;color:#bc722f;background:#f9e5c9;box-shadow:4px 6px 13px #5d3e2226,inset 3px 0 #fff6}.book-cover img{width:100%;height:100%;object-fit:cover}.book-info{flex:1;min-width:0;padding-top:3px}.book-meta{overflow:hidden;color:#a16841;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.book-info h2{margin-top:7px;font-size:20px;line-height:1.38;letter-spacing:-.025em}.book-caption{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.5}.book-progress{height:5px;margin-top:14px;overflow:hidden;border-radius:9px;background:#f2ebe5}.book-progress span{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#f4ad6c,var(--primary))}.progress-label{margin-top:5px;color:#9c8e84;font-size:9px;text-align:right}.book-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.book-stats>div{display:flex;align-items:center;flex-direction:column;gap:3px;border-right:1px solid var(--line)}.book-stats>div:last-child{border:0}.book-stats strong{font-size:25px;line-height:1.2;letter-spacing:-.03em}.book-stats span{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:10px}.dot{width:5px;height:5px;border-radius:50%}.dot.mastered{background:#82a677}.dot.learned{background:#efac4e}.primary-button{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 19px;border-radius:15px;color:#42250d;background:linear-gradient(135deg,#f5a155,#ed8736);box-shadow:0 8px 18px #d26b2336,inset 0 1px #ffffff59;font-weight:700;transition:transform .15s ease,box-shadow .15s ease}.primary-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #d26b2342}.primary-button:active{transform:translateY(1px)}.primary-button span{display:flex;align-items:center;gap:9px}.unit-entry-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.unit-entry-actions .primary-button{min-width:0;padding-inline:14px;font-size:14px}.entry-hint{margin-top:10px;color:#95887e;font-size:10px;text-align:center}.learning-overview{margin-top:26px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 13px}.section-heading h2{font-size:17px;letter-spacing:-.02em}.section-heading>span{color:var(--muted);font-size:11px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.overview-card{position:relative;min-height:148px;padding:16px;overflow:hidden;border-radius:19px}.words-overview{background:#fff0e3}.reading-overview{background:#edf2e8}.overview-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;background:#ffffffa6;color:#bd6427}.reading-overview .overview-icon{color:#69815e}.overview-card h3{margin-top:12px;font-size:16px}.overview-card p{margin-top:3px;color:#817166;font-size:10px}.overview-tag{position:absolute;right:10px;top:18px;color:#9f5d2c29;font-size:14px;font-weight:700;letter-spacing:.08em;transform:rotate(90deg) translate(100%);transform-origin:right top}.reading-overview .overview-tag{color:#4b674026}.learning-tip{display:flex;align-items:flex-start;gap:11px;margin-top:17px;padding:14px 16px;border:1px solid #f1e5c9;border-radius:16px;color:#927331;background:#fff8e8}.learning-tip svg{flex:0 0 auto;margin-top:2px}.learning-tip p{color:#857765;font-size:11px;line-height:1.65}.learning-tip strong{color:#75603d;font-size:11px}.word-special-tools{margin-top:26px}.word-special-tools .section-heading{align-items:flex-end}.word-special-tools .section-heading p{margin-bottom:3px;color:#b07951;font-size:9px;font-weight:700;letter-spacing:.14em}.word-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.word-tool-card{position:relative;display:flex;align-items:flex-start;flex-direction:column;min-width:0;min-height:142px;padding:15px;overflow:hidden;border:1px solid rgba(237,222,208,.65);border-radius:19px;background:#fff;box-shadow:0 7px 20px #6946270d;transition:transform .15s ease,box-shadow .15s ease}.word-tool-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #69462717}.word-tool-card>svg{position:absolute;right:13px;top:18px;color:#bca796}.word-tool-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;color:#b95d21;background:#ffedda}.word-tool-card h3{margin-top:14px;font-size:15px;letter-spacing:-.02em}.word-tool-card p{margin-top:4px;color:#8a7b70;font-size:10px}.word-tool-card.dictation .word-tool-icon{color:#9b6a24;background:#fff3cf}.word-tool-card.match .word-tool-icon{color:#4f887c;background:#e5f3ed}.word-tool-card.elimination .word-tool-icon{color:#7a71a4;background:#efecf8}.unit-header{padding:calc(15px + env(safe-area-inset-top)) 0 0;background:linear-gradient(160deg,#ffe5ca,#fff4e5)}.unit-topbar{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;padding:0 17px 17px}.unit-topbar>div{min-width:0;text-align:center}.unit-topbar p{color:#a16a43;font-size:10px}.unit-topbar h1{overflow:hidden;margin-top:3px;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(220,177,139,.35);border-radius:13px;background:#ffffff8c}.icon-button:hover{background:#fff}.topbar-spacer{width:40px}.unit-scroll{display:flex;gap:6px;padding:0 18px;overflow-x:auto;scrollbar-width:none}.unit-scroll::-webkit-scrollbar{display:none}.unit-scroll button{position:relative;flex:0 0 auto;max-width:180px;min-height:43px;padding:0 12px;overflow:hidden;border:0;color:#8a7362;background:transparent;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.unit-scroll button.active{color:#a84712}.unit-scroll button.active:after{content:"";position:absolute;bottom:2px;left:50%;width:22px;height:3px;border-radius:4px;background:var(--primary);transform:translate(-50%)}.unit-content{padding:17px 17px 25px}.list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 3px 15px}.list-heading p{color:#b07951;font-size:9px;font-weight:700;letter-spacing:.14em}.list-heading h2{margin-top:3px;font-size:20px;letter-spacing:-.025em}.list-heading>span{display:flex;align-items:center;gap:3px;padding-bottom:3px;color:var(--muted);font-size:10px}.word-list{display:flex;flex-direction:column;gap:11px;margin:0;padding:0;list-style:none}.word-card{position:relative;display:flex;align-items:stretch;min-height:108px;padding:18px 16px;border:1px solid #f0e5da;border-radius:18px;background:#fff;box-shadow:0 5px 16px #5e41280b;cursor:pointer;animation:rise .3s ease both;transition:border-color .15s ease,box-shadow .15s ease}.word-card.playing,.word-card.selected{border-color:#e9a64c;box-shadow:0 5px 18px #c4741f1f}.word-card:focus-visible{outline:2px solid #dc9450;outline-offset:2px}.word-index{position:absolute;top:-1px;right:-1px;padding:4px 8px;border-radius:0 18px 0 10px;color:#79a0a3;background:#e3f4f5;font-size:9px;font-weight:700}.word-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;flex:1;gap:14px;min-width:0}.word-body>:first-child{min-width:0;padding-right:14px;border-right:1px dashed #eee3d9}.word-title-row{display:flex;align-items:flex-start;flex-direction:column;gap:5px;min-width:0}.word-title-row h3{overflow-wrap:anywhere;font-size:21px;line-height:1.25;letter-spacing:-.025em}.phonetic{color:#9a887a;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.word-translation{margin-top:0;color:#76675b;font-size:12px;line-height:1.65}.translation-lines{display:flex;flex-direction:column;gap:3px}.translation-line{display:block}.audio-error{margin:-4px 3px 12px;padding:10px 12px;border-radius:10px;color:#9a431d;background:#fff0e8;font-size:11px}.text-page-card{margin-bottom:15px;padding:17px 17px 6px;border:1px solid #eee3d8;border-radius:20px;background:#fff;box-shadow:0 5px 18px #5e41280b}.text-page-card>h3{padding:0 2px 12px;color:#b56028;font-size:13px;line-height:1.5}.sentence-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:73px;padding:13px 2px;border:0;border-top:1px dashed #eee3d9;background:transparent;text-align:left}.sentence-copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.sentence-copy strong{font-size:14px;line-height:1.55;white-space:pre-wrap}.sentence-copy strong .timeline-word{color:inherit;transition:color .08s linear}.sentence-copy strong .timeline-word.active-word{color:#e34b35;font-weight:700}.sentence-copy>span{color:#8a7a6f;font-size:11px;line-height:1.55}.sentence-sound{display:inline-flex;align-items:center;justify-content:center;flex:0 0 29px;width:29px;height:29px;border:0;border-radius:50%;color:#b26b39;background:#fff3e8}.sentence-sound.playing{color:#fff;background:var(--primary)}.sentence-sound:disabled{opacity:.35}.sentence-row{cursor:pointer}.sentence-row.auto-active{padding-inline:10px;border-top-color:transparent;border-radius:12px;background:#fff1e3;box-shadow:inset 3px 0 #ed8a3c;transition:background .18s ease,box-shadow .18s ease}.sentence-row.auto-active .sentence-copy strong{color:#a64b17}.sentence-row.selected{padding-inline:10px;border-top-color:transparent;border-radius:12px;background:#fff7e9;box-shadow:inset 3px 0 #f0a04a}.sentence-row.selected .sentence-copy strong{color:#9f4f18}.sentence-actions{display:inline-flex;align-items:center;flex:0 0 auto;gap:7px}.sentence-follow-button{display:inline-flex;align-items:center;gap:4px;min-height:29px;padding:0 9px;border:1px solid #edb277;border-radius:9px;color:#a65318;background:#ffead4;font-size:10px;font-weight:700}.has-reading-actions .unit-content{padding-bottom:145px}.reading-actions{position:fixed;z-index:25;bottom:73px;left:50%;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:calc(100% - 28px);max-width:452px;padding:10px;border:1px solid #ead8c7;border-radius:18px;background:#fffdfaf5;box-shadow:0 8px 26px #56361d1f;transform:translate(-50%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.auto-play-button,.follow-read-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border-radius:13px;font-size:12px;font-weight:700}.auto-play-button{border:1px solid #edb27e;color:#a84c17;background:#fff0e2}.auto-play-button.playing{border-color:#e8893c;color:#fff;background:#e8893c}.follow-read-button{position:relative;border:1px solid #e6ddd4;color:#a2968c;background:#f3efeb}.follow-read-button span{position:absolute;right:7px;top:3px;color:#b2a79e;font-size:7px;font-weight:500}.follow-start-backdrop{position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:22px;background:#39281b6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.follow-start-dialog{width:100%;max-width:390px;padding:24px 20px 17px;border:1px solid #eed8c1;border-radius:22px;background:#fffaf3;box-shadow:0 18px 50px #442b172e;text-align:center}.follow-start-eyebrow{color:#bd7a43;font-size:10px;font-weight:700;letter-spacing:.12em}.follow-start-dialog h2{margin-top:8px;color:#543923;font-size:20px}.follow-start-dialog>p:not(.follow-start-eyebrow){margin-top:11px;color:#947e6b;font-size:12px;line-height:1.7}.follow-start-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.follow-start-actions button{min-height:45px;border-radius:12px;font-size:12px;font-weight:700}.follow-start-secondary{border:1px solid #e6c39f;color:#a3612b;background:#fff1df}.follow-start-primary{border:1px solid #e88b3c;color:#fff;background:linear-gradient(135deg,#f2a256,#e88438)}.follow-start-cancel{margin-top:12px;padding:5px 12px;border:0;color:#aa9482;background:transparent;font-size:10px}.word-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:18px}.mask-options{display:flex;gap:2px;padding:3px;border-radius:11px;background:#f2eae2}.mask-options button{min-height:30px;padding:0 8px;border:0;border-radius:8px;color:#8c7a6d;background:transparent;font-size:9px;white-space:nowrap}.mask-options button.active{color:#a94b16;background:#fff;box-shadow:0 2px 6px #5b3a2112;font-weight:700}.word-tool-selects{display:flex;gap:5px}.tool-menu{position:relative}.tool-trigger{display:flex;align-items:center;gap:3px;min-height:35px;padding:0 7px;border:1px solid #eadfd5;border-radius:9px;color:#8b7768;background:#fff;font-size:9px;white-space:nowrap}.tool-trigger.active{border-color:#edb17d;color:#a94b16;background:#fff3e8}.tool-popover{position:absolute;z-index:35;right:0;top:41px;display:grid;gap:3px;min-width:110px;padding:7px;border:1px solid #ead8c8;border-radius:13px;background:#fff;box-shadow:0 10px 28px #4f331e21}.filter-popover{grid-template-columns:1fr 1fr;width:148px}.tool-popover button{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:33px;padding:0 9px;border:0;border-radius:8px;color:#806e61;background:transparent;font-size:10px;text-align:left}.tool-popover button.active{color:#a94b16;background:#fff0e2;font-weight:700}.masked-toggle{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left}.masked-placeholder{display:flex;align-items:center;gap:6px;min-height:34px;padding:7px 9px;border-radius:9px;color:#a49386;background:#f3eee9;font-size:10px}.masked-toggle .word-title-row{align-items:flex-start}.chinese-mask{margin-top:0}.chinese-mask .word-translation{display:flex;align-items:flex-start;gap:7px;margin-top:0}.filtered-empty{display:flex;align-items:center;flex-direction:column;gap:10px;min-height:220px;padding-top:55px;color:#b08a68}.filtered-empty p{color:#8b7b6f;font-size:12px}.filtered-empty button{min-height:34px;padding:0 12px;border:1px solid #e7c5a6;border-radius:10px;color:#a64d18;background:#fff;font-size:10px}.has-word-actions .unit-content{padding-bottom:140px}.word-start-actions{position:fixed;z-index:25;bottom:73px;left:50%;display:grid;grid-template-columns:1fr 1.35fr;gap:9px;width:calc(100% - 28px);max-width:452px;padding:10px;border:1px solid #ead8c7;border-radius:18px;background:#fffdfaf5;box-shadow:0 8px 26px #56361d1f;transform:translate(-50%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.word-start-actions .quick-mode-button{border:1px solid #edbd8e;color:#a6531b;background:#fff2e5}.word-start-actions button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border:0;border-radius:13px;color:#42250d;background:linear-gradient(135deg,#f5a155,#ed8736);font-size:13px;font-weight:700}.word-start-actions button span{color:#81501f;font-size:9px;font-weight:500}.quick-shell{display:flex;flex-direction:column;width:100%;max-width:480px;height:100dvh;padding:calc(15px + env(safe-area-inset-top)) 17px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;background:linear-gradient(155deg,#ffe7c6,#fffaf3 46%)}.quick-header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:10px}.quick-header h2{font-size:17px;text-align:center}.quick-type-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:24px;padding:4px;border-radius:14px;background:#f1e7dc}.quick-type-tabs button{min-height:43px;border:0;border-radius:11px;color:#8b7765;background:transparent;font-size:12px;font-weight:600}.quick-type-tabs button.active{color:#a64c17;background:#fff;box-shadow:0 3px 10px #5d3b2012}.quick-type-tabs span{margin-left:3px;font-size:10px}.quick-preferences{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:15px}.quick-preferences>div{display:flex;gap:3px;padding:3px;border-radius:10px;background:#f2eae2}.quick-preferences button{min-height:29px;padding:0 8px;border:0;border-radius:8px;color:#8c7a6d;background:transparent;font-size:9px}.quick-preferences button.active{color:#a94b16;background:#fff}.quick-sort{display:flex;align-items:center;gap:4px;border:1px solid #e8d9ca!important;border-radius:9px!important;background:#fff!important}.quick-loading,.quick-empty{padding:70px 20px;color:#a18165;text-align:center}.quick-empty h3{margin-top:12px;color:#76573c;font-size:18px}.quick-empty p{margin-top:7px;font-size:11px}.quick-task-list{display:flex;flex-direction:column;gap:9px;margin:18px 0 100px;padding:0;list-style:none}.quick-task-row{display:grid;grid-template-columns:23px 1fr 1.1fr 28px;align-items:center;gap:8px;min-height:92px;padding:13px 12px;border:1px solid #eee0d3;border-radius:16px;background:#fff}.quick-index{align-self:start;padding-top:3px;color:#c0ad9d;font-size:10px}.quick-task-row h3{overflow-wrap:anywhere;font-size:19px}.quick-task-row>div>p{margin-top:4px;color:#9d8878;font-size:10px}.quick-translation{color:#79685b;font-size:11px;line-height:1.55}.quick-covered{padding:5px 7px;border:0;border-radius:7px;color:#a07e63;background:#f4eee8;font-size:10px;text-align:left}.quick-favorite{display:flex;align-items:center;justify-content:center;width:28px;height:32px;border:0;color:#ad9a8a;background:transparent}.quick-favorite.active{color:#dd8b35}.quick-start{position:fixed;z-index:25;bottom:15px;left:50%;display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 34px);max-width:446px;min-height:52px;border:0;border-radius:15px;color:#42250d;background:#ef9145;box-shadow:0 8px 22px #bf651c2e;transform:translate(-50%);font-size:13px;font-weight:700}.quick-start span{color:#805020;font-size:9px;font-weight:500}.quick-word-tabs{display:flex;gap:16px;margin:19px -17px 0;padding:0 17px 10px;overflow-x:auto;scrollbar-width:none}.quick-word-tabs::-webkit-scrollbar{display:none}.quick-word-tabs button{flex:0 0 auto;padding:4px 0 7px;border:0;border-bottom:2px solid transparent;color:#9b8978;background:transparent;font-size:12px;font-weight:600}.quick-word-tabs button.active{border-bottom-color:#df8535;color:#a44b16}.quick-word-tabs button.done{color:#74915c}.quick-progress{display:flex;justify-content:space-between;margin-top:10px;color:#a18772;font-size:9px}.quick-card{display:flex;align-items:center;flex-direction:column;min-height:410px;margin-top:17px;padding:65px 20px 25px;border:1px solid #edddce;border-radius:24px;background:#ffffffe6;box-shadow:0 14px 36px #633f2212}.quick-card h1{max-width:100%;overflow-wrap:anywhere;font-size:40px;letter-spacing:-.045em}.quick-card-sound{display:flex;align-items:center;gap:7px;margin-top:13px;padding:7px 10px;border:0;color:#a86c3d;background:transparent;font-size:13px}.quick-answer-button{display:flex;align-items:center;gap:7px;min-height:45px;margin-top:55px;padding:0 15px;border:0;border-radius:12px;color:#a8531c;background:#fff0e1;font-size:12px;font-weight:600}.quick-answer{width:100%;text-align:center}.quick-answer>p{color:#624b3b;font-size:16px;line-height:1.8}.quick-answer>img{max-width:175px;max-height:150px;margin-top:13px;object-fit:contain}.quick-answer article{margin-top:17px;padding:12px;border-radius:12px;background:#fff7eb;text-align:left}.quick-answer article span{color:#a67334;font-size:9px;font-weight:700}.quick-answer article p{margin-top:6px;color:#604a39;font-size:12px;line-height:1.6}.quick-answer article small{display:block;margin-top:4px;color:#8e7b6b;font-size:10px}.quick-secondary-actions{display:flex;justify-content:center;gap:30px;margin-top:16px}.quick-secondary-actions button{display:flex;align-items:center;gap:5px;border:0;color:#95755b;background:transparent;font-size:11px}.quick-secondary-actions button.active{color:#d57d2a}.quick-detail{margin-top:15px;padding:13px;border:1px solid #edddcd;border-radius:13px;background:#fff}.quick-detail strong{color:#a3632c;font-size:11px}.quick-detail p{margin-top:7px;color:#665043;font-size:12px;line-height:1.65}.quick-detail small{display:block;margin-top:5px;color:#948171;font-size:10px}.quick-answer-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:20px}.quick-answer-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:49px;border:0;border-radius:14px;color:#fff;font-size:13px;font-weight:700}.quick-answer-actions .forgot{background:#df725d}.quick-answer-actions .known{background:#72a665}.quick-answer-actions button:disabled{opacity:.55}.quick-report-hero{padding:28px 19px 20px;border-radius:22px;color:#754313;background:linear-gradient(145deg,#ffd477,#ffad3f);text-align:center}.quick-report-hero>span{display:inline-flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;color:#fff;background:#ffffff40}.quick-report-hero h2{margin-top:13px;font-size:20px}.quick-report-hero>div{display:grid;grid-template-columns:1fr 1fr;margin-top:23px}.quick-report-hero p{display:flex;align-items:center;flex-direction:column;color:#855520;font-size:10px}.quick-report-hero p:first-child{border-right:1px solid rgba(125,76,20,.18)}.quick-report-hero strong{margin-top:5px;color:#6d390c;font-size:26px}.quick-report-title{margin:24px 0 13px;font-size:16px}.quick-report-list{display:flex;flex-direction:column;gap:10px;margin:0 0 85px;padding:0;list-style:none}.quick-report-list li{display:grid;grid-template-columns:1fr auto 25px;align-items:center;gap:9px;padding:14px;border:1px solid #eddfd3;border-radius:15px;background:#fff}.quick-report-list strong{font-size:15px}.quick-report-list p{margin-top:4px;color:#8d7b6d;font-size:10px;line-height:1.5}.quick-report-list li>span{padding:4px 7px;border-radius:7px;font-size:9px}.quick-report-list li>span.known{color:#4e7c3c;background:#edf5e8}.quick-report-list li>span.forgot{color:#a94e38;background:#fff0eb}.quick-report-list li>svg{color:#d78a35}.quick-report-actions{position:fixed;bottom:14px;left:50%;display:grid;grid-template-columns:1fr 1.5fr;gap:10px;width:calc(100% - 34px);max-width:446px;transform:translate(-50%)}.quick-report-actions button{min-height:47px;border:1px solid #e3cdb8;border-radius:14px;color:#9c5b27;background:#fff;font-size:12px;font-weight:700}.quick-report-actions button.primary{border-color:#ed9145;color:#42250d;background:#ed9145}.study-overlay{position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;background:#efe8e0f5}.study-shell{display:flex;flex-direction:column;width:100%;max-width:480px;height:100dvh;padding:calc(17px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(160deg,#ffe6cc,#fff9f3 42%)}.study-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px}.study-header>div{text-align:center}.study-header p{color:#a46f49;font-size:8px;font-weight:700;letter-spacing:.13em}.study-header h2{margin-top:3px;font-size:17px}.study-count{color:#a66a3e;font-size:11px;font-weight:700;text-align:right}.study-progress{height:5px;margin-top:19px;overflow:hidden;border-radius:8px;background:#e0cab58c}.study-progress span{display:block;height:100%;border-radius:inherit;background:#ed8a3c;transition:width .2s ease}.study-main{display:flex;justify-content:center;flex:1;flex-direction:column}.study-eyebrow{margin-bottom:17px;color:#a17b5e;font-size:10px;text-align:center}.study-word-card{position:relative;display:flex;align-items:center;flex-direction:column;min-height:430px;padding:55px 24px 25px;border:1px solid #edddcf;border-radius:28px;background:#ffffffeb;box-shadow:0 18px 45px #633f2217;text-align:center}.study-word-number{position:absolute;left:20px;top:18px;color:#c3ae9c;font-size:11px;font-weight:700}.study-word-card h1{max-width:100%;overflow-wrap:anywhere;font-size:39px;line-height:1.25;letter-spacing:-.045em}.study-phonetic{margin-top:12px;color:#9c8777;font-size:15px}.study-sound{display:flex;align-items:center;gap:7px;min-height:41px;margin-top:20px;padding:0 14px;border:0;border-radius:12px;color:#a9501b;background:#fff0e2;font-size:11px}.study-sound:disabled{opacity:.4}.reveal-answer{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:58px;margin-top:50px;border:1px dashed #dda774;border-radius:16px;color:#a7541e;background:#fff8ef;font-size:13px;font-weight:600}.study-answer{width:100%;margin-top:36px;padding-top:21px;border-top:1px solid #f0e3d8}.study-answer p{color:#b18a67;font-size:9px;font-weight:700;letter-spacing:.12em}.study-answer strong{display:block;margin-top:11px;color:#6a5343;font-size:15px;line-height:1.85}.study-footer{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:22px}.study-footer button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;border-radius:14px;font-size:12px;font-weight:700}.study-prev{border:1px solid #e4d4c5;color:#8c7869;background:#fff}.study-prev:disabled{opacity:.4}.study-next{border:0;color:#42250d;background:#ef9145}.flow-shell{display:flex;flex-direction:column;width:100%;max-width:480px;height:100dvh;margin:0 auto;padding:calc(15px + env(safe-area-inset-top)) 17px calc(82px + env(safe-area-inset-bottom));background:linear-gradient(155deg,#ffe3b3,#fff8ec 43%,#fffaf4)}.flow-topbar{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:10px}.flow-topbar h2{overflow:hidden;font-size:16px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.flow-word-count{color:#a16a39;font-size:10px;font-weight:700;text-align:right}.flow-word-tabs{display:flex;gap:17px;margin:17px -17px 0;padding:0 17px 8px;overflow-x:auto;scrollbar-width:none}.flow-word-tabs::-webkit-scrollbar{display:none}.flow-word-tabs button{position:relative;flex:0 0 auto;padding:3px 0 8px;border:0;color:#806e58;background:transparent;font-size:14px;font-weight:600}.flow-word-tabs button.active{color:#9f460f}.flow-word-tabs button.active:after{content:"";position:absolute;bottom:0;left:50%;width:19px;height:3px;border-radius:3px;background:#e9862f;transform:translate(-50%)}.flow-steps{display:grid;grid-template-columns:repeat(6,1fr);margin:6px 0 0;padding:12px 8px;border-radius:18px;background:#fff9e5b3;list-style:none}.flow-steps li{position:relative;text-align:center}.flow-steps li:not(:last-child):after{content:"";position:absolute;top:17px;left:65%;width:70%;height:1px;background:#e7cfa6}.flow-steps button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #e9c990;border-radius:50%;color:#8c6940;background:#fff;font-size:12px;font-weight:700}.flow-steps button small{position:absolute;top:39px;left:50%;color:#a47b52;font-size:8px;transform:translate(-50%)}.flow-steps li.done button,.flow-steps li.active button{border-color:#ed963c;color:#9f470f;background:#ffbd4a}.flow-main{flex:1;padding:27px 0 20px;overflow-y:auto}.flow-word-hero{display:flex;align-items:center;justify-content:center;gap:12px}.flow-word-hero h1,.flow-listen h1,.flow-choice h1{max-width:100%;overflow-wrap:anywhere;font-size:38px;letter-spacing:-.045em}.hero-sound{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:13px;color:#fff;background:#ed913c}.accent-row{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:12px}.accent-row>div{display:flex;padding:3px;border-radius:9px;background:#f1e9df}.accent-row>div button{width:32px;height:24px;border:0;border-radius:7px;color:#a49385;background:transparent;font-size:10px}.accent-row>div button.active{color:#a64d17;background:#fff}.accent-row>span{color:#846c59;font-size:15px}.plain-sound{display:flex;padding:3px;border:0;color:#df7f25;background:transparent}.flow-translation{margin-top:20px;color:#5f4a3a;font-size:16px;line-height:1.85;text-align:center}.flow-word-image{display:flex;align-items:center;justify-content:center;height:170px;margin-top:16px}.flow-word-image img{max-width:180px;max-height:165px;object-fit:contain}.phoneme-list{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:17px}.phoneme-list button{display:flex;align-items:center;flex-direction:column;min-width:49px;padding:8px 9px;border:1px solid #eed7ae;border-radius:11px;color:#a7561d;background:#fff8e9}.phoneme-list strong{font-size:14px}.phoneme-list span{margin-top:2px;color:#846c58;font-size:11px}.flow-example{position:relative;margin-top:22px;padding:17px;border:1px solid #eee0d0;border-radius:17px;background:#fffc}.flow-example>span,.listen-example>span{display:inline-block;padding:4px 7px;border-radius:7px;color:#a16a2e;background:#fff1c9;font-size:9px;font-weight:700}.flow-example>button{position:absolute;right:12px;top:12px;border:0;color:#b56b28;background:transparent}.flow-example p,.listen-example p{margin-top:11px;color:#4d3c30;font-size:14px;line-height:1.7}.flow-example small,.listen-example small{display:block;margin-top:6px;color:#8d7b6d;font-size:11px;line-height:1.6}.flow-section-kicker{margin-bottom:23px;color:#a2734d;font-size:11px;text-align:center}.flow-listen,.flow-choice{text-align:center}.flow-listen h1,.flow-choice h1{margin-bottom:9px}.flow-listen>p:not(.flow-section-kicker){color:#8f7560;font-size:15px}.listen-main-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:142px;height:142px;margin:33px auto 25px;border:0;border-radius:50%;color:#fff;background:#ed913c;box-shadow:0 12px 25px #be681d33}.listen-main-button span{font-size:11px;font-weight:700}.listen-example{padding:18px;border:1px solid #eee0d0;border-radius:17px;background:#fff;text-align:left}.listen-example button{display:flex;align-items:center;gap:5px;min-height:34px;margin-top:13px;padding:0 11px;border:0;border-radius:10px;color:#a75019;background:#fff0df;font-size:10px}.choice-list{display:flex;flex-direction:column;gap:12px;margin-top:25px}.choice-list button{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:15px 17px;border:1px solid #e9ded3;border-radius:16px;color:#5d493b;background:#fff;font-size:14px;line-height:1.65;text-align:left}.choice-list button.correct{border-color:#8ba975;color:#4f733d;background:#f1f7e9}.choice-list button.wrong{border-color:#d9826c;color:#a64b36;background:#fff1ed}.choice-feedback{margin-top:16px;color:#a84e32;font-size:12px;line-height:1.6}.choice-feedback.success{color:#5d7f46}.flow-puzzle{text-align:center}.puzzle-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-height:83px}.puzzle-slots span{display:flex;align-items:center;justify-content:center;min-width:49px;height:68px;padding:0 8px;border:1px solid #e3d8cf;border-radius:12px;color:#4d3b2f;background:#f0ece9;font-size:19px;font-weight:700}.puzzle-slots span.filled{border-color:#e5a85d;background:#fff}.puzzle-source{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:31px}.puzzle-source button{min-width:51px;height:53px;padding:0 10px;border:0;border-radius:12px;color:#fff;background:#ed963c;box-shadow:0 4px #cf7525;font-size:18px;font-weight:700}.puzzle-source button:nth-child(3n+2){background:#65b5d5;box-shadow:0 4px #3f91b2}.puzzle-source button:nth-child(3n){background:#79ad76;box-shadow:0 4px #57864f}.puzzle-source button:disabled{opacity:.22;box-shadow:none}.puzzle-actions{display:flex;justify-content:center;gap:10px;margin-top:27px}.puzzle-actions button{display:flex;align-items:center;gap:5px;min-height:33px;padding:0 11px;border:0;border-radius:9px;color:#a86434;background:#ffead9;font-size:10px}.puzzle-actions button:disabled{opacity:.4}.puzzle-success,.spelling-success{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:20px;color:#5c8546;font-size:12px}.puzzle-wrong,.spelling-wrong{margin-top:20px;color:#ae5039;font-size:11px}.flow-spelling{padding-top:20px;text-align:center}.flow-spelling form{display:flex;flex-direction:column;gap:12px;margin-top:31px}.flow-spelling input{width:100%;height:62px;padding:0 17px;border:1px solid #e4d7ca;border-radius:15px;outline:0;color:#4e3c30;background:#fff;font:inherit;font-size:21px;text-align:center}.flow-spelling input:focus{border-color:#e8a25d;box-shadow:0 0 0 3px #ffead6}.flow-spelling input.correct{border-color:#8ba975;background:#f4f9ef}.flow-spelling input.wrong{border-color:#d9826c;background:#fff3ef}.flow-spelling form button{min-height:47px;border:0;border-radius:14px;color:#42250d;background:#ef9145;font-size:12px;font-weight:700}.flow-details{position:fixed;z-index:76;right:14px;bottom:calc(82px + env(safe-area-inset-bottom));left:14px;max-width:452px;margin:auto;padding:16px;border:1px solid #e8d4bf;border-radius:17px;background:#fffdf9;box-shadow:0 10px 30px #50321c26}.flow-details>div{display:flex;align-items:center;gap:7px;color:#a55520}.flow-details>div button{margin-left:auto;border:0;color:#9b8878;background:transparent}.flow-details p{margin-top:10px;color:#6b5342;font-size:12px;line-height:1.7}.flow-details small{display:block;margin-top:6px;color:#917d6d;font-size:10px}.flow-actions{position:fixed;z-index:75;bottom:0;left:50%;display:grid;grid-template-columns:repeat(5,1fr);width:100%;max-width:480px;padding:9px 7px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #ead9c7;border-radius:20px 20px 0 0;background:#fffdf8f7;transform:translate(-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.flow-actions button{display:flex;align-items:center;flex-direction:column;gap:4px;min-height:51px;border:0;color:#8a6d50;background:transparent;font-size:9px}.flow-actions button:disabled{opacity:.35}.flow-actions button.selected{color:#d67720}.flow-actions .flow-next{color:#d36c17}.today-page{background:linear-gradient(170deg,#ffe7cb,#fff9f3 42%)}.today-header{display:flex;align-items:center;justify-content:space-between;padding:calc(23px + env(safe-area-inset-top)) 20px 13px}.today-greeting{display:flex;align-items:center;gap:11px}.today-greeting p{color:#a27b5b;font-size:10px}.today-greeting h1{margin-top:3px;font-size:18px;letter-spacing:-.02em}.today-settings{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border:1px solid #ead2ba;border-radius:13px;color:#a8622d;background:#ffffffa6}.today-content{padding:0 17px 22px}.today-hero{padding:20px;border:1px solid #f0d3b4;border-radius:24px;background:linear-gradient(140deg,#fff3df,#ffe4b7);box-shadow:0 12px 30px #854d1e14}.today-hero-top{display:flex;align-items:center;justify-content:space-between}.today-plan-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;color:#a55a1e;background:#fff9;font-size:10px;font-weight:700}.today-difficulty{color:#a56c3d;font-size:11px;font-weight:700}.today-hero h2{margin-top:16px;color:#523421;font-size:24px;line-height:1.4;letter-spacing:-.035em}.today-hero>p{margin-top:7px;color:#957153;font-size:10px}.today-progress{height:7px;margin-top:21px;overflow:hidden;border-radius:8px;background:#dead7252}.today-progress span{display:block;height:100%;border-radius:inherit;background:#e98b38}.today-progress-meta{display:flex;justify-content:space-between;margin-top:7px;color:#9a7657;font-size:9px}.today-progress-meta strong{color:#a8591c}.today-main-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:49px;margin-top:18px;border:0;border-radius:14px;color:#4d2b0d;background:#ed9145;box-shadow:0 7px 16px #bc641d2e;font-size:13px;font-weight:700}.today-empty{margin-top:24px;padding:38px 22px 26px;border:1px solid #eee0cf;border-radius:24px;background:linear-gradient(160deg,#fffdf7,#fff7e9);text-align:center}.empty-sprout{position:relative;width:120px;height:140px;margin:0 auto 22px}.sprout-stem{position:absolute;z-index:1;top:35px;left:56px;width:8px;height:72px;border-radius:7px;background:#6f9f45}.sprout-leaf{position:absolute;z-index:2;width:45px;height:27px;background:#8fbd55;box-shadow:inset -5px -3px #4c82311f}.sprout-leaf.left{top:31px;left:14px;border-radius:85% 15% 80% 20%;transform:rotate(24deg)}.sprout-leaf.right{top:53px;right:14px;border-radius:15% 85% 20% 80%;transform:rotate(-24deg)}.sprout-soil{position:absolute;z-index:3;bottom:30px;left:22px;width:76px;height:18px;border-radius:50%;background:#8a5a36}.sprout-pot{position:absolute;z-index:4;bottom:0;left:28px;width:64px;height:42px;border-radius:0 0 20px 20px;background:#d8945f}.sprout-pot:before{content:"";position:absolute;top:-6px;left:-5px;width:74px;height:14px;border-radius:7px;background:#e3a06e}.sprout-eye{position:absolute;z-index:5;bottom:24px;width:6px;height:6px;border-radius:50%;background:#64442f}.sprout-eye.left{left:47px}.sprout-eye.right{right:47px}.today-empty h2{color:#67533b;font-size:19px}.today-empty>p{margin-top:9px;color:#a28e78;font-size:11px}.today-empty .today-main-button,.today-section{margin-top:24px}.today-section-title{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.today-section-title h2{font-size:17px;letter-spacing:-.02em}.today-section-title span{color:#a38b79;font-size:10px}.today-route{padding:4px 15px;border:1px solid #eee1d5;border-radius:20px;background:#fff}.today-route-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:91px}.today-route-line{align-self:stretch;display:flex;align-items:center;flex-direction:column}.today-route-line>span{display:flex;align-items:center;justify-content:center;flex:0 0 27px;width:27px;height:27px;margin-top:17px;border:1px solid #eaa15b;border-radius:50%;color:#b65a1c;background:#fff0df}.today-route-line>span>svg{flex-shrink:0}.today-route-line i{flex:1;width:1px;background:#eee0d3}.today-route-copy{padding:15px 0}.today-route-copy small{color:#b09074;font-size:8px}.today-route-copy h3{margin-top:3px;color:#4f3c30;font-size:14px}.today-route-copy p{margin-top:4px;color:#968476;font-size:10px;line-height:1.5}.today-task-count{color:#a8591c;font-size:15px}.today-route-item>a{display:flex;align-items:center;gap:2px;min-height:30px;padding:0 9px;border-radius:9px;color:#a74f18;background:#fff0e0;font-size:10px;font-weight:600}.today-setting-binding{margin-top:15px;padding:10px 12px;border-radius:10px;color:#9b7657;background:#fff6e9;font-size:10px}.today-setting-label{margin-top:18px;color:#7e6858;font-size:11px;font-weight:600}.today-setting-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.today-setting-options button{min-height:40px;padding:0 6px;border:1px solid #e8d8c9;border-radius:11px;color:#8a7362;background:#fff;font-size:11px}.today-setting-options button.active{border-color:#eaa15b;color:#a64c17;background:#fff0df;font-weight:700}.today-preset-summary{margin-top:16px;padding:13px;border:1px solid #efddc9;border-radius:14px;background:#fff8ee}.today-preset-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#987153;font-size:10px;font-weight:600}.today-preset-heading strong{padding:3px 7px;border-radius:6px;color:#a7531a;background:#ffe7c9;font-size:9px}.today-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.today-preset-grid>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:9px;background:#fff}.today-preset-grid span{color:#8c7765;font-size:10px}.today-preset-grid strong{color:#a8591c;font-size:13px;white-space:nowrap}.today-preset-grid small{margin-left:2px;color:#a58a72;font-size:8px;font-weight:500}.today-setting-note{margin-top:10px;color:#ac9a8c;font-size:9px;text-align:center}.state-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:250px;padding:35px 20px;color:#ad7c57;text-align:center}.state-panel p{max-width:280px;color:#82746a;font-size:13px;line-height:1.7}.text-button{min-height:38px;padding:0 16px;border:1px solid #e6c5a7;border-radius:11px;color:#a54d18;background:#fff;font-size:12px}.spin{animation:spin 1s linear infinite}.simple-header{display:flex;align-items:center;gap:9px;padding:calc(23px + env(safe-area-inset-top)) 22px 0;font-size:14px;font-weight:700}.placeholder-page{background:linear-gradient(165deg,#fff0df 0%,var(--cream) 46%)}.placeholder-content{display:flex;align-items:center;flex-direction:column;padding:90px 30px 30px;text-align:center}.placeholder-art{position:relative;display:flex;align-items:center;justify-content:center;width:128px;height:128px;margin-bottom:33px;border:1px solid #f0d4b8;border-radius:39px;color:#b66329;background:#ffffffa1;transform:rotate(-4deg)}.placeholder-art svg{transform:rotate(4deg)}.placeholder-art span{position:absolute;right:-15px;top:-13px;width:40px;height:40px;border-radius:50%;background:#f7c98f;opacity:.5}.placeholder-eyebrow{color:#ae7348;font-size:11px;font-weight:600;letter-spacing:.04em}.placeholder-content h1{margin-top:8px;font-size:32px;letter-spacing:-.04em}.placeholder-description{max-width:300px;margin-top:16px;color:#7e7066;font-size:13px;line-height:1.8}.prototype-label{margin-top:19px;padding:6px 10px;border-radius:8px;color:#a16941;background:#ffecda;font-size:10px}.secondary-button{display:inline-flex;align-items:center;gap:6px;min-height:43px;margin-top:36px;padding:0 15px;border:1px solid #e8cfba;border-radius:13px;color:#9f4d1c;background:#fff;font-size:12px;font-weight:600}.login-page{min-height:100dvh;padding:calc(23px + env(safe-area-inset-top)) 22px 35px;overflow:hidden;background:linear-gradient(160deg,#ffe2c3,#fff4e5 40%,#fff9f3 70%)}.login-brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700}.login-main{margin-top:47px}.login-intro{position:relative;padding:0 5px}.login-badge{display:inline-flex;padding:6px 10px;border-radius:8px;color:#a15c2d;background:#ffffff8c;font-size:10px;font-weight:600}.login-intro h1{margin-top:14px;font-size:37px;line-height:1.27;letter-spacing:-.055em}.login-intro h1 em{color:#ba581f;font-style:normal}.login-intro>p{margin-top:13px;color:#7e6959;font-size:12px;line-height:1.8}.login-decoration{position:absolute;right:3px;top:19px;width:60px;height:90px;opacity:.6}.login-decoration span{position:absolute;border-radius:50%;background:#f2b77c}.login-decoration span:nth-child(1){right:0;width:43px;height:43px}.login-decoration span:nth-child(2){left:0;bottom:8px;width:25px;height:25px;background:#e7c9a6}.login-decoration span:nth-child(3){right:7px;bottom:0;width:12px;height:12px;background:#a9b99b}.login-card{margin-top:32px;padding:23px 20px 18px;border:1px solid rgba(238,218,199,.8);border-radius:24px;background:#ffffffeb;box-shadow:0 18px 45px #704a2817}.login-card h2{font-size:20px}.login-form-caption{margin:5px 0 21px;color:var(--muted);font-size:11px}.form-label{display:flex;justify-content:space-between;margin:15px 2px 8px;color:#68574b;font-size:11px;font-weight:600}.form-label span{color:#a3958b;font-weight:400}.input-wrap{display:flex;align-items:center;gap:9px;min-height:48px;padding:0 13px;border:1px solid #eadfd5;border-radius:13px;color:#b08a6c;background:#fdfaf7;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#e9a36c;box-shadow:0 0 0 3px #fff0e2}.input-wrap input{flex:1;min-width:0;height:45px;border:0;outline:0;color:var(--ink);background:transparent;font:inherit;font-size:13px}.input-wrap input::placeholder,.plain-input::placeholder{color:#b5a89e}.code-row{display:grid;grid-template-columns:1fr auto;gap:9px}.code-button{min-width:100px;padding:0 10px;border:1px solid #efd2b8;border-radius:13px;color:#a75320;background:#fff3e7;font-size:11px;font-weight:600}.code-button:disabled{color:#a6988e;background:#f4f0ec}.demo-code{display:flex;align-items:flex-start;gap:7px;margin-top:14px;padding:10px 11px;border-radius:10px;color:#8b6d50;background:#fff6e8;font-size:10px;line-height:1.6}.demo-code svg{flex:0 0 auto;margin-top:1px;color:#ae792f}.demo-code strong{color:#a8511b;letter-spacing:.08em}.form-notice{display:flex;align-items:center;gap:5px;margin-top:12px;color:#628354;font-size:11px}.form-error{margin-top:12px;color:#b4492c;font-size:11px;line-height:1.6}.login-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;margin-top:19px;border:0;border-radius:14px;color:#42250d;background:linear-gradient(135deg,#f5a155,#ed8736);box-shadow:0 8px 18px #d26b232e;font-size:13px;font-weight:700}.login-submit span{flex:1;text-align:center}.login-submit:disabled{opacity:.65}.login-agreement{margin-top:12px;color:#aa9d93;font-size:9px;text-align:center}.student-switch{border:1px solid rgba(208,126,56,.16);font:inherit}.student-switch span{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-switch:hover{background:#ffffffd9}.sheet-backdrop{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;background:#2f231b61;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.student-sheet{width:100%;max-width:480px;max-height:86dvh;padding:9px 20px calc(22px + env(safe-area-inset-bottom));overflow-y:auto;border-radius:26px 26px 0 0;background:#fffaf5;box-shadow:0 -15px 45px #38261824;animation:sheet-up .22s ease both}.sheet-handle{width:36px;height:4px;margin:0 auto 16px;border-radius:5px;background:#ded3ca}.sheet-header{display:flex;align-items:center;justify-content:space-between}.sheet-header p{color:#af7a52;font-size:9px;font-weight:700;letter-spacing:.14em}.sheet-header h2{margin-top:4px;font-size:23px;letter-spacing:-.03em}.sheet-close{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border:0;border-radius:50%;color:#85766b;background:#f2e9e0}.sheet-description{margin:9px 0 17px;color:var(--muted);font-size:11px}.sheet-loading{display:flex;align-items:center;justify-content:center;gap:9px;min-height:170px;color:#9a775b;font-size:12px}.student-list{display:flex;flex-direction:column;gap:10px}.student-row{display:flex;align-items:center;border:1px solid #eee1d6;border-radius:17px;background:#fff}.student-row.current{border-color:#edb586;background:#fff7ee}.student-main{display:flex;align-items:center;flex:1;gap:11px;min-width:0;min-height:91px;padding:13px 5px 13px 13px;border:0;background:transparent;text-align:left}.student-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 42px;height:42px;border-radius:14px;color:#a9886e;background:#f3ece5}.current .student-avatar{color:#fff;background:var(--primary)}.student-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.student-copy strong{display:flex;align-items:center;gap:7px;font-size:14px}.student-copy strong small{padding:2px 5px;border-radius:5px;color:#ac511d;background:#ffe4cc;font-size:8px;font-weight:600}.student-copy>span{overflow:hidden;color:#8b7a6e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.student-copy>small{color:#aa9a8f;font-size:9px}.student-main>svg{flex:0 0 auto;color:#b6a498}.student-actions{display:flex;flex-direction:column;gap:3px;padding-right:9px}.student-actions button{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border:0;border-radius:9px;color:#9b887a;background:transparent}.student-actions button:hover{background:#f4ece5}.student-actions .delete-action{color:#b76450}.add-student-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:49px;margin-top:16px;border:1px dashed #dfa977;border-radius:15px;color:#a9501c;background:#fff4e8;font-size:12px;font-weight:600}.add-student-button span{margin-left:auto;margin-right:14px;color:#af8b70;font-size:10px}.add-student-button>svg{margin-left:auto}.add-student-button:disabled{opacity:.55}.student-form{padding-top:18px}.form-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:11px;border-radius:18px;color:#ad5d27;background:#ffead8}.plain-input{width:100%;height:48px;padding:0 13px;border:1px solid #e8dcd1;border-radius:13px;outline:0;color:var(--ink);background:#fff;font:inherit;font-size:13px}.plain-input:focus{border-color:#e9a36c;box-shadow:0 0 0 3px #fff0e2}.student-form-hint{margin-top:13px;color:#9b8b7e;font-size:10px}.students-page-content{padding:18px 16px 30px}.students-page-panel{padding:18px;border:1px solid #eee1d6;border-radius:20px;background:#fffaf5}.students-page-panel .student-form{padding-top:0}.students-form-heading{display:flex;align-items:center;gap:11px;margin-bottom:18px}.students-form-heading>span{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;color:#ad5d27;background:#ffead8}.students-form-heading h2{font-size:18px}.students-form-heading p{margin-top:4px;color:var(--muted);font-size:10px}.form-cancel{width:100%;min-height:40px;margin-top:7px;border:0;color:#8d7b6e;background:transparent;font-size:11px}.profile-page{background:#fff9f3}.profile-hero{position:relative;height:231px;padding:calc(23px + env(safe-area-inset-top)) 22px 0;overflow:hidden;background:radial-gradient(circle at 92% 4%,rgba(255,244,175,.75),transparent 43%),linear-gradient(145deg,#ffd56c,#ffaf42)}.profile-hero:after{content:"";position:absolute;right:-52px;bottom:-77px;width:190px;height:190px;border:28px solid rgba(255,255,255,.09);border-radius:50%}.profile-title{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.profile-title h1{color:#804111;font-size:24px;letter-spacing:-.03em}.profile-title .brand-mark{color:#a95816;background:#ffffff75;box-shadow:none}.profile-person{position:relative;z-index:1;display:flex;align-items:center;gap:16px;margin-top:28px}.profile-avatar{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 67px;height:67px;padding:0;border:4px solid rgba(255,255,255,.75);border-radius:50%;color:#a6531a;background:#fff0d9;box-shadow:0 6px 18px #904a101a;font-size:24px;font-weight:700}.profile-avatar>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-avatar-edit,.profile-avatar-loading{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%}.profile-avatar-edit{right:-5px;bottom:-2px;width:24px;height:24px;border:2px solid #ffca50;color:#fff;background:#d97524;box-shadow:0 2px 6px #8241102e}.profile-avatar-loading{top:0;right:0;bottom:0;left:0;color:#fff;background:#5c34177a}.profile-avatar:disabled{opacity:1}.profile-avatar-input{display:none}.profile-identity{min-width:0}.profile-identity>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.profile-identity h2{color:#3c291b;font-size:23px;letter-spacing:-.035em}.profile-identity p{margin-top:6px;color:#8e571f;font-size:11px}.vip-badge{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:7px;color:#946529;background:#fff6d6a8;font-size:9px;font-weight:800}.vip-badge.active{color:#fff8d9;background:#e88122}.profile-content{position:relative;z-index:2;margin-top:-35px;padding:0 16px 26px}.membership-strip{display:flex;align-items:center;gap:11px;width:100%;min-height:81px;padding:13px 14px;border:1px solid rgba(218,116,25,.16);border-radius:20px;color:#fff9e9;background:linear-gradient(115deg,#f5a035,#ee7c27);box-shadow:0 9px 25px #bd641b26;text-align:left}.membership-crown{display:flex;align-items:center;justify-content:center;flex:0 0 40px;height:40px;border-radius:13px;color:#e79424;background:#fff2bd}.membership-strip>span:nth-child(2){flex:1;min-width:0}.membership-strip small{display:block;color:#ffedcb;font-size:9px}.membership-strip strong{display:block;margin-top:5px;font-size:12px}.membership-strip em{display:flex;align-items:center;gap:1px;flex:0 0 auto;padding:8px 9px;border-radius:999px;color:#a75414;background:#ffe6a1;font-size:10px;font-style:normal;font-weight:700}.profile-menu{margin-top:17px;padding:18px 16px 3px;border:1px solid #f1e5da;border-radius:21px;background:#fffffff5;box-shadow:0 6px 22px #623e1e09}.profile-menu h2{position:relative;margin:0 0 8px 12px;font-size:16px}.profile-menu h2:before{content:"";position:absolute;left:-12px;top:3px;width:4px;height:15px;border-radius:4px;background:#f4ae3d}.profile-row{display:flex;align-items:center;gap:12px;width:100%;min-height:63px;padding:8px 0;border:0;border-bottom:1px solid #f5eee7;background:transparent;text-align:left}.profile-row:last-child{border-bottom:0}.profile-row-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border-radius:11px}.profile-row-icon.gold{color:#d98d20;background:#fff2cb}.profile-row-icon.yellow{color:#dca12d;background:#fff6d9}.profile-row-icon.blue{color:#5badd0;background:#e8f7fc}.profile-row-icon.orange{color:#e77c43;background:#fff0e6}.profile-row-icon.green{color:#68a775;background:#eaf6eb}.profile-row>strong{flex:1;font-size:14px;font-weight:600}.profile-row-copy{flex:1;min-width:0}.profile-row-copy strong{display:block;font-size:14px}.profile-row-copy small{display:block;margin-top:4px;color:#a09388;font-size:9px}.profile-row>svg{flex:0 0 auto;margin-left:auto;color:#c8bcb2}.profile-version{color:#aaa097;font-size:10px}.service-menu{margin-top:14px}.demo-version{margin-top:18px;color:#ae9f94;font-size:9px;text-align:center}.profile-modal-backdrop,.activation-backdrop,.payment-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:22px;background:#37251675;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-info-dialog{width:min(100%,370px);padding:25px 22px 21px;border-radius:24px;background:#fffaf4;box-shadow:0 20px 60px #432a1433;text-align:center;animation:rise .18s ease both}.profile-info-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 auto 14px;border-radius:17px;color:#cf781f;background:#ffedce}.profile-info-dialog h2{font-size:20px}.profile-info-dialog p{margin-top:11px;color:#8b7a6b;font-size:12px;line-height:1.8}.profile-info-dialog>button{width:100%;min-height:44px;margin-top:21px;border:0;border-radius:13px;color:#fff;background:#ed8a3c;font-size:12px;font-weight:700}.account-page{background:#fff9f3}.account-hero{height:218px;padding:calc(18px + env(safe-area-inset-top)) 19px 0;background:radial-gradient(circle at 92% 8%,rgba(255,244,175,.7),transparent 42%),linear-gradient(145deg,#ffd56c,#ffaf42)}.account-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center}.account-header>button{display:flex;align-items:center;justify-content:flex-start;width:40px;height:40px;padding:0;border:0;color:#704014;background:transparent}.account-header h1{color:#63380f;font-size:20px;text-align:center}.account-summary{display:flex;align-items:center;gap:12px;margin-top:29px;padding:17px;border:1px solid rgba(255,244,197,.45);border-radius:19px;background:#fff1be80}.account-summary>span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;color:#bd7224;background:#fffae2b3}.account-summary>div{flex:1}.account-summary small,.account-summary strong{display:block}.account-summary small{color:#9f743b;font-size:9px}.account-summary strong{margin-top:4px;color:#5e3c1d;font-size:16px}.account-summary em{padding:4px 8px;border-radius:7px;color:#fff8dc;background:#e88b27;font-size:9px;font-style:normal;font-weight:800}.account-content{position:relative;margin-top:-27px;padding:0 18px 30px}.account-action-list{padding:0 17px;border:1px solid #f0e3d7;border-radius:21px;background:#fff;box-shadow:0 8px 25px #68411d0f}.account-action-list>button{display:flex;align-items:center;gap:12px;width:100%;min-height:77px;padding:0;border:0;border-bottom:1px solid #f2e9e0;background:transparent;text-align:left}.account-action-list>button:last-child{border-bottom:0}.account-action-list strong{flex:1;font-size:15px;font-weight:600}.account-action-list>button>svg{color:#c6b9ad}.account-action-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;color:#d68b32;background:#fff2d9}.account-action-icon.danger{color:#d46d52;background:#fff0e9}.account-safety{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:20px;color:#aa9682;font-size:9px;line-height:1.7}.deletion-form{padding:21px 18px 17px;border:1px solid #f0e3d7;border-radius:21px;background:#fff;box-shadow:0 8px 25px #68411d0f}.deletion-form-heading{display:flex;align-items:center;gap:11px;margin-bottom:23px}.deletion-form-heading>span{display:flex;align-items:center;justify-content:center;flex:0 0 45px;height:45px;border-radius:15px;color:#ce7552;background:#fff0e7}.deletion-form-heading h2{font-size:17px}.deletion-form-heading p{margin-top:5px;color:#a08e7d;font-size:9px}.deletion-form>label{display:block;margin-bottom:8px;color:#6d5541;font-size:12px;font-weight:700}.deletion-form textarea{width:100%;min-height:143px;padding:13px;resize:vertical;border:1px solid #e7d9ca;border-radius:14px;outline:0;color:#4d3a2c;background:#fffcf9;font:inherit;font-size:12px;line-height:1.8}.deletion-form textarea:focus{border-color:#e9a36c;box-shadow:0 0 0 3px #fff0e2}.deletion-form textarea::placeholder{color:#b5a494}.deletion-reason-meta{display:flex;justify-content:space-between;margin-top:6px;color:#b09e8c;font-size:9px}.deletion-error{margin-top:10px;color:#c54d32;font-size:11px}.deletion-warning{margin-top:16px;padding:11px 12px;border-radius:11px;color:#a27644;background:#fff5df;font-size:10px;line-height:1.7}.deletion-submit{width:100%;min-height:47px;margin-top:18px;border:0;border-radius:14px;color:#fff;background:#e98445;font-size:13px;font-weight:700}.deletion-submit:disabled{opacity:.65}.deletion-cancel{width:100%;min-height:40px;margin-top:6px;border:0;color:#9b8876;background:transparent;font-size:11px}.deletion-success{padding:35px 24px 22px;border:1px solid #f0e3d7;border-radius:22px;background:#fff;box-shadow:0 8px 25px #68411d0f;text-align:center}.deletion-success-icon{display:flex;align-items:center;justify-content:center;width:69px;height:69px;margin:0 auto 18px;border-radius:22px;color:#d7892e;background:#fff0c9}.deletion-success>p{color:#aa8c62;font-size:11px}.deletion-success h2{margin-top:6px;color:#72451d;font-size:25px}.deletion-success>div{margin-top:16px;color:#968473;font-size:11px;line-height:1.9}.deletion-success>button{width:100%;min-height:45px;margin-top:23px;border:0;border-radius:14px;color:#724213;background:#ffca50;font-size:12px;font-weight:700}.deletion-success>button.deletion-back{margin-top:6px;color:#9b8875;background:transparent;font-weight:500}.profile-toast{position:fixed;z-index:110;left:50%;bottom:92px;display:flex;align-items:center;gap:9px;width:max-content;max-width:calc(100% - 40px);padding:12px 15px;border-radius:12px;color:#fff;background:#4c3c30;box-shadow:0 7px 22px #32211433;font-size:11px;transform:translate(-50%)}.profile-toast button{display:flex;padding:0;border:0;color:#fff;background:transparent}.activation-backdrop{z-index:90}.activation-dialog{position:relative;width:min(100%,390px);padding:29px 23px 22px;overflow:hidden;border:1px solid #ffe1a8;border-radius:28px;background:radial-gradient(circle at 50% 0,#fff0b9,transparent 42%),#fffaf1;box-shadow:0 25px 70px #45291040;text-align:center;animation:rise .2s ease both}.activation-close{position:absolute;right:14px;top:14px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:50%;color:#9a8369;background:#f2e2c8b3}.activation-crown{display:flex;align-items:center;justify-content:center;width:69px;height:69px;margin:0 auto 12px;border-radius:23px;color:#e79124;background:#ffe9a9;transform:rotate(-4deg)}.activation-eyebrow{color:#c2853d;font-size:8px;font-weight:700;letter-spacing:.18em}.activation-dialog h2{margin-top:5px;color:#693b17;font-size:26px}.activation-description{margin:9px auto 21px;max-width:270px;color:#947b61;font-size:11px;line-height:1.7}.activation-dialog form{text-align:left}.activation-label{display:block;margin-bottom:8px;color:#87633e;font-size:10px;font-weight:700}.activation-input{width:100%;height:50px;padding:0 12px;border:1px solid #e9c988;border-radius:14px;outline:0;color:#69411e;background:#fff;font:700 15px DM Sans,sans-serif;letter-spacing:.035em;text-align:center;text-transform:uppercase}.activation-input:focus{border-color:#e5a13d;box-shadow:0 0 0 3px #ffedc9}.activation-input::placeholder{color:#c7b59e;font-size:13px}.activation-error,.membership-error{margin-top:9px;color:#c54d32;font-size:11px}.activation-submit{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:47px;margin-top:17px;border:0;border-radius:14px;color:#693b13;background:linear-gradient(100deg,#ffd55d,#ffb43c);box-shadow:0 7px 16px #cc872429;font-size:13px;font-weight:800}.activation-submit:disabled{opacity:.65}.activation-note{margin-top:15px;color:#b19a7f;font-size:9px;line-height:1.7}.activation-success{padding-top:14px}.activation-success>span{display:flex;align-items:center;justify-content:center;width:66px;height:66px;margin:0 auto 16px;border-radius:50%;color:#fff;background:#7eba76}.activation-success>p{color:#79a267;font-size:11px;font-weight:700}.activation-success>strong{display:block;margin-top:20px;padding:13px;border-radius:12px;color:#b26a22;background:#fff0cd;font-size:13px}.membership-page{background:#fffaf4}.membership-hero{height:237px;padding:calc(17px + env(safe-area-inset-top)) 18px 0;background:radial-gradient(circle at 88% 20%,rgba(255,245,174,.75),transparent 43%),linear-gradient(150deg,#ffd668,#ffaf3d)}.membership-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.membership-header>button{padding:5px 0;border:0;color:#754114;background:transparent;font-size:11px}.membership-header>button:first-child{display:flex;justify-self:start}.membership-header>button:last-child{justify-self:end}.membership-header h1{color:#63380f;font-size:19px}.membership-status{display:flex;align-items:center;gap:16px;margin-top:34px;padding:19px;border:1px solid rgba(255,244,197,.5);border-radius:21px;background:#ffefb18c}.membership-status-crown{display:flex;align-items:center;justify-content:center;flex:0 0 61px;height:61px;border-radius:20px;color:#e8931f;background:#ffdf82}.membership-status p{color:#9d5b19;font-size:14px;font-weight:700}.membership-status strong{display:inline-block;margin-top:7px;padding:5px 9px;border-radius:8px;color:#fff9e8;background:#ed8a26;font-size:12px}.membership-status div>span{display:block;margin-top:7px;color:#a37336;font-size:11px}.membership-content{position:relative;margin-top:-20px;padding:24px 16px 28px;border-radius:24px 24px 0 0;background:#fffaf4}.plan-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.membership-plan{position:relative;min-width:0;min-height:147px;padding:18px 8px 13px;border:1.5px solid #eee4d9;border-radius:17px;background:#fff;text-align:center}.membership-plan.selected{border-color:#edaa32;background:#fff6d9;box-shadow:0 5px 15px #c27e1c14}.membership-plan>strong{color:#70553d;font-size:16px}.membership-plan>p{margin-top:13px;color:#3f332a;font-size:30px;font-weight:800;letter-spacing:-.05em}.membership-plan.selected>p{color:#dc791f}.membership-plan>p small{margin-right:2px;font-size:14px}.membership-plan>span:not(.plan-badge){display:block;margin-top:9px;color:#a3917f;font-size:8px}.plan-badge{position:absolute;right:7px;top:-9px;padding:3px 7px;border-radius:6px;color:#fff;background:#ec9333;font-size:8px}.plan-check{position:absolute;right:7px;bottom:7px;color:#dc9a30}.payment-demo-note{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:18px;color:#a17e52;font-size:10px}.mock-pay-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;margin-top:12px;border:0;border-radius:15px;color:#714111;background:linear-gradient(100deg,#ffd157,#ffaf35);box-shadow:0 7px 17px #d2851d29;font-size:14px;font-weight:800}.wechat-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;color:#fff;background:#62ad62;font-size:11px}.membership-agreement{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:16px;color:#a39281;font-size:9px}.membership-agreement input{width:15px;height:15px;margin:0 6px 0 0;accent-color:#e89632}.membership-agreement button{padding:0;border:0;color:#b7792d;background:transparent;font-size:9px}.membership-error{text-align:center}.membership-benefits{margin-top:25px;padding-top:20px;border-top:1px solid #f1e5d8}.membership-benefits h2{display:flex;align-items:center;justify-content:center;gap:6px;color:#c17a25;font-size:17px}.membership-benefits>div{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}.membership-benefits article{padding:16px 13px;border:1px solid #f3e6d6;border-radius:16px;background:#fff}.membership-benefits article>span{display:flex;color:#dc9137}.membership-benefits article strong{display:block;margin-top:9px;font-size:12px}.membership-benefits article p{margin-top:5px;color:#a29283;font-size:9px;line-height:1.6}.benefits-note{margin-top:13px;color:#aa9782;font-size:9px;line-height:1.7;text-align:center}.membership-section-title{margin-bottom:12px;color:#76502d;font-size:14px;font-weight:700}.membership-payment-section{margin-top:26px;padding-top:22px;border-top:1px solid #ead8c5}.membership-redeem-link{display:flex;align-items:center;justify-content:flex-start;gap:11px;width:100%;min-height:66px;margin:0;padding:12px 16px;border:1px solid #edc17c;border-radius:15px;color:#a26019;background:linear-gradient(135deg,#fff3d8,#ffe8bb);box-shadow:0 6px 18px #ab6b1d12}.membership-redeem-link>span{flex:1;text-align:left}.membership-redeem-link strong{display:block;font-size:14px;font-weight:700}.membership-redeem-link small{display:block;margin-top:4px;color:#ad8150;font-size:10px}.payment-backdrop{z-index:100}.payment-dialog{width:min(100%,360px);padding:30px 24px 23px;border-radius:24px;background:#fffaf4;box-shadow:0 20px 65px #3a25123b;text-align:center;animation:rise .18s ease both}.payment-processing{color:#e89534}.payment-dialog h2{margin-top:17px;font-size:20px}.payment-dialog>p{margin-top:10px;color:#927f6d;font-size:11px;line-height:1.8}.payment-success-icon{display:flex;align-items:center;justify-content:center;width:65px;height:65px;margin:0 auto;border-radius:50%;color:#fff;background:#76b66e}.payment-dialog>button{width:100%;min-height:44px;margin-top:21px;border:0;border-radius:13px;color:#754213;background:#ffca50;font-size:12px;font-weight:700}.payment-dialog>button.payment-secondary{margin-top:6px;color:#9b8875;background:transparent;font-weight:500}.agreement-dialog{text-align:left}.agreement-dialog h2{margin-top:0}.onboarding-page{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 20px 30px;background:linear-gradient(160deg,#ffe2c3,#fff4e5 38%,#fff9f3 68%)}.onboarding-topbar{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px}.onboarding-topbar .brand{justify-content:center}.onboarding-main{margin-top:21px}.onboarding-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none}.onboarding-steps li{position:relative;display:flex;align-items:center;flex-direction:column;gap:5px;color:#ad9c8e}.onboarding-steps li>span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #e4d5c8;border-radius:50%;background:#fff9f3;font-size:10px;font-weight:700}.onboarding-steps li small{font-size:9px}.onboarding-steps li:not(:last-child):after{content:"";position:absolute;top:13px;left:calc(50% + 20px);width:calc(100% - 40px);height:1px;background:#e5d5c7}.onboarding-steps li.active{color:#a94c17}.onboarding-steps li.active>span{border-color:#e98c42;color:#fff;background:#e98c42;box-shadow:0 3px 9px #c2631f2e}.onboarding-steps li.done{color:#a66a3a}.onboarding-steps li.done>span{border-color:#efb889;color:#b65d22;background:#ffe8d4}.onboarding-intro{display:flex;align-items:center;flex-direction:column;margin-top:26px;text-align:center}.profile-placeholder{display:flex;align-items:center;justify-content:center;width:73px;height:73px;margin-bottom:15px;border:1px solid #edd4bc;border-radius:25px;color:#b5733e;background:#ffffff94}.onboarding-intro p{color:#ac754c;font-size:9px;font-weight:700;letter-spacing:.14em}.onboarding-intro h1{margin-top:5px;font-size:27px;letter-spacing:-.04em}.onboarding-intro>span:last-child{margin-top:7px;color:#8d7969;font-size:11px}.onboarding-form{margin-top:25px;padding:19px 18px;border:1px solid #efdfd1;border-radius:22px;background:#ffffffe6;box-shadow:0 12px 35px #69432512}.onboarding-form .form-label:first-child{margin-top:0}.gender-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.gender-options button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:51px;border:1px solid #e9ddd2;border-radius:14px;color:#857569;background:#fff;font-size:13px;font-weight:600}.gender-options button.active{border-color:#e9a36c;color:#a84c18;background:#fff0e2;box-shadow:0 0 0 2px #ffe5cd99}.gender-options button:nth-child(2).active{border-color:#e7a2a9;color:#aa5360;background:#fff0f1;box-shadow:0 0 0 2px #ffe8eaa6}.grade-select{position:relative}.grade-select select{width:100%;height:49px;padding:0 40px 0 13px;border:1px solid #e8dcd1;border-radius:13px;outline:0;color:var(--ink);background:#fff;font:inherit;font-size:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.grade-select select:focus{border-color:#e9a36c;box-shadow:0 0 0 3px #fff0e2}.grade-select svg{position:absolute;right:13px;top:15px;color:#a58e7c;pointer-events:none}.onboarding-next{margin-top:23px}.onboarding-note{margin-top:15px;color:#a08f82;font-size:9px;text-align:center}.onboarding-mode .selection-confirm{bottom:0;border-radius:18px 18px 0 0}.onboarding-mode .onboarding-steps{margin:17px 0 0}.edit-gender-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.edit-gender-options button{min-height:39px;border:1px solid #e9ddd2;border-radius:11px;color:#88766a;background:#fff;font-size:11px}.edit-gender-options button.active{border-color:#e9a36c;color:#a84c18;background:#fff0e2}@keyframes sheet-up{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.section-label em{margin-right:auto;font-style:normal}.switch-book-link{display:inline-flex;align-items:center;gap:4px;min-height:31px;padding:0 9px;border-radius:9px;color:#a9501c;background:#fff0e2;font-size:10px;font-weight:600}.switch-book-link:hover{background:#ffe6cf}.book-selection-page{background:#fffaf5}.selection-header{padding:calc(15px + env(safe-area-inset-top)) 18px 17px;background:linear-gradient(155deg,#ffe4c9,#fff4e5)}.selection-topbar{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px}.selection-topbar>div{text-align:center}.selection-topbar p{color:#a6724b;font-size:8px;font-weight:700;letter-spacing:.13em}.selection-topbar h1{margin-top:3px;font-size:20px;letter-spacing:-.025em}.selection-student{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:14px;color:#8d7765;font-size:10px}.selection-student strong{color:#a9511d}.book-search{display:flex;align-items:center;gap:9px;height:46px;margin-top:13px;padding:0 13px;border:1px solid rgba(227,199,172,.65);border-radius:14px;color:#b18a69;background:#ffffffdb}.book-search:focus-within{border-color:#e7a065;box-shadow:0 0 0 3px #ffeeddb3}.book-search input{flex:1;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font:inherit;font-size:11px}.book-search input::placeholder{color:#b3a296}.book-search button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:50%;color:#9a8575;background:#f3eae2}.selection-content{padding:15px 17px 30px;transition:padding-bottom .18s}.has-candidate .selection-content{padding-bottom:154px}.level-tabs{display:flex;gap:4px;padding:3px;overflow-x:auto;border-radius:13px;background:#f2e9e0;scrollbar-width:none}.level-tabs::-webkit-scrollbar,.category-tabs::-webkit-scrollbar{display:none}.level-tabs button{flex:0 0 auto;min-width:51px;height:35px;padding:0 10px;border:0;border-radius:10px;color:#8b7b6f;background:transparent;font-size:11px}.level-tabs button.active{color:#a64b16;background:#fff;box-shadow:0 2px 8px #62402512;font-weight:700}.category-tabs{display:flex;gap:7px;margin-top:13px;padding-bottom:3px;overflow-x:auto;scrollbar-width:none}.category-tabs button{display:flex;align-items:center;gap:5px;flex:0 0 auto;min-height:31px;padding:0 10px;border:1px solid #eddfd2;border-radius:10px;color:#88766a;background:#fff;font-size:10px}.category-tabs button span{color:#b19c8c;font-size:8px}.category-tabs button.active{border-color:#edb17d;color:#a64b16;background:#fff0e2}.book-results-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 14px}.book-results-heading h2{font-size:17px}.book-results-heading span{color:var(--muted);font-size:10px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.library-book{min-width:0;padding:0;border:0;background:transparent;text-align:left}.library-cover{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:.72;overflow:hidden;border:2px solid transparent;border-radius:8px 12px 12px 8px;color:#b67a42;background:#f4e4cf;box-shadow:3px 5px 12px #5439221f;transition:transform .16s,border-color .16s,box-shadow .16s}.library-cover img{width:100%;height:100%;object-fit:cover}.library-book:hover .library-cover{transform:translateY(-2px)}.library-book.candidate .library-cover{border-color:#e88b40;box-shadow:0 0 0 3px #ffe8d2,3px 6px 14px #99521d29}.current-book-badge{position:absolute;left:0;bottom:0;padding:4px 7px;border-radius:0 7px 0 0;color:#7e5a34;background:#fff8e7ed;font-size:8px}.candidate-check{position:absolute;right:5px;top:5px;display:flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;color:#fff;background:#e98537;box-shadow:0 2px 6px #753d1433}.library-book>strong{display:-webkit-box;min-height:32px;margin-top:8px;overflow:hidden;color:#4a3a30;font-size:11px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.library-book>small{display:block;margin-top:2px;overflow:hidden;color:#9a887a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.load-more-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:43px;margin-top:23px;border:1px solid #ead5c1;border-radius:13px;color:#a55a27;background:#fff;font-size:11px}.selection-confirm{position:fixed;z-index:25;bottom:73px;left:50%;display:grid;grid-template-columns:1fr auto;gap:7px 12px;width:calc(100% - 24px);max-width:456px;padding:13px 14px 10px;border:1px solid #ecd5c0;border-radius:18px;background:#fffdfaf7;box-shadow:0 8px 28px #56361d29;transform:translate(-50%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.selection-confirm>div{min-width:0}.selection-confirm small{display:block;color:#9e8c7e;font-size:8px}.selection-confirm strong{display:block;margin-top:2px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.selection-confirm>button{display:flex;align-items:center;gap:4px;min-height:39px;padding:0 13px;border:0;border-radius:12px;color:#42250d;background:#ef9145;font-size:11px;font-weight:700}.selection-confirm>p{grid-column:1 / -1;color:#a18f81;font-size:8px}.selection-confirm>p.confirm-error{color:#b4492c;font-size:10px}.membership-orders-page{background:#fff9f3}.membership-orders-hero{padding:calc(18px + env(safe-area-inset-top)) 19px 23px;background:radial-gradient(circle at 92% 8%,rgba(255,244,175,.7),transparent 42%),linear-gradient(145deg,#ffd56c,#ffaf42)}.membership-order-summary{display:flex;align-items:center;gap:11px;margin-top:21px}.membership-order-summary>span{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:15px;color:#bc711e;background:#fff3c7a8}.membership-order-summary p{color:#925717;font-size:12px;font-weight:700}.membership-order-summary strong{display:block;margin-top:4px;color:#a57935;font-size:9px;font-weight:500}.membership-orders-content{padding:17px 16px 30px}.membership-order-list{display:flex;flex-direction:column;gap:13px}.membership-order-card{padding:16px 16px 13px;border:1px solid #eee2d4;border-radius:18px;background:#fff;box-shadow:0 6px 20px #663e1a0a}.membership-order-card>header{display:flex;align-items:center;justify-content:space-between}.membership-order-source{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;color:#b66c1e;background:#fff0d5;font-size:9px;font-weight:700}.membership-order-status{display:inline-flex;align-items:center;gap:3px;color:#69935b;font-size:9px}.membership-order-card h2{margin-top:14px;font-size:17px}.membership-order-price{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.membership-order-price strong{color:#dd7a26;font-size:20px}.membership-order-price span{color:#a28970;font-size:10px}.membership-order-card dl{margin:13px 0 0;padding-top:10px;border-top:1px solid #f2e8dc}.membership-order-card dl>div{display:grid;grid-template-columns:63px minmax(0,1fr);gap:7px;margin-top:6px;font-size:9px}.membership-order-card dt{color:#ad9985}.membership-order-card dd{margin:0;color:#80705f;word-break:break-all}.membership-orders-note{margin-top:18px;color:#b09b85;font-size:9px;line-height:1.8;text-align:center}.diagnostics-page{background:#fff9f3}.diagnostics-hero{padding:calc(18px + env(safe-area-inset-top)) 19px 23px;background:radial-gradient(circle at 92% 8%,rgba(255,244,175,.65),transparent 42%),linear-gradient(145deg,#ffd56c,#ffaf42)}.diagnostics-content{padding:18px 18px 30px}.diagnostics-card{padding:4px 17px;border:1px solid #eee2d5;border-radius:19px;background:#fff;box-shadow:0 7px 22px #68411d0a}.diagnostics-card dl{margin:0}.diagnostics-card dl>div{display:grid;grid-template-columns:103px minmax(0,1fr);gap:10px;padding:14px 0;border-bottom:1px solid #f4ebe1;font-size:12px;line-height:1.65}.diagnostics-card dl>div:last-child{border-bottom:0}.diagnostics-card dt{color:#a18d79}.diagnostics-card dd{margin:0;color:#54453a;word-break:break-word}.diagnostics-tip{display:flex;align-items:flex-start;gap:7px;margin-top:20px;color:#9a7c4f;font-size:11px;line-height:1.8}.diagnostics-tip svg{flex:0 0 auto;margin-top:2px}.diagnostics-note{margin-top:15px;color:#b09d89;font-size:9px;line-height:1.8;text-align:center}.version-check-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.version-check-summary>div{padding:12px 8px;border-radius:12px;background:#fff1dc}.version-check-summary span,.version-check-summary strong{display:block}.version-check-summary span{color:#aa9177;font-size:9px}.version-check-summary strong{margin-top:5px;color:#a9611e;font-size:19px}.version-check-notes{margin-top:13px;padding:12px;border-radius:11px;color:#7d674f;background:#fff7e8;font-size:11px;line-height:1.8;text-align:left;white-space:pre-wrap}.version-check-time{margin-top:10px;color:#b09b86;font-size:9px}.agreements-page{background:#fff9f3}.agreements-hero{padding:calc(18px + env(safe-area-inset-top)) 19px 31px;background:radial-gradient(circle at 92% 8%,rgba(255,244,175,.7),transparent 42%),linear-gradient(145deg,#ffd56c,#ffaf42)}.agreements-content{position:relative;margin-top:-15px;padding:0 18px 30px}.agreement-list{padding:0 17px;border:1px solid #f0e3d7;border-radius:21px;background:#fff;box-shadow:0 8px 25px #68411d0d}.agreement-row{display:flex;align-items:center;gap:12px;min-height:79px;border-bottom:1px solid #f2e9e0}.agreement-row:last-child{border-bottom:0}.agreement-row-icon{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:12px;color:#d18332;background:#fff1d7}.agreement-row>div{flex:1}.agreement-row strong{display:block;font-size:15px;font-weight:600}.agreement-row small{display:block;margin-top:5px;color:#ab9987;font-size:8px}.agreement-row>svg{color:#c6b9ad}.agreement-note{margin-top:19px;color:#b09b85;font-size:9px;text-align:center}.agreement-detail-page{background:#fffaf5}.agreement-detail-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:calc(15px + env(safe-area-inset-top)) 17px 14px;border-bottom:1px solid #f0e6da;background:#fff}.agreement-detail-header>button{display:flex;align-items:center;width:38px;height:38px;padding:0;border:0;color:#5f4c3a;background:transparent}.agreement-detail-header h1{overflow:hidden;font-size:18px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.agreement-document{padding:19px 19px 35px}.agreement-document-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:16px;border-bottom:1px solid #eee3d7;color:#aa9178;font-size:9px}.agreement-document-meta>span{display:flex;align-items:center;gap:5px}.agreement-document>article{margin-top:20px;color:#544539;font-size:13px;line-height:2;white-space:pre-wrap;word-break:break-word}.feedback-page{background:#fff9f3}.feedback-hero{padding:calc(18px + env(safe-area-inset-top)) 19px 29px;background:radial-gradient(circle at 92% 8%,rgba(255,244,175,.7),transparent 42%),linear-gradient(145deg,#ffd56c,#ffaf42)}.feedback-hero>p{margin:14px 0 0 43px;color:#956022;font-size:10px}.feedback-content{position:relative;margin-top:-14px;padding:0 16px 30px}.feedback-form{padding:19px 17px 17px;border:1px solid #f0e3d7;border-radius:21px;background:#fff;box-shadow:0 8px 25px #68411d0d}.feedback-form-title{display:flex;align-items:center;gap:11px}.feedback-form-title>span{display:flex;align-items:center;justify-content:center;width:41px;height:41px;border-radius:13px;color:#d9862c;background:#fff0d5}.feedback-form-title h2{font-size:17px}.feedback-form-title p{margin-top:5px;color:#a08e7d;font-size:9px}.feedback-type-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:19px 0 16px}.feedback-type-options button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:41px;border:1px solid #eaded1;border-radius:12px;color:#94816e;background:#fffaf5;font-size:11px}.feedback-type-options button.active{border-color:#eeb263;color:#b3671d;background:#fff0d9;font-weight:700}.feedback-form>label{display:block;margin:12px 0 8px;color:#6d5541;font-size:11px;font-weight:700}.feedback-form>label span{color:#b09e8d;font-size:9px;font-weight:400}.feedback-form textarea,.feedback-form input{width:100%;padding:12px;border:1px solid #e7d9ca;border-radius:12px;outline:0;color:#4d3a2c;background:#fffcf9;font:inherit;font-size:12px}.feedback-form textarea{min-height:125px;resize:vertical;line-height:1.8}.feedback-form input{height:45px}.feedback-form textarea:focus,.feedback-form input:focus{border-color:#e9a36c;box-shadow:0 0 0 3px #fff0e2}.feedback-form textarea::placeholder,.feedback-form input::placeholder{color:#b5a494}.feedback-count{margin-top:4px;color:#b4a292;font-size:9px;text-align:right}.feedback-error{margin-top:10px;color:#c54d32;font-size:10px}.feedback-success{display:flex;align-items:center;gap:5px;margin-top:10px;color:#6e9b5d;font-size:10px}.feedback-submit{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:46px;margin-top:16px;border:0;border-radius:14px;color:#fff;background:#ed8a3c;font-size:12px;font-weight:700}.feedback-submit:disabled{opacity:.65}.feedback-history{margin-top:23px}.feedback-history-heading{display:flex;align-items:center;justify-content:space-between;margin:0 3px 12px}.feedback-history-heading h2{font-size:17px}.feedback-history-heading span{color:#aa9682;font-size:9px}.feedback-list{display:flex;flex-direction:column;gap:11px}.feedback-item{padding:15px 15px 13px;border:1px solid #eee3d7;border-radius:16px;background:#fff}.feedback-item>header{display:flex;align-items:center;justify-content:space-between}.feedback-type,.feedback-status{padding:4px 7px;border-radius:6px;font-size:8px;font-weight:700}.feedback-type.suggestion{color:#9b771e;background:#fff4c9}.feedback-type.report{color:#bd684b;background:#fff0e8}.feedback-type.contact{display:inline-flex;align-items:center;gap:3px;color:#4b91ad;background:#e8f5fa}.feedback-status.pending{color:#ae7c35;background:#fff4d9}.feedback-status.replied{color:#608e57;background:#eaf5e6}.feedback-original{margin-top:12px;color:#544437;font-size:12px;line-height:1.8;white-space:pre-wrap;word-break:break-word}.feedback-item>time{display:block;margin-top:8px;color:#b09e8c;font-size:8px}.feedback-reply{margin-top:13px;padding:12px;border-radius:11px;background:#fff5e5}.feedback-reply>strong{display:flex;align-items:center;gap:5px;color:#b26b25;font-size:10px}.feedback-reply>p{margin-top:7px;color:#7f654a;font-size:11px;line-height:1.8;white-space:pre-wrap}.feedback-reply>time{display:block;margin-top:7px;color:#b49a79;font-size:8px}.feedback-waiting{display:flex;align-items:center;gap:4px;margin-top:12px;color:#b19e87;font-size:9px}.grammar-page{background:linear-gradient(180deg,#ffe66f 0,#fff6d7 230px,#fffaf3 410px)}.grammar-hero{padding:calc(25px + env(safe-area-inset-top)) 22px 23px}.grammar-title{display:flex;align-items:center;gap:10px}.grammar-title h1{color:#70410f;font-size:25px;letter-spacing:-.03em}.grammar-title .brand-mark{color:#a45a16;background:#ffffff6e;box-shadow:none}.grammar-hero>p{margin:10px 0 0 42px;color:#a27425;font-size:10px}.grammar-content{padding:0 16px 25px}.grammar-course-list{display:flex;flex-direction:column;gap:16px}.grammar-course-card{position:relative;display:block;padding:17px 16px 0;overflow:hidden;border:1px solid rgba(232,211,158,.8);border-radius:22px;background:#fffffff5;box-shadow:0 8px 25px #7452190f}.grammar-course-main{display:flex;align-items:center;gap:15px}.grammar-book-cover{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:0 0 75px;height:98px;overflow:hidden;border-radius:7px 11px 11px 7px;box-shadow:3px 5px 10px #43412121}.grammar-book-cover img{width:100%;height:100%;object-fit:cover}.grammar-book-cover.green{color:#f2fff2;background:linear-gradient(150deg,#58cc78,#29a957)}.grammar-book-cover.blue{color:#effaff;background:linear-gradient(150deg,#5bc4eb,#369bd0)}.grammar-book-cover.orange{color:#fff8ed;background:linear-gradient(150deg,#f4b257,#e98238)}.grammar-book-cover.purple{color:#fcf4ff;background:linear-gradient(150deg,#b18ad1,#8863b0)}.grammar-book-cover strong{margin-top:5px;font-size:13px}.grammar-book-cover small{margin-top:3px;font-size:7px;opacity:.8}.grammar-course-info{flex:1;min-width:0}.grammar-course-info>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:5px}.grammar-course-info h2{overflow:hidden;color:#43372b;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.grammar-course-info>div:first-child>span{display:flex;color:#efab27}.grammar-course-info>p{margin-top:5px;overflow:hidden;color:#a29584;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.grammar-progress-track{height:6px;margin-top:16px;overflow:hidden;border-radius:99px;background:#fff0bc}.grammar-progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb525,#f59822);transition:width .25s}.grammar-course-info>small{display:block;margin-top:7px;color:#ae8a52;font-size:9px}.grammar-course-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:16px -16px 0;padding:13px 8px 14px;border-top:1px dashed #eee2c9}.grammar-course-stats>div{text-align:center}.grammar-course-stats strong,.grammar-course-stats span{display:block}.grammar-course-stats strong{color:#4b4033;font-size:19px;font-weight:600}.grammar-course-stats span{margin-top:4px;color:#a89b88;font-size:8px}.grammar-course-action{position:absolute;right:15px;top:14px;display:none;align-items:center;gap:3px;color:#df9b28;font-size:8px}.grammar-note{margin:20px 15px 0;color:#b09c81;font-size:9px;line-height:1.8;text-align:center}.course-package-page{background:#fffaf3}.course-detail-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:calc(15px + env(safe-area-inset-top)) 17px 13px;background:#fff}.course-detail-header>button{display:flex;align-items:center;width:38px;height:38px;padding:0;border:0;color:#5f4c3a;background:transparent}.course-detail-header h1{overflow:hidden;font-size:18px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.course-detail-summary{display:flex;align-items:center;gap:16px;padding:20px 20px 22px;border-bottom:1px solid #f2e8db;background:#fff}.course-detail-summary>div:last-child{flex:1;min-width:0}.course-detail-summary h2{font-size:18px}.course-detail-summary p{margin-top:5px;color:#a39484;font-size:10px}.course-detail-summary small{display:block;margin-top:7px;color:#ad8b54;font-size:9px}.course-player-section{background:#fff}.course-video{display:block;width:100%;aspect-ratio:16 / 9;border:0;background:#171714;object-fit:contain}.course-video-unavailable{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;aspect-ratio:16 / 9;padding:25px;color:#d4c7b6;background:linear-gradient(145deg,#3c3a33,#242620);text-align:center}.course-video-unavailable strong{margin-top:10px;color:#f1e9dc;font-size:14px}.course-video-unavailable p{margin-top:7px;font-size:9px}.course-playing-info{display:flex;align-items:center;gap:10px;padding:15px 19px 16px}.course-playing-info>span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;color:#dc941e;background:#fff3cf}.course-playing-info h2{font-size:15px}.course-playing-info p{margin-top:5px;color:#a39483;font-size:9px}.course-video-error{padding:0 19px 13px;color:#c05335;font-size:10px;line-height:1.6}.course-lessons-content{padding:20px 16px 27px}.course-lessons-heading{display:flex;align-items:center;justify-content:space-between;margin:0 3px 12px}.course-lessons-heading h2{font-size:17px}.course-lessons-heading>span{color:#a39382;font-size:10px}.course-lesson-list{display:flex;flex-direction:column;gap:10px}.course-lesson-row{display:flex;align-items:center;gap:12px;width:100%;min-height:79px;padding:13px 14px;border:1px solid #eee4d7;border-radius:16px;background:#fff;text-align:left}.course-lesson-row.playing{border-color:#f0bd43;background:#fffbeb;box-shadow:0 0 0 2px #f7be391a}.lesson-index{display:flex;align-items:center;justify-content:center;flex:0 0 29px;height:34px;border-left:4px solid #f2bd3f;color:#aa8c59;font-size:10px;font-weight:700}.lesson-copy{flex:1;min-width:0}.lesson-title-line{display:flex;align-items:center;gap:6px}.lesson-title-line strong{overflow:hidden;color:#4a3d31;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.lesson-title-line em{flex:0 0 auto;padding:3px 5px;border-radius:5px;color:#9b6716;background:#ffe46f;font-size:7px;font-style:normal}.lesson-copy>small{display:flex;align-items:center;gap:3px;margin-top:7px;color:#aa9986;font-size:9px}.lesson-play-icon{display:flex;align-items:center;justify-content:center;flex:0 0 31px;height:31px;border-radius:50%;color:#efa91d;background:#fff4ce}.lesson-progress{display:flex;align-items:center;gap:7px;margin-top:7px}.lesson-progress-track{flex:1;max-width:145px;height:4px;overflow:hidden;border-radius:5px;background:#f0e7d9}.lesson-progress-track>span{display:block;height:100%;border-radius:inherit;background:#f0b43c}.lesson-progress>small{flex:0 0 auto;color:#a78d64;font-size:8px;white-space:nowrap}.lesson-progress.complete .lesson-progress-track>span{background:#83b879}.lesson-progress.complete>small{color:#72a366}.lesson-play-icon.complete{color:#fff;background:#83b879}.course-progress-note{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:19px;color:#ac9b88;font-size:9px}@media(max-width:370px){.home-hero{padding-inline:19px}.home-content{padding-inline:13px}.book-card{padding:16px}.book-cover{flex-basis:84px;height:119px}.book-info h2{font-size:17px}.book-caption{font-size:10px}.overview-card{padding:13px}.overview-card p{font-size:9px}.word-card{gap:8px;padding-inline:11px}.word-title-row h3{font-size:19px}}@media(min-width:700px){.app-shell{margin-block:20px;min-height:calc(100dvh - 40px);border-radius:28px}.page{min-height:calc(100dvh - 40px)}.bottom-nav{bottom:20px;border-radius:0 0 28px 28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.reading-follow-page{color:#49372a;background:linear-gradient(180deg,#fff0dc 0,#fffaf4 250px)}.reading-follow-page button{touch-action:manipulation}.follow-header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:10px;padding:calc(17px + env(safe-area-inset-top)) 17px 17px}.follow-header>div{min-width:0;text-align:center}.follow-header h1{color:#664126;font-size:17px}.follow-header p{margin-top:4px;color:#ae8059;font-size:10px}.follow-icon-button{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;padding:0;border:1px solid #ecd2b7;border-radius:12px;color:#946039;background:#ffffffa6}.follow-header-spacer{width:39px}.follow-content{padding:0 17px calc(28px + env(safe-area-inset-bottom))}.follow-progress-card{padding:15px 16px;border:1px solid #edddcc;border-radius:17px;background:#fffffff0;box-shadow:0 7px 21px #69411f0d}.follow-progress-card>div:first-child{display:flex;align-items:center;justify-content:space-between}.follow-progress-card>div:first-child span{color:#8f6443;font-size:11px;font-weight:700}.follow-progress-card>div:first-child strong{color:#b56a32;font-size:11px}.follow-progress-track{height:7px;margin-top:12px;overflow:hidden;border-radius:8px;background:#f1e6db}.follow-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f2ad64,#e98438);transition:width .25s ease}.follow-progress-card>p{margin-top:8px;color:#ad927c;font-size:9px;text-align:right}.follow-sentence-card{margin-top:14px;padding:19px 18px 17px;border:1px solid #efdbc5;border-radius:23px;background:radial-gradient(circle at 90% 8%,#fff9da,transparent 37%),linear-gradient(145deg,#fff2df,#fffaf3);box-shadow:0 9px 24px #784c240e}.follow-sentence-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.follow-sentence-label>span{color:#b2794d;font-size:10px;font-weight:700}.follow-sentence-label em{padding:4px 7px;border-radius:7px;color:#a6531d;background:#ffe5c8;font-size:9px;font-style:normal;font-weight:700}.follow-sentence-card h2{margin-top:15px;overflow-wrap:anywhere;color:#503a2a;font-size:21px;line-height:1.55;letter-spacing:-.02em}.follow-sentence-card>p{margin-top:7px;color:#99816d;font-size:11px;line-height:1.65}.follow-message{margin:11px 2px 0;padding:10px 12px;border-radius:10px;color:#9a431d;background:#fff0e8;font-size:10px;line-height:1.55}.follow-record-card{display:flex;align-items:center;flex-direction:column;margin-top:14px;padding:16px 16px 17px;border:1px solid #eee0d2;border-radius:21px;background:#fff;box-shadow:0 6px 19px #603c1f0a}.follow-record-status{display:flex;align-items:center;justify-content:space-between;width:100%}.follow-record-status span{color:#866247;font-size:11px;font-weight:700}.follow-record-status strong{color:#b38765;font-size:10px;font-variant-numeric:tabular-nums}.follow-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:17px}.follow-action-grid>button{display:flex;align-items:center;flex-direction:column;gap:8px;padding:0;border:0;background:transparent}.follow-action-grid>button:disabled{opacity:.4}.follow-action-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;color:#d78a35;background:#fff1d9}.follow-action-icon.primary{color:#fff;background:linear-gradient(145deg,#f5ad3f,#e98d2e);box-shadow:0 6px 16px #ca7d1d33}.follow-action-icon.primary.active{background:#d76e42;animation:follow-record-pulse 1.25s ease-in-out infinite}.follow-action-grid strong{color:#967557;font-size:10px;font-weight:600}.follow-record-card>p{margin-top:13px;color:#ae9b8a;font-size:9px;text-align:center}.follow-score-card{position:relative;margin-top:27px;padding:27px 16px 16px;border:1px solid #e7b859;border-radius:19px;background:#fffdf6;box-shadow:0 7px 20px #8258190d;text-align:center}.follow-score-ribbon{position:absolute;top:-16px;left:50%;min-width:145px;padding:8px 18px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#f8b72d,#efa01c);box-shadow:0 5px 12px #bf80192e;font-size:21px;font-weight:800;transform:translate(-50%)}.follow-score-close{position:absolute;top:-13px;right:-8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;color:#fff;background:#f2a727}.follow-score-stars{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;color:#e8d8b6}.follow-score-stars svg.active{color:#f3b327}.follow-score-caption{margin-top:7px;color:#b39a7d;font-size:8px}.follow-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.follow-score-grid>div{padding:11px 5px;border-radius:12px;background:#fff3d8}.follow-score-grid span{display:block;color:#8d6a3e;font-size:11px}.follow-score-grid strong{display:block;margin-top:5px;color:#d98b2e;font-size:19px}.follow-score-grid small{margin-left:2px;font-size:10px}.follow-sentence-nav{display:grid;grid-template-columns:1fr 62px 1fr;align-items:center;gap:10px;margin-top:17px}.follow-sentence-nav button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:43px;border:1px solid #e8d6c4;border-radius:13px;color:#98623a;background:#fff;font-size:11px;font-weight:700}.follow-sentence-nav button:disabled{opacity:.4}.follow-sentence-nav>span{color:#aa8d74;font-size:10px;text-align:center}.follow-read-button:not(:disabled){border-color:#e88b41;color:#fff;background:linear-gradient(135deg,#f2a256,#e88438);box-shadow:0 5px 13px #be622224}.sentence-score-badge{flex:0 0 auto;padding:4px 6px;border-radius:7px;color:#a6531d;background:#ffead5;font-size:9px;font-weight:700}@keyframes follow-record-pulse{50%{box-shadow:0 7px 20px #bf632429,0 0 0 9px #e77e411f}}@media(max-width:360px){.follow-content,.follow-header{padding-inline:13px}.follow-sentence-card h2{font-size:19px}.follow-score-card{padding-inline:13px}}@media(prefers-reduced-motion:reduce){.reading-follow-page *,.reading-follow-page *:before,.reading-follow-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}