@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@400;600;700;800&display=swap";.mobile-reader-shell{--learning-unpracticed:#795600;--learning-correct:#246B3A;--learning-wrong:#A52D34}.mobile-reader-shell:not(.reader-light):not(.reader-sepia){--learning-unpracticed:#F5D878;--learning-correct:#AAE2B7;--learning-wrong:#FFB7B7}.mobile-reader-shell .story-content.reader-main-card .hl[data-learning-status=unpracticed]{color:var(--learning-unpracticed)!important;background:#f5c54245!important}.mobile-reader-shell .story-content.reader-main-card .hl[data-learning-status=correct]{color:var(--learning-correct)!important;background:#66bb6a3d!important}.mobile-reader-shell .story-content.reader-main-card .hl[data-learning-status=wrong]{color:var(--learning-wrong)!important;background:#e1535336!important}.mobile-reader-shell .story-content.reader-main-card .hl[data-learning-status] .cn-def{color:inherit!important;background:transparent!important}.mobile-reader-shell .story-content.reader-main-card.mode-hideEN .hl[data-learning-status]{color:transparent!important}.mobile-reader-shell .story-content.reader-main-card.mode-hideEN .hl[data-learning-status] .cn-def{color:var(--reader-ink)!important}.learning-status-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;font-size:13px;line-height:1.5;margin:0 0 20px;color:var(--reader-muted)}.learning-legend-label{font-size:12px;letter-spacing:.04em}.learning-legend-items{display:flex;flex-wrap:wrap;align-items:center;gap:18px;list-style:none!important;margin:0!important;padding:0!important}.learning-legend-items>li{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;font-weight:600;color:var(--reader-ink)}.learning-legend-items svg{width:18px;height:18px;flex:none;stroke-width:1.65;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.learning-legend-items .correct svg{color:var(--learning-correct)}.learning-legend-items .wrong svg{color:var(--learning-wrong)}.learning-legend-items .unpracticed svg{color:var(--learning-unpracticed)}.error-review-options .correct{color:#246b3a;background:#66bb6a3d}.error-review-options .wrong{color:#a52d34;background:#e1535336}.wp-status.unpracticed{color:#795600;background:#f5c54245}.story-reading-progress{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px;font-size:13px;line-height:1.5}.story-reading-progress small{margin-left:auto;color:var(--reader-muted);font-size:12px}.story-read-state{display:inline-flex;align-items:center;align-self:flex-start;padding:3px 9px;border-radius:6px;font-size:12px;font-weight:600;line-height:1.6;color:var(--text-secondary);background:var(--border-light);width:fit-content}.story-read-state.read{color:#246b3a;background:#66bb6a2e}.story-read-state.reading{color:#795600;background:#f5c5423b}.story-reading-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.story-reading-filters>span{font-size:13px;color:var(--text-secondary);align-self:center}.story-body .story-paragraph{scroll-margin-top:40px}.error-review-panel{text-align:center;max-height:calc(100dvh - 40px);overflow-y:auto;width:min(100%,540px)}.error-review-panel h3{margin:12px 0 20px;overflow-wrap:anywhere;font-size:22px;line-height:1.5}.error-review-progress{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--text-secondary)}.error-review-options{display:flex;flex-direction:column;gap:10px;margin:18px 0}.error-review-options .btn{min-height:48px;white-space:normal;overflow-wrap:anywhere}.error-review-options .btn:disabled{opacity:1}.error-review-options .correct{border-color:#246b3a}.error-review-options .wrong{border-color:#a52d34}.error-review-input-label{display:block;text-align:left;font-size:14px;margin:16px 0 6px}.error-review-panel .input{margin-bottom:14px;font-size:20px}.error-review-summary{margin:18px 0;font-size:16px;line-height:1.8}.error-review-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:12px}.error-review-feedback{margin:18px 0}.error-review-feedback p{margin-bottom:14px;font-size:17px;font-weight:600;overflow-wrap:anywhere}.error-review-feedback .correct{color:#246b3a}.error-review-feedback .wrong{color:#a52d34}.errors-page .btn,.error-review-panel .btn,.story-reading-filters .btn,.story-reading-progress .btn{min-height:44px;cursor:pointer}.errors-page .btn:focus-visible,.error-review-panel .btn:focus-visible,.story-reading-filters .btn:focus-visible,.story-reading-progress .btn:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.errors-page>div:has(>button){flex-wrap:wrap}.errorbook-bottom{flex-wrap:wrap}@media (max-width:600px){.errors-page .errors-grid{grid-template-columns:minmax(0,1fr)!important}.error-review-panel{padding:22px 18px}.error-review-progress{font-size:13px}.story-reading-progress small{margin-left:0}}@media (max-width:600px){.modal-panel.error-review-panel{max-height:calc(100dvh - 24px)!important;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))!important}}.review-direction-switch{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.review-direction-switch .btn{min-height:44px;white-space:normal}.review-direction-switch .selected{border-color:var(--accent);background:var(--accent-light);color:var(--text);font-weight:700}.review-state-note{display:block;font-size:13px;line-height:1.7;color:var(--text-secondary);margin:8px 0 18px}.error-kind-label{display:inline-flex;max-width:100%;padding:3px 8px;border-radius:6px;background:var(--border-light);color:var(--text-secondary);font-size:12px;line-height:1.5;margin:8px 0;overflow-wrap:anywhere}.error-kind-label.spelling{background:#4e77be1f;color:#345483}.error-kind-label.meaning{background:#ab662f1f;color:#80512a}.error-search-toolbar{display:flex;align-items:center;gap:8px;margin:0 0 12px;min-width:0}.error-search-field{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:0 14px;border:1px solid var(--border-light);border-radius:12px;background:var(--bg-elev);transition:border-color .18s ease}.error-search-field:focus-within{border-color:var(--primary);outline:2px solid var(--primary);outline-offset:2px}.error-search-field svg{width:20px;height:20px;flex:none;stroke:var(--text-secondary);stroke-width:1.7;stroke-linecap:round}.error-search-field input{width:100%;min-width:0;min-height:48px;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--text);padding:10px 0}.error-search-field input::placeholder{color:var(--text-secondary);opacity:1}.error-search-results{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 16px;font-size:13px;color:var(--text-secondary)}.error-search-empty{text-align:center;padding:40px 16px;color:var(--text-secondary)}.error-search-empty strong{display:block;font-size:18px;color:var(--text)}.error-search-empty p{font-size:14px;line-height:1.7;margin:10px 0 18px}@media (prefers-reduced-motion:reduce){.error-search-field{transition:none}}.learning-access-gate{padding-top:48px;padding-bottom:120px;min-height:55vh}.learning-access-card{max-width:600px;margin:0 auto;padding:40px 28px;text-align:center}.learning-access-card>svg{width:40px;height:40px;margin-bottom:16px;stroke:var(--text-secondary);stroke-width:1.6;stroke-linecap:round}.learning-access-card h1{font-size:24px;line-height:1.4;margin-bottom:12px}.learning-access-card p{font-size:15px;line-height:1.8;color:var(--text-secondary);margin-bottom:24px}.learning-access-card .btn{min-height:48px}.learning-access-card .btn:focus-visible{outline:3px solid var(--primary);outline-offset:3px}@media (max-width:600px){.learning-access-gate{padding-top:24px}.learning-access-card{padding:32px 20px}}.reader-text-color-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reader-text-color-presets button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px;border:1px solid var(--reader-border);border-radius:12px;background:var(--reader-paper);color:var(--reader-ink);font:inherit;font-size:13px;cursor:pointer}.reader-text-color-presets button[aria-pressed=true]{border-color:var(--reader-highlight);box-shadow:inset 0 0 0 1px var(--reader-highlight)}.reader-text-color-dot{width:18px;height:18px;flex-shrink:0;border-radius:50%;border:1px solid var(--reader-border)}.reader-text-color-custom{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.reader-text-color-custom label{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--reader-ink);font-size:13px}.reader-text-color-picker input{width:48px;height:44px;padding:3px;border:1px solid var(--reader-border);border-radius:8px;background:var(--reader-paper);cursor:pointer}.reader-text-color-hex{flex:1;min-width:170px}.reader-text-color-hex input{width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--reader-border);border-radius:8px;background:var(--reader-paper);color:var(--reader-ink);font:16px/1.4 monospace}.reader-text-color-hex input[aria-invalid=true]{border-color:var(--reader-danger)}.reader-text-color-help{margin:10px 0 0;color:var(--reader-muted);font-size:12px;line-height:1.6}.reader-text-color-settings button:focus-visible,.reader-text-color-settings input:focus-visible{outline:3px solid var(--reader-highlight);outline-offset:3px}.reader-word-card-settings .word-card-color-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.word-card-color-options button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px;border:1px solid var(--reader-border);border-radius:12px;background:var(--reader-paper);color:var(--reader-ink);font:inherit;font-size:13px;cursor:pointer}.word-card-color-options button[aria-pressed=true]{border-color:var(--reader-highlight);box-shadow:inset 0 0 0 1px var(--reader-highlight)}.word-card-color-options button:focus-visible{outline:3px solid var(--reader-highlight);outline-offset:3px}.word-card-color-dot{width:20px;height:20px;flex:none;border:1px solid rgba(100,100,110,.3);border-radius:50%}.word-card-color-help{margin:10px 0 0;color:var(--reader-muted);font-size:12px;line-height:1.6}.mobile-reader-shell .word-popup[data-card-tone]{--card-bg:#FFFCF7;--card-ink:#26313D;--card-muted:#526070;--card-faint:#626A76;--card-border:#D8DCE1;--card-panel:#F1F0ED;--card-accent:#A12B56;--card-success:#216340;--card-success-bg:#E1EFE4;--card-success-solid:#257248;--card-success-ink:#FFFFFF;--card-danger:#A72D43;--card-danger-bg:#F8E0E5;--card-danger-solid:#B1324A;--card-danger-ink:#FFFFFF;--card-pending:#775300;--card-pending-bg:#F9E8B9;--reader-surface:var(--card-bg);--reader-ink:var(--card-ink);--reader-muted:var(--card-muted);--reader-border:var(--card-border);--reader-shadow:rgba(0,0,0,.3);--text:var(--card-ink);--text-secondary:var(--card-muted);--text-tertiary:var(--card-faint);--accent:var(--card-accent);--accent-soft:var(--card-accent);--accent-light:var(--card-panel);--green:var(--card-success);--green-light:var(--card-success-bg);--red:var(--card-danger);--red-light:var(--card-danger-bg);--border:var(--card-border);--border-light:var(--card-border);background:var(--card-bg)!important;color:var(--card-ink)!important;border-color:var(--card-border)!important}.mobile-reader-shell .word-popup[data-card-tone=dark]{--card-bg:#303744;--card-ink:#F8FAFC;--card-muted:#DAE0E9;--card-faint:#BCC6D3;--card-border:#657184;--card-panel:#414B5C;--card-accent:#FFD1DF;--card-success:#93DCAD;--card-success-bg:#344E43;--card-success-solid:#93DCAD;--card-success-ink:#173825;--card-danger:#FFAFBA;--card-danger-bg:#5A3947;--card-danger-solid:#FFAFBA;--card-danger-ink:#4B1723;--card-pending:#FFE0A0;--card-pending-bg:#5A4C35}.mobile-reader-shell .word-popup[data-card-tone=pink]{--card-bg:#FCE8EF;--card-ink:#492C3A;--card-muted:#70515F;--card-faint:#785966;--card-border:#D9B5C3;--card-panel:#FFF5F8;--card-accent:#9C2B56}.mobile-reader-shell .word-popup[data-card-tone] .wp-close,.mobile-reader-shell .word-popup[data-card-tone] .wp-play,.mobile-reader-shell .word-popup[data-card-tone] .wp-sentence,.mobile-reader-shell .word-popup[data-card-tone] .wp-phonetics,.mobile-reader-shell .word-popup[data-card-tone] .wp-multi-row{background:var(--card-panel)!important;border-color:var(--card-border)!important;color:var(--card-ink)!important}.mobile-reader-shell .word-popup[data-card-tone] .wp-close:hover,.mobile-reader-shell .word-popup[data-card-tone] .wp-play,.mobile-reader-shell .word-popup[data-card-tone] .wp-play:hover,.mobile-reader-shell .word-popup[data-card-tone] .wp-nav button:hover{color:var(--card-accent)!important}.mobile-reader-shell .word-popup[data-card-tone] .wp-actions button{border-color:var(--card-border)!important}.mobile-reader-shell .word-popup[data-card-tone] .wp-actions button.master{background:var(--card-success-bg)!important;color:var(--card-success)!important}.mobile-reader-shell .word-popup[data-card-tone] .wp-actions button.master.done{background:var(--card-success-solid)!important;color:var(--card-success-ink)!important}.mobile-reader-shell .word-popup[data-card-tone] .wp-actions button.fail{background:var(--card-danger-bg)!important;color:var(--card-danger)!important}.mobile-reader-shell .word-popup[data-card-tone] .wp-actions button.fail.done{background:var(--card-danger-solid)!important;color:var(--card-danger-ink)!important}.mobile-reader-shell .word-popup[data-card-tone] .wp-status.unpracticed{background:var(--card-pending-bg)!important;color:var(--card-pending)!important}.mobile-reader-shell .word-popup[data-card-tone] .wp-nav button{color:var(--card-muted)!important}.mobile-reader-shell .word-popup[data-card-tone] .wp-nav button:hover{background:var(--card-panel)!important}:root{--bg: #05060C;--bg-elev: #0A0D18;--text: #F2F3F7;--text-secondary: rgba(242,243,247,.66);--text-tertiary: rgba(242,243,247,.42);--border: rgba(255,255,255,.12);--border-light: rgba(255,255,255,.08);--accent: #FFB561;--accent-soft: #FFD9A8;--accent-light: rgba(255,181,97,.14);--accent-gradient: linear-gradient(135deg,#FFC98A 0%,#FFB561 45%,#FF9E4A 100%);--green: #7EE2B8;--green-light: rgba(126,226,184,.13);--green-border: #4FC79B;--red: #FF8F8F;--red-light: rgba(255,143,143,.13);--primary: #F2F3F7;--primary-light: rgba(242,243,247,.1);--primary-dark: #FFFFFF;--bg-white: rgba(255,255,255,.07);--bg-warm: rgba(255,255,255,.05);--shadow-card: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 34px rgba(0,0,0,.38);--shadow-hover: inset 0 1px 0 rgba(255,255,255,.09), 0 18px 48px rgba(0,0,0,.5);--radius: 20px;--radius-sm: 12px;--radius-lg: 24px;--radius-full: 999px;--font: "Barlow","PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,sans-serif;--font-heading: "Instrument Serif",Georgia,"Noto Serif SC","PingFang SC",serif;--reader-font-size: 18px;--reader-line-height: 2}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.7;font-size:15px;letter-spacing:0}button,a,input,select,textarea,.story-content,.quiz-opt,.story-library-card,.word-card,.card{touch-action:manipulation}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(1100px 700px at 82% -8%,rgba(96,116,255,.1),transparent 60%),radial-gradient(900px 620px at -8% 32%,rgba(255,140,80,.07),transparent 60%),radial-gradient(800px 800px at 50% 115%,rgba(126,96,255,.08),transparent 60%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 12% 22%,rgba(255,255,255,.9),transparent 45%),radial-gradient(1px 1px at 68% 12%,rgba(255,255,255,.7),transparent 45%),radial-gradient(1.4px 1.4px at 84% 42%,rgba(255,255,255,.75),transparent 45%),radial-gradient(1px 1px at 33% 58%,rgba(255,255,255,.6),transparent 45%),radial-gradient(1.2px 1.2px at 52% 84%,rgba(255,255,255,.8),transparent 45%),radial-gradient(1px 1px at 92% 78%,rgba(255,255,255,.6),transparent 45%),radial-gradient(1px 1px at 8% 86%,rgba(255,255,255,.65),transparent 45%),radial-gradient(1px 1px at 42% 6%,rgba(255,255,255,.55),transparent 45%);background-size:340px 340px;animation:twinkle 6.5s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.34}to{opacity:.62}}h1{font-family:var(--font-heading);font-size:28px;font-weight:400;letter-spacing:-.01em;color:var(--text)}h2{font-family:var(--font-heading);font-size:22px;font-weight:400;letter-spacing:-.01em}h3{font-size:17px;font-weight:600}a{color:var(--accent);text-decoration:none}.liquid-glass{background:#ffffff03;background-blend-mode:luminosity;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:none;box-shadow:inset 0 1px 1px #ffffff1a;position:relative;overflow:hidden}.liquid-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,#ffffff73,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.liquid-glass-strong{background:#ffffff03;background-blend-mode:luminosity;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);border:none;box-shadow:4px 4px 4px #0000000d,inset 0 1px 1px #ffffff26;position:relative;overflow:hidden}.liquid-glass-strong:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,#ffffff80,#fff3 20%,#fff0 40% 60%,#fff3 80%,#ffffff80);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.mini-card,.card,.quiz-opt,.stat-card,.word-card,.modal-panel,.home-overview,.overview-grid>div,.story-library-card,.library-search,.hero-stat,.cap-card,.toast,.fp,.bottom-nav,.reader-toolbar,.reader-topbar,.word-popup,.reader-settings-sheet,.vocab-sheet,.font-stepper,.setting-grid button,.btn-primary,.btn-outline,.mode-btn,.section-tab,.input{position:relative;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}.mini-card:before,.card:before,.quiz-opt:before,.stat-card:before,.word-card:before,.modal-panel:before,.home-overview:before,.overview-grid>div:before,.story-library-card:before,.library-search:before,.hero-stat:before,.cap-card:before,.toast:before,.fp:before,.bottom-nav:before,.reader-toolbar:before,.reader-topbar:before,.word-popup:before,.reader-settings-sheet:before,.vocab-sheet:before,.font-stepper:before,.setting-grid button:before,.btn-primary:before,.btn-outline:before,.mode-btn:before,.section-tab:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,#ffffff73,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.story-library-card:hover:before,.library-search:focus-within:before,.word-card:hover:before,.card.animate-in:hover:before{background:linear-gradient(180deg,#ffb5618c,#ffb56138 20%,#ffb56100 40% 60%,#ffb56138 80%,#ffb5618c)}.mode-btn.active:before,.section-tab.active:before{display:none}.nav{position:sticky;top:0;z-index:100;padding:12px 20px;background:linear-gradient(180deg,#05060cb8,#05060c00)}.nav-inner{max-width:1200px;margin:0 auto;height:60px;padding:6px 8px 6px 14px;border-radius:999px;display:flex;align-items:center;gap:14px;overflow-x:auto;background:#ffffff05;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 1px #ffffff1a,0 10px 34px #0006}.nav-inner::-webkit-scrollbar{display:none}.nav-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.nav-brand .icon-wrap{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 1px #ffffff1f}.nav-brand .brand-text{font-family:var(--font-heading);font-style:italic;font-size:18px;color:#fff;letter-spacing:-.01em}.nav-link{padding:8px 13px;border-radius:999px;color:#ffffffbf;font-size:13.5px;font-weight:500;white-space:nowrap;transition:all .2s;display:inline-flex;align-items:center;gap:5px}.nav-link:hover{background:#ffffff17;color:#fff}.nav-link.active{background:#fff;color:#0b0c14;font-weight:600;box-shadow:0 4px 16px #00000059}.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0;color:#ffffffd9}.bottom-nav{display:none;position:fixed;bottom:max(14px,env(safe-area-inset-bottom,14px));left:14px;right:14px;z-index:100;border-radius:22px;padding:7px;justify-content:space-around;align-items:flex-start;background:#0e111eb8;backdrop-filter:blur(50px) saturate(160%);-webkit-backdrop-filter:blur(50px) saturate(160%);box-shadow:inset 0 1px 1px #ffffff24,0 16px 44px #00000080}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:none;background:none;cursor:pointer;color:var(--text-tertiary);font-size:10px;font-family:var(--font);font-weight:500;transition:color .15s;min-width:52px;-webkit-tap-highlight-color:transparent;border-radius:16px}.bottom-nav-item .bni{font-size:19px;line-height:1}.bottom-nav-item.active{color:var(--accent);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 24px;border-radius:var(--radius-full);border:none;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;letter-spacing:0}.btn-primary{background:#ffffff1a;color:#fff}.btn-primary:hover{background:#ffffff2b;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-secondary)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#ffffff17;color:#fff}.btn-accent{background:var(--accent-gradient);color:#221304;font-weight:700;box-shadow:0 6px 22px #ff9e4a52}.btn-accent:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 30px #ff9e4a66}.btn:active,.mode-btn:active,.section-tab:active,.quiz-opt:active,.story-library-card:active,.setting-grid button:active,.word-card:active,.bottom-nav-item:active,.reader-toolbar button:active{transform:scale(.97)}.btn-sm{padding:7px 16px;font-size:13px}.btn-block{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed}.mode-btn{padding:8px 16px;border-radius:999px;background:#ffffff0a;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .18s;font-family:var(--font);white-space:nowrap}.mode-btn:hover{border-color:var(--accent);color:var(--accent-soft);background:var(--accent-light)}.mode-btn.active{background:var(--accent-gradient);color:#221304;font-weight:700;border-color:transparent;box-shadow:0 4px 14px #ff9e4a4d}.card{background:#ffffff09;border-radius:var(--radius);box-shadow:var(--shadow-card);transition:box-shadow .25s}.card:hover{box-shadow:var(--shadow-hover)}.mini-card{border-radius:16px;background:#ffffff09;box-shadow:var(--shadow-card)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:11.5px;font-weight:600;letter-spacing:.02em}.badge-blue{background:var(--primary-light);color:var(--text)}.badge-green{background:var(--green-light);color:var(--green)}.badge-orange{background:var(--accent-light);color:var(--accent-soft)}.input{width:100%;padding:14px 18px;border:1px solid rgba(255,255,255,.14);border-radius:14px;font-family:var(--font);font-size:15px;outline:none;transition:all .2s;background:#ffffff0f;color:var(--text)}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #ffb56121;background:#ffffff14}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23F2F3F7' stroke-width='1.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}select.input option{background:#0a0d18;color:var(--text)}.container,.home-page{max-width:1200px;margin:0 auto;padding:32px 20px 64px;animation:pageIn .38s cubic-bezier(.25,.46,.45,.94) both}.home-page{max-width:none;padding:0}@keyframes pageIn{0%{opacity:0}to{opacity:1}}.mobile-reader-shell{position:relative;z-index:1}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(100px);background:#101320d9;color:#fff;padding:13px 26px;border-radius:var(--radius-full);font-size:14px;font-weight:500;z-index:9999;opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.34,1.2,.64,1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 1px #ffffff1f,0 12px 34px #00000080}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.fp{position:fixed;left:50%;transform:translate(-50%);bottom:max(12px,env(safe-area-inset-bottom,12px));width:min(94vw,640px);z-index:950;border-radius:22px;padding:6px 8px 8px;background:#0e111ed1;backdrop-filter:blur(50px) saturate(160%);-webkit-backdrop-filter:blur(50px) saturate(160%);box-shadow:inset 0 1px 1px #ffffff21,0 14px 40px #00000080;color:#fff;font-family:var(--font);transition:transform .3s cubic-bezier(.32,.72,0,1)}.fp-progress{height:2px;border-radius:2px;background:#ffffff14;overflow:hidden;margin-bottom:5px}.fp-progress>div{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-soft));transition:width .3s}.fp-sentence{padding:0 10px 5px;font-size:10.5px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-row{display:flex;align-items:center;gap:9px;padding:0 2px}.fp-icon{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;background:#ffffff1f;transition:background .2s}.fp.playing .fp-icon{background:linear-gradient(135deg,var(--accent),var(--accent-soft))}.fp-info{flex:1;min-width:0}.fp-title{font-family:var(--font-heading);font-style:italic;font-weight:400;font-size:13.5px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-sub{font-size:10px;color:var(--text-tertiary);margin-top:1px}.fp-speeds{display:flex;gap:2px}.fp-speeds button{min-width:27px;height:20px;border-radius:6px;border:0;cursor:pointer;font-size:10px;font-weight:600;font-family:var(--font);background:#ffffff14;color:var(--text-secondary);transition:all .15s}.fp-speeds button.on{background:var(--accent);color:#221304;font-weight:700}.fp-play{width:30px;height:30px;border-radius:50%;border:0;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);color:#221304;transition:all .15s}.fp.playing .fp-play{background:#ffffff24;color:#fff}.fp-min,.fp-close{width:24px;height:24px;border-radius:50%;border:0;cursor:pointer;background:transparent;color:var(--text-tertiary);font-size:12px;transition:all .15s}.fp-min:hover,.fp-close:hover{background:#ffffff1a;color:#fff}.fp-speeds button:active,.fp-play:active,.fp-min:active,.fp-close:active{transform:scale(.92)}.fp-mini .fp-sentence,.fp-mini .fp-speeds{display:none}@media (max-width:480px){.fp-min{display:none}}.modal-overlay{position:fixed;inset:0;background:#02030aa8;z-index:999;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-panel{background:#0d101ceb;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);border-radius:var(--radius-lg);padding:40px 32px;max-width:430px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:inset 0 1px 1px #ffffff1a,0 28px 80px #0000008c}.modal-close{position:absolute;top:14px;right:18px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-tertiary);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close:hover{background:#ffffff17;color:#fff}.section-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.section-tab{padding:10px 22px;border-radius:var(--radius-full);background:#ffffff0a;font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;color:var(--text-secondary);transition:all .2s}.section-tab:hover{border-color:var(--accent);color:var(--accent-soft);background:var(--accent-light)}.section-tab.active{background:var(--accent-gradient);color:#221304;font-weight:700;border-color:transparent;box-shadow:0 4px 14px #ff9e4a47}.story-content{font-size:17px;line-height:2.4;color:var(--text)}.story-body{max-width:46em;margin:0 auto;overflow-wrap:break-word}.story-body .story-meta{margin:0 0 24px!important;padding:0 0 16px!important;border-bottom:1px solid var(--border-light);font-size:12px!important;line-height:1.6!important;color:var(--text-tertiary)!important;letter-spacing:.035em}.story-body .story-paragraph{margin:0 0 1.65em;line-height:inherit;text-wrap:pretty}.story-body .story-paragraph:last-child{margin-bottom:0}.word-card{display:flex;align-items:center;gap:10px;padding:13px 16px;margin-bottom:8px;background:var(--bg-warm);border-radius:13px;transition:all .2s}.word-card:hover{box-shadow:0 4px 16px #0000004d;transform:translate(2px)}.quiz-opt{padding:16px 20px;border-radius:14px;background:#ffffff0d;cursor:pointer;font-size:15px;font-weight:500;text-align:left;transition:all .18s;font-family:var(--font);width:100%;color:var(--text)}.quiz-opt:hover{background:var(--accent-light);transform:translate(3px)}.quiz-opt.correct{box-shadow:inset 0 0 0 1.5px var(--green-border)!important;background:var(--green-light)!important;color:var(--green)!important;font-weight:700}.quiz-opt.wrong{opacity:.3;text-decoration:line-through;text-decoration-color:var(--red)}.story-grid-card{padding:26px 24px;cursor:pointer;transition:all .25s;border-radius:var(--radius);background:#ffffff09;box-shadow:var(--shadow-card);border:1px solid var(--border-light);overflow:hidden}.story-grid-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#ffb56166}.story-grid-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient);opacity:0;transition:opacity .25s}.story-grid-card:hover:before{opacity:1}.stat-card{background:#ffffff09;border-radius:var(--radius);padding:22px;text-align:center;transition:all .2s;box-shadow:var(--shadow-card)}.stat-card .num{font-family:var(--font-heading);font-style:italic;font-size:30px;font-weight:400;letter-spacing:-.01em;color:#fff}.stat-card .lbl{font-size:12px;color:var(--text-tertiary);margin-top:4px;font-weight:500}@keyframes blurIn{0%{opacity:0;transform:translateY(14px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.animate-in{animation:blurIn .6s cubic-bezier(.25,.46,.45,.94) both}.hero{position:relative;min-height:100svh;background:#000;overflow:hidden;display:flex;flex-direction:column}.hero-inner{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:110px 16px 8px}@keyframes heroRise{0%{filter:blur(10px);opacity:0;transform:translateY(20px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.hero-anim{opacity:0;animation:heroRise .8s cubic-bezier(.25,.46,.45,.94) forwards}.hero-anim.d1{animation-delay:.4s}.hero-anim.d2{animation-delay:.8s}.hero-anim.d3{animation-delay:1.1s}.hero-anim.d4{animation-delay:1.3s}.hero-anim.d5{animation-delay:1.4s}.hero-badge{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:6px 12px 6px 6px}.hero-badge .chip-new{background:#fff;color:#0b0c14;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4}.hero-badge .chip-text{font-size:14px;color:#ffffffe6;font-weight:400;letter-spacing:.01em}.hero-title{margin:30px 0 0;font-family:var(--font-heading);font-style:italic;font-weight:400;color:#fff;font-size:clamp(44px,9vw,88px);line-height:.85;letter-spacing:-.04em;max-width:760px;display:flex;flex-wrap:wrap;justify-content:center;row-gap:.1em}.hero-title .bt-word{display:inline-block;margin-right:.28em;will-change:filter,opacity,transform}.hero-title .bt-word:last-child{margin-right:0}.bt .bt-word{opacity:0}.bt.in .bt-word{animation:btIn .7s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes btIn{0%{filter:blur(10px);opacity:0;transform:translateY(50px)}50%{filter:blur(5px);opacity:.5;transform:translateY(-5px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.hero-sub{margin-top:18px;max-width:660px;color:#fff;font-weight:300;font-size:15px;line-height:1.55}.hero-ctas{display:flex;align-items:center;gap:26px;margin-top:28px;flex-wrap:wrap;justify-content:center}.cta-primary{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:11px 24px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;font-family:var(--font);transition:opacity .2s,transform .2s;text-decoration:none;background:none;border:none}.cta-primary:hover{opacity:.92;transform:translateY(-1px)}.cta-primary svg{width:18px;height:18px;flex-shrink:0}.cta-secondary{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:#fff;font-size:14px;font-weight:400;font-family:var(--font);cursor:pointer;padding:6px 4px;transition:opacity .2s}.cta-secondary:hover{opacity:.75}.cta-secondary svg{width:15px;height:15px}.hero-stats{display:flex;align-items:stretch;gap:16px;margin-top:36px;flex-wrap:wrap;justify-content:center}.hero-stat{border-radius:20px;padding:20px;width:220px;text-align:left}.hero-stat .hs-top{display:flex;align-items:center;margin-bottom:14px}.hero-stat .hs-top svg{width:28px;height:28px;color:#fff;fill:none;stroke:currentColor;stroke-width:1.6}.hero-stat .hs-num{font-family:var(--font-heading);font-style:italic;font-size:36px;line-height:1;color:#fff;letter-spacing:-.03em}.hero-stat .hs-lbl{font-size:12px;color:#fff;font-weight:300;margin-top:8px}.hero-partners{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:34px}.hero-partners .hp-chip{border-radius:999px;padding:5px 14px;font-size:12px;font-weight:500;color:#fff}.hero-partners .hp-names{display:flex;align-items:center;gap:44px;flex-wrap:wrap;justify-content:center;font-family:var(--font-heading);font-style:italic;font-size:26px;color:#fff;letter-spacing:-.02em;line-height:1.2}.hero-partners .hp-dot{opacity:.55}.caps{position:relative;min-height:100vh;background:#000;overflow:hidden}.caps-inner{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:110px 32px 60px;display:flex;flex-direction:column;min-height:100vh}.caps-header{margin-bottom:auto}.caps-kicker{font-size:14px;color:#fffc;margin-bottom:24px;font-family:var(--font);letter-spacing:.02em}.caps-heading{font-family:var(--font-heading);font-style:italic;font-weight:400;color:#fff;font-size:clamp(48px,8vw,96px);line-height:.92;letter-spacing:-.03em}.caps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}.cap-card{border-radius:20px;padding:24px;min-height:360px;display:flex;flex-direction:column;text-align:left}.cap-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cap-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cap-icon svg{width:24px;height:24px;color:#fff;fill:currentColor}.cap-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:70%}.cap-tag{border-radius:999px;padding:4px 12px;font-size:11px;color:#ffffffe6;white-space:nowrap;font-family:var(--font);font-weight:400}.cap-card .cap-spacer{flex:1}.cap-title{font-family:var(--font-heading);font-style:italic;font-weight:400;color:#fff;font-size:32px;line-height:1.1;letter-spacing:-.02em;margin-top:24px}.cap-body{margin-top:12px;font-size:14px;color:#ffffffe6;font-weight:300;line-height:1.45;max-width:32ch}.home-shell{max-width:1180px;margin:0 auto;padding:76px 20px 100px}.home-overview{margin-bottom:44px;border-radius:24px;padding:26px 30px;background:#ffffff05;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:inset 0 1px 1px #ffffff14,0 14px 40px #0006}.overview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.overview-heading span{font-family:var(--font-heading);font-style:italic;font-size:17px;color:#fff}.overview-heading small{font-size:11px;color:var(--text-tertiary)}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.overview-grid>div{padding:16px 6px;text-align:center;border-radius:14px;background:#ffffff08}.overview-grid strong{display:block;font-family:var(--font-heading);font-style:italic;font-weight:400;font-size:27px;line-height:1.1;color:#fff;letter-spacing:-.02em}.overview-grid span{display:block;font-size:10.5px;color:var(--text-tertiary);margin-top:6px}.overview-note{display:flex;align-items:center;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-light);color:var(--text-secondary);font-size:11px}.overview-note span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-light)}.library-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;gap:16px;flex-wrap:wrap}.section-kicker{font-size:11px;color:#ffffff8c;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.library-heading h2{font-family:var(--font-heading);font-style:italic;font-weight:400;font-size:34px;color:#fff;margin-top:4px;letter-spacing:-.02em}.library-heading p{font-size:13px;color:var(--text-tertiary);margin-top:4px}.library-search{width:340px;height:46px;display:flex;align-items:center;gap:9px;padding:0 12px 0 15px;border-radius:999px;background:#ffffff0f;transition:.2s;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.library-search:focus-within{box-shadow:0 0 0 4px #ffb56121}.library-search>span{font-size:20px;color:var(--text-tertiary);transform:rotate(-18deg)}.library-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:var(--font);font-size:13.5px;color:var(--text)}.library-search input::placeholder{color:var(--text-tertiary)}.library-search small{font-size:10px;color:var(--text-tertiary);white-space:nowrap}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.story-library-card{appearance:none;text-align:left;padding:22px;border-radius:20px;color:inherit;font-family:var(--font);cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;min-height:238px;background:#ffffff08;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 1px #ffffff12,0 10px 30px #00000059}.story-library-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px 1px #ffffff1a,0 18px 44px #00000080}.story-library-card:focus-visible{outline:3px solid rgba(255,181,97,.3);outline-offset:2px}.story-library-card.locked{opacity:.62}.story-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;font-size:10px;font-weight:600;letter-spacing:.14em;color:#ffffff73}.access-state{padding:4px 9px;border-radius:999px;background:#ffffff12;color:var(--text-tertiary);letter-spacing:0}.access-state.available{background:var(--green-light);color:var(--green)}.story-library-card h3{font-size:17px;line-height:1.45;color:#fff;margin-bottom:8px;font-weight:600}.story-card-meta{display:flex;gap:14px;font-size:11px;color:var(--text-tertiary);margin-bottom:15px}.story-card-words{display:flex;gap:5px;flex-wrap:wrap}.story-card-words span{padding:3px 8px;border-radius:999px;background:#ffffff14;color:#ffffff9e;font-size:10px}.story-card-action{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;font-size:12px;font-weight:600;color:var(--accent)}.story-card-action b{font-size:17px;transition:transform .2s}.story-library-card:hover .story-card-action b{transform:translate(3px)}.home-loading,.home-empty{padding:80px 20px;text-align:center;border:1px dashed rgba(255,255,255,.18);border-radius:20px;color:var(--text-tertiary);background:#ffffff05}.home-empty{display:flex;flex-direction:column;gap:5px}.home-empty strong{color:var(--text)}.reader-sepia .dict-inline:focus::placeholder{color:#a99a87}.reader-light .dict-inline:focus::placeholder{color:#9a9da6}@media (min-width:769px){.container{padding-top:38px}.mobile-reader-shell{max-width:1160px!important;padding-top:30px!important}.reader-topbar{margin-bottom:20px!important;flex-wrap:nowrap!important}.reader-back{flex:0 0 auto;padding:9px 14px;border-radius:999px;color:var(--text-secondary)!important;background:#ffffff0f;border:1px solid rgba(255,255,255,.13);font-size:12px;font-weight:600;transition:.18s;text-decoration:none}.reader-back:hover{color:var(--accent)!important;border-color:var(--accent);background:var(--accent-light)}.reader-heading{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.2;margin-right:4px}.reader-heading span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-tertiary);font-weight:600}.reader-heading strong{font-family:var(--font-heading);font-style:italic;font-weight:400;font-size:17px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.reader-audio-card{min-height:58px;border-radius:999px!important;box-shadow:inset 0 1px 1px #ffffff14,0 8px 26px #00000059!important;background:#ffffff0d!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.reader-audio-card:hover{box-shadow:inset 0 1px 1px #ffffff14,0 8px 26px #00000059!important}.reader-audio-card .reader-audio-hint{font-size:11px;color:var(--text-tertiary);margin-top:2px}.reader-mode-status{padding:5px 11px;border-radius:999px;background:#ffffff12;color:var(--text-secondary);font-size:10px;font-weight:600}.story-layout{gap:20px!important}.reader-main-card{border-radius:22px!important;box-shadow:inset 0 1px 1px #ffffff12,0 14px 44px #00000073!important;background:#0a0c1680!important;backdrop-filter:blur(20px) saturate(140%)!important;-webkit-backdrop-filter:blur(20px) saturate(140%)!important}.reader-main-card h2{font-family:var(--font-heading);font-style:italic;font-weight:400;font-size:28px!important;line-height:1.35!important;letter-spacing:-.02em;color:#fff!important;padding-bottom:20px!important;margin-bottom:26px!important;border-color:#ffffff1a!important}.reader-main-card>div{color:#e4e5ec!important;font-size:17px!important;line-height:2.15}.reader-main-card p{margin-bottom:1.25em}.reader-main-card .hl{display:inline!important;padding:1px 2px!important;margin:0 1px!important;border:0!important;border-bottom:2px solid currentColor!important;border-radius:2px!important;background:linear-gradient(180deg,transparent 62%,rgba(255,181,97,.16) 62%)!important;box-decoration-break:clone;-webkit-box-decoration-break:clone}.reader-main-card .hl:hover{transform:none!important;box-shadow:none!important;background:linear-gradient(180deg,transparent 52%,rgba(255,181,97,.3) 52%)!important}.reader-main-card .cn-def{display:inline!important;padding:0 2px!important;margin:0 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#9aa0b0!important;font-family:var(--font);font-size:12px!important;white-space:nowrap}.vocab-panel-card{border-radius:22px!important;box-shadow:inset 0 1px 1px #ffffff12,0 14px 44px #00000073!important;background:#0c0e1a94!important;backdrop-filter:blur(20px) saturate(140%)!important;-webkit-backdrop-filter:blur(20px) saturate(140%)!important}.vocab-panel-card:hover{box-shadow:inset 0 1px 1px #ffffff12,0 14px 44px #00000073!important}.vocab-panel-header{padding:18px 18px 14px!important}.vocab-panel-header h3{font-family:var(--font-heading);font-style:italic;font-weight:400;font-size:17px!important;color:#fff}.vocab-mode-bar{background:#ffffff0a!important;padding:11px 14px!important}.vocab-mode-bar .mode-btn,.vocab-mode-bar .btn-accent{padding:6px 11px;font-size:11px;border-radius:999px}.vocab-panel-card .word-card{margin-bottom:6px;padding:12px 13px;background:#ffffff0a;border-radius:12px}.vocab-panel-card .word-card:hover{transform:none;background:#ffb56117;border-color:#ffb56147}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}@media (max-width:768px){.container{padding:0 0 84px}h1{font-size:21px}h2{font-size:18px}.nav{display:none}.bottom-nav{display:flex}.bottom-nav.reading-hidden{display:none}.hero-inner{padding:96px 14px 4px}.hero-badge .chip-text{font-size:12.5px}.hero-sub{font-size:13.5px;padding:0 8px}.hero-stats{gap:10px;margin-top:28px}.hero-stat{width:158px;padding:15px 16px}.hero-stat .hs-num{font-size:28px}.hero-partners .hp-names{gap:24px;font-size:22px}.hero-partners{padding:0 14px 26px}.caps-inner{padding:88px 20px 44px}.caps-grid{grid-template-columns:1fr;gap:14px;margin-top:40px}.cap-card{min-height:0}.home-shell{padding:44px 14px 80px}.home-overview{padding:20px 16px;margin-bottom:32px}.overview-heading{margin-bottom:14px}.overview-heading span{font-size:15px}.overview-grid>div{padding:13px 4px}.overview-grid strong{font-size:23px}.overview-note{display:none}.library-heading{margin-bottom:14px}.library-heading h2{font-size:28px}.library-heading p{display:none}.library-search{height:44px;margin-top:10px;width:100%}.story-grid{grid-template-columns:1fr!important;gap:10px!important}.story-library-card{min-height:0;padding:17px;border-radius:18px}.story-card-top{font-size:9px;letter-spacing:.1em;margin-bottom:10px}.story-library-card h3{font-size:15px}.story-card-meta{font-size:10px}.story-card-words{margin-top:10px}.story-card-action{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);font-size:11px}}.story-layout{flex-direction:column!important;gap:0!important}.story-layout>*{max-width:none!important;width:100%!important}.mobile-reader-shell{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important;min-height:100svh;background:transparent;transition:background .2s}.story-layout .story-content{flex:auto!important;width:100%!important;min-width:0!important;padding:28px 22px 56px!important;font-size:var(--mobile-reader-size,16px)!important;line-height:var(--mobile-reader-lh,2.08)!important;border-radius:0!important;box-shadow:none!important;border:none!important;margin-bottom:0!important;letter-spacing:.006em;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.story-layout .story-content:before{display:none!important}.story-content h2{font-family:var(--font-heading);font-style:italic;font-weight:400;font-size:27px!important;line-height:1.3!important;letter-spacing:-.02em;margin:4px 0 24px!important;padding-bottom:18px!important}.story-content p{margin:0 0 1.25em}.story-body .story-meta{margin-bottom:20px!important;padding-bottom:14px!important}.story-body .story-paragraph{margin-bottom:1.85em}.story-content .hl{display:inline!important;padding:1px 2px!important;margin:0!important;border:0!important;border-bottom:2px solid currentColor!important;border-radius:2px!important;background:linear-gradient(180deg,transparent 58%,rgba(255,181,97,.2) 58%)!important;white-space:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone}.story-content .cn-def{display:inline!important;padding:0 2px!important;margin:0 1px!important;border:0!important;background:transparent!important;font-size:.78em!important;color:#9aa0b0!important;white-space:nowrap}.reader-sepia .story-content{background:#f2e9dad9!important;color:#3a342e!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.reader-sepia .story-content .hl{background:#b46e3c24!important;border-color:#b46e3c52!important;color:#a05a2c!important}.reader-sepia .story-content .cn-def{background:#0000000a!important;border-color:#00000017!important;color:#8a7b6c!important}.reader-light .story-content{background:#f4f5f9d9!important;color:#26272e!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.reader-light .story-content .hl{background:#ff9e4a26!important;border-color:#ff9e4a59!important;color:#c2621a!important}.reader-light .story-content .cn-def{background:#0000000a!important;border-color:#00000014!important;color:#71747e!important}.reader-dark .story-content{background:#0b0d16cc!important;color:#d9dbe4!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.reader-dark .story-content .hl{background:var(--accent-light)!important;border-color:#ffb5614d!important;color:var(--accent-soft)!important}.reader-dark .story-content .cn-def{background:#ffffff0d!important;border-color:#ffffff1a!important;color:#9aa0b0!important}.reader-space .story-content{background:#0a0c168c!important;color:#e4e5ec!important;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.reader-aurora .story-content{background:linear-gradient(165deg,#7ee2b82b,#0e2628d9 52%,#0b0d16eb)!important;color:#e4e5ec!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.reader-nebula .story-content{background:linear-gradient(165deg,#7e60ff30,#2a1a42db 52%,#0b0d16eb)!important;color:#e4e5ec!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.reader-dusk .story-content{background:linear-gradient(165deg,#ff9e4a29,#361e0ede 52%,#0b0d16eb)!important;color:#f4e8dc!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.reader-ice .story-content{background:linear-gradient(165deg,#78c8ff2b,#0e2436de 52%,#0b0d16eb)!important;color:#e6eef4!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.reader-custom .story-content{background:var(--reader-custom-bg)!important;color:#e4e5ec!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.vocab-sidebar-desktop{display:none!important}.reader-topbar{position:sticky;top:8px;z-index:50;margin:0 12px 8px!important;padding:10px 16px!important;gap:10px!important;flex-wrap:nowrap!important;border-radius:20px;background:#0d101c99;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);box-shadow:inset 0 1px 1px #ffffff17,0 10px 30px #00000059}.reader-back{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex:0 0 38px;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#e4e5ec!important;font-size:20px!important;font-weight:500!important;box-shadow:0 2px 8px #00000040;text-decoration:none}.desktop-reader-back{display:none}.mobile-reader-back{display:inline}.reader-heading{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.2}.reader-heading span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-tertiary);font-weight:600}.reader-heading strong{font-family:var(--font-heading);font-style:italic;font-weight:400;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.reader-topbar .card{flex:0 0 auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.reader-topbar .card>div,.reader-topbar .card>span{display:none!important}.reader-topbar .btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;font-size:14px!important;box-shadow:none!important}.reader-toolbar{display:grid!important;grid-template-columns:repeat(4,1fr);position:fixed;bottom:max(12px,env(safe-area-inset-bottom,12px));left:14px;right:14px;z-index:90;background:#0e111ec7;backdrop-filter:blur(50px) saturate(160%);-webkit-backdrop-filter:blur(50px) saturate(160%);padding:7px;border-radius:22px;box-shadow:inset 0 1px 1px #ffffff21,0 14px 40px #00000080;gap:3px}.reader-toolbar button{min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:#ffffffa8;font-size:10px;font-weight:500;cursor:pointer;font-family:var(--font);-webkit-tap-highlight-color:transparent;transition:all .15s;padding:4px;border-radius:16px}.reader-toolbar button:active,.reader-toolbar button.active{background:#ffb56124!important;color:var(--accent)!important}.reader-toolbar .tool-icon{font-size:17px;line-height:1;font-weight:700}.reader-toolbar .tool-text{font-family:var(--font-heading);font-style:italic;font-size:17px;letter-spacing:-.03em}.word-popup{position:fixed;left:14px;right:14px;bottom:88px;z-index:110;background:#0f121ef0;border-radius:22px;box-shadow:inset 0 1px 1px #ffffff1f,0 18px 48px #0000008c;padding:18px;max-width:none;max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain;opacity:0;transform:translateY(12px);transition:all .2s;pointer-events:none;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}.word-popup.show{opacity:1;transform:translateY(0);pointer-events:auto}.word-popup .wp-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:50%;background:#ffffff14;color:var(--text-tertiary);font-size:20px;cursor:pointer;z-index:2}.word-popup .wp-close:hover{background:#ffffff24;color:#fff}.word-popup .wp-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:var(--text-tertiary);margin-bottom:4px}.word-popup .wp-word-row{display:flex;align-items:center;gap:10px;margin:0 34px 2px 0}.word-popup .wp-word{font-family:var(--font-heading);font-style:italic;font-size:30px;line-height:1.2;font-weight:400;color:#fff;flex:1;min-width:0;overflow-wrap:anywhere}.word-popup .wp-play{height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff12;color:#fff;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;font-family:var(--font);transition:all .15s}.word-popup .wp-play:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent-soft)}.word-popup .wp-status{display:inline-flex;align-items:center;gap:5px;padding:3px 12px;border-radius:999px;font-size:11px;font-weight:600;margin:6px 0 10px}.word-popup .wp-status.mastered{background:var(--green-light);color:var(--green);box-shadow:inset 0 0 0 1px #7ee2b84d}.word-popup .wp-status.failed{background:var(--red-light);color:var(--red);box-shadow:inset 0 0 0 1px #ff8f8f4d}.word-popup .wp-senses{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.word-popup .wp-sense{font-size:14px;color:var(--text-secondary);line-height:1.55;padding-left:14px;position:relative}.word-popup .wp-sense:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--accent)}.word-popup .wp-sentence{margin-bottom:16px;padding:12px 14px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.word-popup .wp-sentence-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);font-weight:600;margin-bottom:6px}.word-popup .wp-sentence p{font-size:13px;line-height:1.75;color:var(--text-secondary)}.word-popup .wp-sentence .wp-sentence-word{color:var(--accent-soft);font-weight:700}.word-popup .wp-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.word-popup .wp-actions button{min-height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff12;color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .15s}.word-popup .wp-actions button:active{transform:scale(.97)}.word-popup .wp-actions button.master{background:var(--green-light);border-color:#7ee2b859;color:var(--green)}.word-popup .wp-actions button.master.done{background:var(--green);color:#06281c;border-color:transparent;font-weight:700}.word-popup .wp-actions button.fail{background:var(--red-light);border-color:#ff8f8f59;color:var(--red)}.word-popup .wp-actions button.fail.done{background:var(--red);color:#2a0a0a;border-color:transparent;font-weight:700}.word-popup .wp-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.word-popup .wp-nav button{min-height:38px;padding:0 16px;border-radius:999px;border:0;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .15s}.word-popup .wp-nav button:hover{background:#ffffff14;color:#fff}.word-popup .wp-nav span{font-size:11px;color:var(--text-tertiary);font-weight:600;letter-spacing:.06em}.reader-settings-overlay{display:none;position:fixed;inset:0;z-index:998;background:#02030a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.reader-settings-overlay.show{display:block}.reader-settings-sheet{position:absolute;left:0;right:0;bottom:0;background:#0d101cf0;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:26px 26px 0 0;padding:10px 20px calc(22px + env(safe-area-inset-bottom,0px));box-shadow:inset 0 1px 1px #ffffff1a,0 -16px 50px #00000080;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.sheet-handle{width:38px;height:4px;border-radius:999px;background:#fff3;margin:0 auto 14px}.sheet-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.sheet-title-row>div{display:flex;flex-direction:column;gap:3px}.sheet-title-row span{font-family:var(--font-heading);font-style:italic;font-size:21px;color:#fff}.sheet-title-row small{font-size:12px;color:var(--text-tertiary)}.sheet-title-row>button{width:34px;height:34px;border:0;border-radius:50%;background:#ffffff14;color:var(--text-secondary);font-size:21px}.reader-settings-sheet section{margin-top:18px}.reader-settings-sheet section>label{display:block;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 10px}.font-stepper{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;background:#ffffff0d;border-radius:16px;padding:5px}.font-stepper button{height:42px;border:0;border-radius:12px;background:#ffffff17;color:#fff;font-size:14px;font-weight:700;box-shadow:0 1px 4px #0003}.font-stepper strong{text-align:center;font-family:var(--font-heading);font-style:italic;font-weight:400;font-size:20px;color:#fff}.font-stepper strong small{font-size:11px;color:var(--text-tertiary);font-family:var(--font);font-style:normal}.setting-grid{display:grid;gap:8px}.setting-grid.themes{grid-template-columns:repeat(3,1fr)}.setting-grid.modes{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}.setting-grid button{min-height:54px;border-radius:14px;background:#ffffff0d;color:var(--text-secondary);font-size:12px;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;font-family:var(--font)}.setting-grid button span{font-size:17px}.setting-grid button.selected{border-color:var(--accent);background:var(--accent-light);color:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.lh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lh-grid button{min-height:46px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .15s}.lh-grid button.selected{border-color:var(--accent);background:var(--accent-light);color:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px 8px}.bg-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;cursor:pointer;font-family:var(--font);padding:2px 0}.bg-thumb{width:52px;height:52px;border-radius:14px;display:block;border:1.5px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 1px #ffffff38,0 4px 14px #00000059;transition:all .18s}.bg-swatch.selected .bg-thumb{box-shadow:0 0 0 2px var(--accent),0 0 18px #ffb56173;border-color:var(--accent)}.bg-name{font-size:11px;color:var(--text-tertiary);font-weight:500;transition:color .15s}.bg-swatch.selected .bg-name{color:var(--accent-soft)}.bg-palette{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;justify-content:center;padding:10px;border-radius:14px;background:#ffffff0a}.bg-dot{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.18);cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #0000004d}.bg-dot.selected{box-shadow:0 0 0 2.5px var(--accent),0 0 14px #ffb56180;transform:scale(1.12)}.vocab-sheet-overlay{display:none;position:fixed;inset:0;z-index:998;background:#0000008c}.vocab-sheet-overlay.show{display:block}.vocab-sheet{position:fixed;bottom:0;left:0;right:0;z-index:999;background:#0d101cf7;border-radius:26px 26px 0 0;max-height:82vh;overflow-y:auto;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);box-shadow:inset 0 1px 1px #ffffff1a,0 -16px 50px #00000080;padding-bottom:env(safe-area-inset-bottom,16px);display:flex;flex-direction:column;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.vocab-sheet.show{transform:translateY(0)}.vocab-sheet-handle{width:36px;height:4px;background:#fff3;border-radius:2px;margin:10px auto 8px;flex-shrink:0}.vocab-sheet .card{border:none!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;flex:1;display:flex;flex-direction:column;overflow:hidden}.vocab-sheet .card>div:first-child{padding:8px 16px!important}.vocab-sheet h3{font-size:16px!important}.vocab-sheet .badge{font-size:11px!important;padding:3px 10px!important}.vocab-sheet .mode-btn{padding:6px 10px!important;font-size:11px!important;border-radius:999px!important}.vocab-sheet .btn-accent{padding:6px 12px!important;font-size:12px!important}.vocab-sheet .word-card{padding:10px 14px!important;border-radius:12px!important;margin:0 10px 6px!important}.vocab-sheet .quiz-opt{padding:14px 16px!important;font-size:14px!important;margin:0 10px 8px!important}.vocab-sheet .word-card .btn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:50%!important;padding:0!important;flex-shrink:0!important}.reader-sepia .reader-toolbar{background:#2e261ccc!important}.reader-sepia .reader-topbar{background:#f2e9daeb!important;border-color:#3a342e1a!important}.reader-sepia .reader-topbar .btn,.reader-sepia .reader-topbar .reader-back,.reader-sepia .reader-heading strong{color:#3a342e!important}.reader-sepia .reader-heading span{color:#8a7b6c!important}.reader-sepia.mobile-reader-shell{background:#f2e9dae6!important}.reader-light .reader-toolbar{background:#ffffffe6!important;border-color:#00000014!important;box-shadow:0 14px 40px #0000002e!important}.reader-light .reader-topbar{background:#f4f5f9f0!important;border-color:#00000012!important}.reader-light .reader-topbar .btn,.reader-light .reader-topbar .reader-back,.reader-light .reader-heading strong{color:#26272e!important}.reader-light .reader-heading span{color:#71747e!important}.reader-light .reader-toolbar button{color:#4a4d56!important}.reader-light .reader-toolbar button.active{background:#ff9e4a26!important;color:#c2621a!important}.reader-light.mobile-reader-shell{background:#f4f5f9eb!important}.reader-dark .reader-toolbar{background:#0b0d16cc!important;border-color:#ffffff1a!important}.reader-dark .reader-topbar{background:#0b0d16e0!important;border-color:#ffffff14!important}.reader-dark.mobile-reader-shell{background:#0b0d16d6!important}.reader-dark .reader-heading strong{color:#e4e5ec!important}.reader-dark .reader-heading span{color:#9aa0b0!important}.reader-dark .vocab-sheet{background:#0b0d16fa!important}.reader-dark .vocab-sheet .card{background:transparent!important}.reader-dark .vocab-sheet .word-card{background:#ffffff08!important;border-color:#ffffff0f!important}.reader-dark .word-popup{background:#101320f5!important}.reader-dark .reader-settings-sheet{background:#0b0d16fa!important}.reader-dark .sheet-title-row span{color:#fff}.reader-dark .sheet-title-row>button,.reader-dark .font-stepper,.reader-dark .setting-grid button{background:#ffffff0d;color:var(--text-secondary);border-color:#ffffff1f}.reader-dark .font-stepper button{background:#ffffff1a;color:#fff}.reader-dark .setting-grid button.selected{background:var(--accent-light);color:var(--accent-soft);border-color:var(--accent)}.modal-panel{max-width:none!important;max-height:100vh!important;border-radius:24px 24px 0 0!important;padding:28px 20px!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.btn{padding:10px 18px;min-height:44px;font-size:14px}.btn-sm{padding:7px 12px;min-height:34px;font-size:12px}.dict-inline{min-width:0!important;font-size:inherit!important;max-width:none!important}.dict-inline.dict-cn{font-size:.78em!important;min-width:0!important}.toast{bottom:100px}.input{font-size:16px}body.tts-open .fp{bottom:calc(96px + env(safe-area-inset-bottom,12px))}body.tts-open .word-popup{bottom:176px}@media (min-width:769px) and (max-width:1024px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:769px){.story-layout .story-content{max-width:820px!important;margin-left:auto!important;margin-right:auto!important;border-radius:24px!important;box-shadow:0 14px 44px #00000073!important;padding:40px 48px 64px!important}.story-layout .story-content:before{display:block!important}.reader-toolbar{left:50%;right:auto;transform:translate(-50%);width:min(94vw,680px)}.word-popup{left:50%;right:auto;width:min(90vw,540px);transform:translate(-50%) translateY(12px)}.word-popup.show{transform:translate(-50%) translateY(0)}.reader-settings-sheet{left:50%;right:auto;bottom:16px;width:min(94vw,600px);border-radius:26px!important;transform:translate(-50%)}.vocab-sheet{left:50%;right:auto;bottom:16px;width:min(94vw,680px);border-radius:26px!important;transform:translate(-50%) translateY(110%)}.vocab-sheet.show{transform:translate(-50%) translateY(0)}.modal-panel{max-width:430px!important;position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;border-radius:24px!important;padding:40px 32px!important}.modal-overlay{align-items:center!important;padding:20px!important}}@media (min-width:1025px){.story-layout .story-content{max-width:900px!important;padding:48px 64px 72px!important}}@media (max-width:768px){footer{display:none}.input{max-width:none!important;padding:12px 14px}.stat-card{padding:14px;min-width:0}.stat-card .num{font-size:22px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dictation-shell{background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 1px #ffffff1a,0 18px 48px #00000061}.dictation-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;color:var(--text-tertiary);font-size:12px}.dictation-prompt{margin:6px 0 12px;color:var(--text);font-size:14px;font-weight:600}.dictation-prompt span{color:var(--text-tertiary);font-size:12px;font-weight:400}.dictation-input{max-width:520px!important;min-height:68px;margin:8px auto 14px!important;padding:12px 18px!important;text-align:center;font-size:26px!important;letter-spacing:.04em;color:var(--text)!important;background:#fff9f3f5!important;border:2px solid rgba(255,181,97,.42)!important;border-radius:16px!important;box-shadow:inset 0 -4px #ffb56129,0 8px 22px #00000029!important}.dictation-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 4px #ffb56129,inset 0 -4px #ffb56133!important}.tablet-audio-button{box-shadow:0 8px 22px #ff9e4a4d}.wordbook-stats{gap:12px}.wordbook-stats .card{flex:1}.wordbook-card{padding:16px!important;display:flex;flex-direction:column;gap:0;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)}.wordbook-card.is-mastered,.errorbook-card.is-reviewed{opacity:.65}.wordbook-card-top,.errorbook-top,.wordbook-card-bottom,.errorbook-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.wordbook-word,.errorbook-word{font-family:var(--font-heading);font-style:italic;font-size:26px;color:#fff}.wordbook-meta,.errorbook-bottom{font-size:11px;color:var(--text-tertiary)}.wordbook-audio{width:42px;height:42px;min-height:42px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:var(--accent-light);color:var(--accent);cursor:pointer;font-size:18px}.wordbook-meaning{min-height:44px;margin:14px 0;padding:10px 12px;border-radius:12px;background:#ffffff0d;color:var(--text-secondary);font-size:13px;line-height:1.55}.wordbook-meaning-hidden{width:100%;border:none;cursor:pointer;font-family:inherit;text-align:center;color:var(--text-tertiary)}.wordbook-meaning-hidden:hover{background:#ffffff17}.hide-meaning-toolbar-btn{display:none}.wordbook-card-bottom,.errorbook-bottom{padding-top:11px;border-top:1px solid var(--border-light)}.word-status{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:var(--accent-light);color:var(--accent-soft);font-size:11px;font-weight:600;white-space:nowrap}.word-status.mastered{background:var(--green-light);color:var(--green)}.errorbook-card{padding:16px!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)}.errorbook-question{margin:12px 0 10px;color:var(--text-secondary);font-size:13px;line-height:1.6}.errorbook-answer{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff0d;font-size:13px}.wrong-answer{color:var(--red);text-decoration:line-through}.right-answer{color:var(--green);font-weight:700}.errorbook-bottom{margin-top:12px}.dict-inline{box-sizing:border-box!important;min-height:1.8em!important;padding:2px 8px!important;margin:0 3px!important;border:1.5px solid rgba(255,181,97,.42)!important;border-bottom:3px solid var(--accent)!important;border-radius:8px!important;background:#fff9f3f5!important;color:#332b27!important;vertical-align:baseline!important;caret-color:var(--accent)!important;box-shadow:inset 0 -3px #ffb5611f!important;touch-action:manipulation!important}.dict-inline:focus{background:#fff!important;border-color:var(--accent)!important;box-shadow:0 0 0 4px #ffb56129,inset 0 -3px #ffb56133!important}.dict-inline::placeholder{color:transparent!important}.dict-inline.dict-revealed::placeholder{color:var(--accent)!important}.dict-inline.dict-wrong{background:var(--red-light)!important;border-color:var(--red)!important}.hl.dict-correct{background:var(--green-light)!important;color:var(--green)!important}.hl{position:relative}.hl.dict-correct:after,.hl.dict-wrong-answer:after{content:attr(data-dict-result);position:absolute;top:-.72em;right:-.32em;font-size:.58em;line-height:1;font-weight:700;padding:.26em .46em;border-radius:999px;color:#fff;background:#25845a;white-space:nowrap;pointer-events:none}.hl.dict-wrong-answer:after{background:#b9344a}.wordbook-grid,.errors-grid{align-items:stretch}@media (max-width:768px){.dictation-shell{padding:20px 14px!important}.dictation-input{min-height:62px;font-size:24px!important}.wordbook-stats{gap:6px}.wordbook-stats .card{padding:12px 6px!important}.wordbook-grid,.errors-grid{grid-template-columns:1fr!important}.wordbook-card,.errorbook-card{padding:14px!important}.wordbook-word,.errorbook-word{font-size:23px}.dict-inline{font-size:inherit!important;min-width:3.6em!important}.hide-meaning-toolbar-btn{display:inline-flex}}.product-details-page{max-width:1180px;margin:0 auto;padding:0 20px 96px;color:var(--text)}.detail-hero{position:relative;overflow:hidden;text-align:center;padding:86px 20px 54px;border-radius:0 0 34px 34px;background:linear-gradient(135deg,#ffb56126,#7c5cff1f 58%,#7ee2b81a);box-shadow:inset 0 -1px #ffffff1f}.detail-hero:before{content:"";position:absolute;width:440px;height:440px;top:-260px;left:50%;transform:translate(-50%);border-radius:50%;background:#ffb5612e;filter:blur(80px);pointer-events:none}.detail-kicker,.detail-eyebrow{position:relative;color:var(--accent-soft);font-size:11px;font-weight:700;letter-spacing:.18em}.detail-hero h1{position:relative;margin:18px 0;font-size:clamp(38px,6vw,72px);line-height:1.12;letter-spacing:-.05em;color:#fff}.detail-hero h1 em{font-style:normal;color:var(--accent-soft)}.detail-hero p{position:relative;max-width:560px;margin:0 auto;color:var(--text-secondary);font-size:16px;line-height:1.8}.detail-hero-actions{position:relative;display:flex;justify-content:center;align-items:center;gap:24px;margin-top:28px}.detail-hero-actions .btn{display:inline-flex;align-items:center;gap:8px;min-height:48px}.detail-hero-actions .btn svg,.detail-final .btn svg,.detail-card-preview button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.detail-hero-actions a{color:var(--text-secondary);font-size:13px;text-decoration:none}.detail-hero-actions a span{color:var(--accent);margin-left:5px}.detail-trust{position:relative;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:32px;color:var(--text-tertiary);font-size:12px}.detail-trust span,.detail-checks span{display:inline-flex;align-items:center;gap:5px}.detail-trust svg,.detail-checks svg,.success-dot svg,.review-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4}.detail-anchor-nav{position:sticky;top:0;z-index:20;display:flex;justify-content:center;gap:6px;overflow-x:auto;padding:12px 0;margin:0 -20px;background:#070912b8;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.detail-anchor-nav a{flex:none;padding:9px 12px;border-radius:999px;color:var(--text-tertiary);font-size:11px;text-decoration:none;white-space:nowrap}.detail-anchor-nav a:hover{color:#fff;background:#ffffff14}.detail-anchor-nav a span{margin-right:5px;color:var(--accent);font-weight:700}.detail-feature-list{display:flex;flex-direction:column;gap:22px;padding-top:30px}.detail-feature{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:38px;align-items:center;padding:56px clamp(20px,5vw,74px);border:1px solid rgba(255,255,255,.11);border-radius:30px;overflow:hidden;position:relative;background:#ffffff0b;box-shadow:inset 0 1px #ffffff1a,0 20px 54px #00000040}.detail-feature:nth-child(2n){grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.detail-feature:nth-child(2n) .detail-copy{order:2}.detail-feature:nth-child(2n) .detail-visual{order:1}.detail-feature:before{content:"";position:absolute;inset:auto -10% -70% 35%;height:260px;background:var(--feature-glow,rgba(255,181,97,.18));filter:blur(70px);pointer-events:none}.detail-feature.pink{--feature-glow:rgba(255,125,168,.2)}.detail-feature.lavender{--feature-glow:rgba(153,129,255,.2)}.detail-feature.green{--feature-glow:rgba(126,226,184,.18)}.detail-feature.orange{--feature-glow:rgba(255,181,97,.2)}.detail-feature.blue{--feature-glow:rgba(87,181,255,.16)}.detail-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:#17131a;background:var(--accent-soft);font-weight:800;margin-bottom:22px}.detail-copy h2{margin:12px 0 14px;max-width:430px;color:#fff;font-size:clamp(28px,4vw,46px);line-height:1.18;letter-spacing:-.04em}.detail-copy>p{max-width:440px;color:var(--text-secondary);font-size:15px;line-height:1.8}.detail-checks{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;color:var(--text-tertiary);font-size:12px}.detail-visual{position:relative;min-width:0;display:flex;justify-content:center}.detail-device{width:min(100%,560px);min-height:350px;padding:16px;border:8px solid rgba(17,19,31,.92);border-radius:26px;background:#ebe9e3;box-shadow:0 18px 34px #00000061,inset 0 0 0 1px #ffffffa6;transform:rotate(1deg)}.detail-feature:nth-child(2n) .detail-device{transform:rotate(-1deg)}.mock-top{display:flex;justify-content:space-between;gap:12px;padding:2px 5px 12px;color:#62636b;font-size:10px}.mock-paper,.dictation-paper{position:relative;min-height:270px;padding:22px 24px;border-radius:14px;background:#fffdf8;color:#332b27;box-shadow:0 4px 18px #3d2d1c1f}.mock-eyebrow{color:#a18f81;font-size:9px;letter-spacing:.12em;font-weight:700}.mock-paper h3{margin:10px 0 14px;color:#2b2623;font-size:22px}.mock-paper p,.dictation-paper p{font-size:13px;line-height:1.9;margin:10px 0}.mock-paper mark{padding:2px 5px;border-radius:6px;background:#f5c7d9;color:#5b3045}.mock-paper mark i{font-size:10px;color:#8c5d74;font-style:normal}.mock-progress{height:5px;margin-top:22px;border-radius:10px;background:#eee7df}.mock-progress span{display:block;height:100%;border-radius:10px;background:#ef8eaa}.mock-word-pop{position:absolute;right:6%;bottom:8%;width:48%;padding:14px;border-radius:14px;background:#19191ff2;color:#fff;box-shadow:0 10px 25px #00000047}.mock-word-pop strong{display:block;font-size:20px}.mock-word-pop span{display:block;margin:5px 0 10px;color:#c4c0c8;font-size:10px}.mock-word-pop button,.detail-card-preview button{width:100%;min-height:40px;border:0;border-radius:999px;background:var(--accent-soft);color:#322011;font-weight:700;cursor:pointer}.dictation-paper{background:#fffaf2}.dictation-paper p{font-size:15px;margin:20px 0}.blank-slot{display:inline-block;width:88px;height:25px;margin:0 4px;border-bottom:3px solid #eca35b;vertical-align:middle;background:#ffd49e38;border-radius:6px 6px 0 0}.blank-slot.short{width:58px}.mock-answer-row{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:13px;border-top:1px solid #eee1d2;color:#9b897c;font-size:11px}.success-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:#75c99b}.mock-pen{position:absolute;right:-10px;bottom:30px;color:#d19c6b;font-size:28px;transform:rotate(-26deg)}.detail-card-preview{width:min(100%,430px);padding:28px;border-radius:22px;background:#fffdf8;color:#322b27;box-shadow:0 20px 38px #0000004d;transform:rotate(-2deg)}.detail-card-preview h3{margin:12px 0 5px;font-size:38px;letter-spacing:-.04em}.detail-card-preview p{margin:0 0 16px;color:#665950}.detail-chips{display:flex;gap:8px;flex-wrap:wrap}.detail-chips span{padding:6px 10px;border-radius:999px;background:#f5eee6;color:#897568;font-size:11px}.detail-card-preview blockquote{margin:22px 0;padding:15px;border-left:3px solid #e89cb0;color:#6d5a56;font-size:13px;line-height:1.7;background:#fff7f2}.wordbook-device{background:#edf4f3}.mock-tabs{display:flex;gap:14px;padding:10px 8px;color:#8a9894;font-size:10px;border-bottom:1px solid #d8e1df}.mock-tabs b{color:#3b6f61}.mock-word-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.mock-word-card{padding:12px;border:1px solid #dbe6e3;border-radius:12px;background:#fffc;color:#273b37}.mock-word-card strong{font-size:15px}.mock-word-card small{display:block;margin-top:3px;color:#75867f;font-size:10px}.mock-word-card p{min-height:30px;color:#81908b;font-size:9px;line-height:1.4}.mock-word-card>span{display:inline-block;padding:4px 8px;border-radius:999px;background:#f8e5aa;color:#9c7835;font-size:9px}.mock-word-card>span.mastered{background:#d9f1e5;color:#4e9a73}.review-device{display:flex;flex-direction:column;background:#f5f1ec;color:#433a34}.review-ring{display:grid;place-items:center;width:150px;height:150px;margin:18px auto;border-radius:50%;background:conic-gradient(#e98cae 0 78%,#e9ded5 78%);position:relative}.review-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#fffaf4}.review-ring div{position:relative;z-index:1;text-align:center}.review-ring strong{display:block;font-size:28px}.review-ring small{font-size:10px;color:#9b8c82}.review-list{display:flex;flex-direction:column;gap:9px;padding:0 22px}.review-list>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:10px 12px;border-radius:11px;background:#fffaf5;font-size:12px}.review-list small{color:#9d8c81}.review-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#fff;background:#86cca3}.review-icon.pending{width:11px;height:11px;margin:7px;background:#e8ba72}.detail-final{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding:42px clamp(22px,5vw,64px);border-radius:28px;background:linear-gradient(110deg,#ffb56129,#ffffff12);border:1px solid rgba(255,255,255,.12)}.detail-final h2{margin:10px 0;color:#fff;font-size:clamp(25px,4vw,38px)}.detail-final p{margin:0;color:var(--text-secondary);line-height:1.7}.detail-final .btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}@media (max-width:800px){.product-details-page{padding:0 12px 80px}.detail-hero{padding:58px 14px 38px;border-radius:0 0 24px 24px}.detail-hero h1{font-size:40px}.detail-hero p{font-size:14px}.detail-trust{gap:9px;font-size:11px}.detail-anchor-nav{margin:0 -12px;justify-content:flex-start;padding-left:8px}.detail-feature,.detail-feature:nth-child(2n){display:flex;flex-direction:column;gap:28px;padding:34px 18px;align-items:stretch}.detail-feature:nth-child(2n) .detail-copy,.detail-feature:nth-child(2n) .detail-visual{order:initial}.detail-copy h2{font-size:30px}.detail-copy>p{font-size:14px}.detail-device{min-height:300px;padding:11px;border-width:6px;border-radius:20px}.mock-paper,.dictation-paper{min-height:236px;padding:18px}.mock-word-grid{gap:6px;padding:8px}.mock-word-card{padding:9px}.mock-word-card p{display:none}.detail-final{align-items:flex-start;flex-direction:column}.detail-final .btn{width:100%;justify-content:center}.detail-hero-actions{gap:16px}.detail-hero-actions .btn{font-size:13px}}.bottom-nav-item{min-width:0;flex:1}.answer-mode-switch{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;margin:2px auto 14px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0f}.answer-mode-switch button{min-width:96px;min-height:42px;padding:0 18px;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);font:600 13px var(--font);cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.answer-mode-switch button.active{background:#fffffff0;color:#342d28;box-shadow:0 3px 12px #0000002e}.dictation-actions{display:flex;gap:8px;justify-content:center;margin-top:6px}.handwriting-answer-area{max-width:620px;margin:0 auto}.handwriting-pad{width:100%;text-align:left}.handwriting-paper{position:relative;height:220px;overflow:hidden;border:2px solid rgba(201,79,71,.28);border-radius:20px;background:linear-gradient(180deg,#fff,#fffdf9);box-shadow:inset 0 -4px #c94f4714,0 12px 28px #00000029}.handwriting-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.handwriting-baseline{position:absolute;left:5%;right:5%;bottom:28%;height:1px;background:#ded7cf;box-shadow:0 -58px #ded7cf73;pointer-events:none}.handwriting-placeholder{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);width:100%;padding:0 20px;color:#a39a92;font-size:14px;text-align:center;pointer-events:none}.handwriting-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:9px 2px 15px}.handwriting-tool-hint{margin-right:auto;color:var(--text-tertiary);font-size:11px}.handwriting-tools button{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#ffffff12;color:var(--text-secondary);font:600 12px var(--font);cursor:pointer}.handwriting-tools button:disabled{opacity:.38;cursor:default}.handwriting-tools svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.handwriting-check{width:100%;min-height:52px}.handwriting-check:disabled{opacity:.45;cursor:not-allowed}.handwriting-review{padding:14px;border:1px solid rgba(126,226,184,.28);border-radius:18px;background:#7ee2b817}.handwriting-correct-answer{display:flex;align-items:center;justify-content:center;gap:12px}.handwriting-correct-answer span{color:var(--text-secondary);font-size:12px}.handwriting-correct-answer strong{color:var(--green);font-family:var(--font-heading);font-size:30px}.handwriting-review p{margin:4px 0 11px;color:var(--text-tertiary);font-size:12px}.handwriting-review>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}.handwriting-review .handwriting-right{min-height:48px;border:1px solid rgba(126,226,184,.4);background:var(--green-light);color:var(--green)}.handwriting-review .handwriting-retry{min-height:48px;border:1px solid rgba(255,181,97,.35);background:var(--accent-light);color:var(--accent-soft)}@media (max-width:699px){.handwriting-paper{height:170px;border-radius:16px}.handwriting-tools{flex-wrap:wrap}.handwriting-tool-hint{width:100%;margin:0 0 2px;text-align:center}.answer-mode-switch{display:grid;width:100%}.answer-mode-switch button{min-width:0}.handwriting-review>div:last-child{grid-template-columns:1fr}.dictation-actions .btn{min-height:48px}}@media (min-width:700px) and (max-width:1180px){.dictation-shell{max-width:760px;margin:0 auto}.handwriting-paper{height:240px}.handwriting-tools button{min-height:48px}.handwriting-check{min-height:56px}}:root{--bg:#F7F5F2;--bg-elev:#FFFFFF;--text:#24211F;--text-secondary:#645F5A;--text-tertiary:#8A8179;--border:#DED8D1;--border-light:#EAE5DF;--accent:#C94F47;--accent-soft:#A83F39;--accent-light:#FBE4E1;--accent-gradient:linear-gradient(135deg,#DB675D 0%,#C94F47 55%,#B9414F 100%);--green:#2F7D59;--green-light:#E5F3EB;--green-border:#5E9E7D;--red:#B93434;--red-light:#FDE8E8;--primary:#C94F47;--primary-light:#FBE4E1;--primary-dark:#A83F39;--bg-white:#FFFFFF;--bg-warm:#FBFAF8;--shadow-card:0 1px 2px rgba(65,48,35,.04),0 10px 30px rgba(65,48,35,.08);--shadow-hover:0 2px 4px rgba(65,48,35,.05),0 16px 38px rgba(65,48,35,.12) }body{background:var(--bg);color:var(--text)}body:before{background:radial-gradient(800px 520px at 88% -8%,rgba(201,79,71,.08),transparent 62%),radial-gradient(720px 520px at -10% 30%,rgba(230,163,79,.08),transparent 64%),linear-gradient(#f9f7f4,#f7f5f2)}body:after{display:none}h1,h2,h3{color:var(--text)}.liquid-glass,.liquid-glass-strong{background:#ffffffc7;border:1px solid rgba(222,216,209,.78);box-shadow:0 10px 30px #41302317,inset 0 1px #ffffffe6}.mini-card,.card,.quiz-opt,.stat-card,.word-card,.modal-panel,.home-overview,.overview-grid>div,.story-library-card,.library-search,.hero-stat,.cap-card,.toast,.fp,.bottom-nav,.reader-toolbar,.reader-topbar,.word-popup,.reader-settings-sheet,.vocab-sheet,.font-stepper,.setting-grid button,.input{background:#ffffffe0;border:1px solid var(--border-light);box-shadow:var(--shadow-card);color:var(--text)}.card:hover,.story-library-card:hover{box-shadow:var(--shadow-hover)}.mini-card:before,.card:before,.quiz-opt:before,.stat-card:before,.word-card:before,.modal-panel:before,.home-overview:before,.overview-grid>div:before,.story-library-card:before,.library-search:before,.hero-stat:before,.cap-card:before,.toast:before,.fp:before,.bottom-nav:before,.reader-toolbar:before,.reader-topbar:before,.word-popup:before,.reader-settings-sheet:before,.vocab-sheet:before,.font-stepper:before,.setting-grid button:before,.btn-primary:before,.btn-outline:before,.mode-btn:before,.section-tab:before{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.28) 24%,transparent 52%,rgba(201,79,71,.06));padding:1px}.nav{background:linear-gradient(180deg,#f7f5f2f0,#f7f5f233)}.nav-inner{background:#ffffffdb;border-color:var(--border-light);box-shadow:0 10px 30px #4130231a,inset 0 1px #fffffff2}.nav-brand .icon-wrap{background:var(--accent-light);border-color:#c94f4729;box-shadow:none}.nav-brand .brand-text{color:var(--text)}.nav-link{color:var(--text-secondary)}.nav-link:hover{background:#f5f1ec;color:var(--text)}.nav-link.active{background:var(--accent);color:#fff;box-shadow:0 5px 14px #c94f473d}.nav-right{color:var(--text-secondary)}.bottom-nav{background:#ffffffe6;border:1px solid rgba(222,216,209,.9);box-shadow:0 12px 34px #41302329,inset 0 1px #fffffff2}.bottom-nav-item{color:var(--text-tertiary)}.bottom-nav-item.active{color:var(--accent)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 16px #c94f4733}.btn-primary:hover{background:#b94740;color:#fff}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{background:#f3efea;color:var(--text)}.btn-outline{border:1px solid var(--border);color:var(--text-secondary)}.btn-accent{color:#fff;box-shadow:0 7px 18px #c94f4738}.mode-btn,.section-tab{background:#f5f1ec;color:var(--text-secondary);border:1px solid var(--border-light)}.mode-btn:hover,.section-tab:hover{color:var(--accent);background:var(--accent-light)}.mode-btn.active,.section-tab.active{color:#fff;background:var(--accent-gradient);box-shadow:0 5px 14px #c94f4733}.input{background:#fff;color:var(--text);border-color:var(--border)}.input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #c94f471f}.input::placeholder{color:#9a928b}select.input option{background:#fff;color:var(--text)}.caps{background:#f4f0ea}.caps:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f7f5f2f0,#f7f5f2ad 55%,#f7f5f2d1),linear-gradient(180deg,transparent 55%,#F7F5F2 100%);pointer-events:none}.caps-inner{z-index:2}.caps-kicker{color:var(--text-secondary)}.caps-heading{color:var(--text)}.cap-card{background:#ffffffc7;border:1px solid rgba(255,255,255,.9);box-shadow:0 16px 40px #4130231a}.cap-icon{background:var(--accent-light);border-color:#c94f4726}.cap-icon svg{color:var(--accent)}.cap-tag{background:#f5f1ec;color:var(--text-secondary)}.cap-title{color:var(--text)}.cap-body{color:var(--text-secondary)}.home-overview{background:#ffffffdb;box-shadow:var(--shadow-card)}.overview-heading span,.overview-grid strong,.library-heading h2{color:var(--text)}.overview-grid>div{background:#faf8f5}.section-kicker{color:var(--accent)}.library-search{background:#fff}.library-search input{color:var(--text)}.story-library-card{background:#ffffffe6;border:1px solid var(--border-light);box-shadow:var(--shadow-card)}.story-library-card h3{color:var(--text)}.story-card-top{color:var(--text-tertiary)}.story-card-words span{background:#f5f1ec;color:var(--text-secondary)}.access-state{background:#f1ede8;color:var(--text-secondary)}.home-loading,.home-empty{border-color:var(--border);background:#ffffffa6}.reader-topbar{background:#ffffffe0!important;border-color:var(--border-light)!important;box-shadow:0 10px 28px #4130231a!important}.reader-back{color:var(--text-secondary)!important;background:#f7f4f0!important;border-color:var(--border-light)!important}.reader-heading strong{color:var(--text)!important}.reader-heading span{color:var(--text-tertiary)!important}.reader-main-card,.reader-light .story-content,.reader-space .story-content{background:#ffffffeb!important;color:var(--text)!important;border:1px solid var(--border-light)!important;box-shadow:0 16px 44px #4130231a!important}.reader-main-card h2{color:var(--text)!important;border-color:var(--border-light)!important}.reader-main-card>div{color:#3a3531!important}.reader-main-card .cn-def{color:#776f68!important}.reader-main-card .hl,.reader-light .story-content .hl,.reader-space .story-content .hl{color:var(--accent)!important;background:linear-gradient(180deg,transparent 58%,rgba(201,79,71,.12) 58%)!important;border-color:#c94f4759!important}.vocab-panel-card{background:#ffffffeb!important;border-color:var(--border-light)!important;box-shadow:0 16px 44px #4130231a!important}.vocab-panel-card .word-card,.vocab-sheet .word-card{background:#fbf9f6!important;border-color:var(--border-light)!important}.vocab-panel-card .word-card:hover{background:var(--accent-light)!important}.reader-toolbar{background:#ffffffeb!important;border:1px solid var(--border-light)!important;box-shadow:0 12px 34px #41302329!important}.reader-toolbar button{color:var(--text-secondary)!important}.reader-toolbar button.active,.reader-toolbar button:active{background:var(--accent-light)!important;color:var(--accent)!important}.word-popup{background:#fffffff5!important;border:1px solid var(--border-light)!important;box-shadow:0 18px 44px #41302333!important}.word-popup .wp-close{background:#f2eee9;color:var(--text-secondary)}.word-popup .wp-close:hover{background:#ede7e0;color:var(--text)}.word-popup .wp-word{color:var(--text)}.word-popup .wp-play{background:var(--accent-light);border-color:#c94f472e;color:var(--accent)}.word-popup .wp-sense,.word-popup .wp-sentence p{color:var(--text-secondary)}.word-popup .wp-sentence{background:#faf7f3;border-color:var(--border-light)}.word-popup .wp-actions button{background:#f7f3ee;border-color:var(--border);color:var(--text)}.word-popup .wp-nav button{color:var(--text-secondary)}.reader-settings-sheet,.vocab-sheet{background:#fffffff7!important;color:var(--text);border:1px solid var(--border-light);box-shadow:0 -16px 44px #4130232e!important}.sheet-handle,.vocab-sheet-handle{background:#d8d1ca}.sheet-title-row span{color:var(--text)}.sheet-title-row>button{background:#f1ece7;color:var(--text-secondary)}.font-stepper,.setting-grid button,.lh-grid button{background:#f8f5f1!important;border-color:var(--border-light)!important;color:var(--text-secondary)!important}.font-stepper button{background:#fff;color:var(--text)}.font-stepper strong{color:var(--text)}.dictation-shell{background:#ffffffe6;border-color:var(--border-light);box-shadow:var(--shadow-card)}.dictation-input{color:var(--text)!important;background:#fffcf8!important;border-color:#c94f4752!important;box-shadow:inset 0 -4px #c94f4714,0 8px 22px #41302314!important}.answer-mode-switch{background:#f1ece7;border-color:var(--border-light)}.answer-mode-switch button{color:var(--text-secondary)}.answer-mode-switch button.active{background:#fff;color:var(--text)}.handwriting-tools button{background:#fff;border-color:var(--border);color:var(--text-secondary)}.handwriting-review .handwriting-retry{color:#9a5a16;background:#fff1d8;border-color:#e9c789}.wordbook-card,.errorbook-card{background:#ffffffeb!important;border-color:var(--border-light)!important;box-shadow:var(--shadow-card)}.wordbook-word,.errorbook-word{color:var(--text)}.wordbook-meaning,.errorbook-answer{background:#faf7f3;color:var(--text-secondary)}.wordbook-audio{border-color:#c94f4729;background:var(--accent-light);color:var(--accent)}.wordbook-card.is-mastered,.errorbook-card.is-reviewed{opacity:.82}.modal-panel{background:#fffffff7;color:var(--text);border:1px solid var(--border-light);box-shadow:0 28px 80px #4130233d}.modal-close{color:var(--text-secondary)}.fp{background:#fffffff0;color:var(--text);border-color:var(--border-light);box-shadow:0 14px 40px #4130232e}.fp-title{color:var(--text)}.fp-speeds button{background:#f1ece7;color:var(--text-secondary)}.fp-min,.fp-close{color:var(--text-tertiary)}.product-details-page{color:var(--text)}.detail-hero{background:linear-gradient(135deg,#fff8f5,#f7f2ec 58%,#f0f6f2);box-shadow:inset 0 -1px var(--border-light)}.detail-hero h1,.detail-copy h2,.detail-final h2{color:var(--text)}.detail-hero p,.detail-copy>p,.detail-final p{color:var(--text-secondary)}.detail-anchor-nav{background:#ffffffe0;border-color:var(--border-light)}.detail-anchor-nav a{color:var(--text-secondary)}.detail-anchor-nav a:hover{color:var(--text);background:#f2eee9}.detail-feature{background:#ffffffd1;border-color:var(--border-light);box-shadow:var(--shadow-card)}.detail-final{background:linear-gradient(110deg,#fff4f1,#f8f4ef);border-color:var(--border-light)}@media (max-width:768px){body{font-size:16px}.container{padding-left:14px;padding-right:14px}.card{border-radius:18px}.caps{min-height:auto}.caps-inner{min-height:auto;padding-top:72px}.caps-heading{font-size:48px}.cap-card{min-height:250px}.story-layout .story-content{background:#fffffff0!important}.reader-light.mobile-reader-shell,.reader-space.mobile-reader-shell{background:var(--bg)!important}.reader-topbar{top:6px}.word-popup{bottom:90px}.product-details-page{background:var(--bg)}}body.reader-ui-active{--reader-success:#246B3A;--reader-success-bg:rgba(102,187,106,.24);--reader-danger:#A4314D;--reader-danger-bg:rgba(226,91,122,.2);background:var(--reader-page)!important;color:var(--reader-ink)!important;transition:background .24s ease,color .2s ease}body.reader-ui-active:before{background:var(--reader-page)!important;opacity:1!important}body.reader-ui-light{--reader-page:#F7F7F5;--reader-surface:#FBFBFA;--reader-paper:#FBFBFA;--reader-ink:#202124;--reader-muted:#5F6368;--reader-border:#E2E2DE;--reader-shadow:rgba(32,33,36,.08);--reader-highlight:#9B3158;--reader-highlight-bg:rgba(244,143,177,.26);--reader-highlight-hover:rgba(244,143,177,.34)}body.reader-ui-sepia{--reader-page:linear-gradient(145deg,#F5EBDD 0%,#E8D9C2 100%);--reader-surface:rgba(250,243,231,.91);--reader-paper:rgba(255,250,241,.96);--reader-ink:#3D342D;--reader-muted:#7D6E62;--reader-border:rgba(91,69,51,.15);--reader-shadow:rgba(85,62,41,.16);--reader-highlight:#C23F74;--reader-highlight-bg:rgba(194,63,116,.12)}body.reader-ui-space,body.reader-ui-dark{--reader-page:linear-gradient(155deg,#171D31 0%,#080A12 72%);--reader-surface:rgba(17,21,35,.9);--reader-paper:rgba(18,22,35,.94);--reader-ink:#F1F3F8;--reader-muted:#A9AFBE;--reader-border:rgba(255,255,255,.13);--reader-shadow:rgba(0,0,0,.42);--reader-highlight:#FF83B0;--reader-highlight-bg:rgba(255,131,176,.15)}body.reader-ui-aurora{--reader-page:linear-gradient(145deg,#DFF7EE 0%,#1D5A52 46%,#101822 100%);--reader-surface:rgba(18,51,49,.88);--reader-paper:rgba(17,42,42,.94);--reader-ink:#F2FFFA;--reader-muted:#B9D8CF;--reader-border:rgba(211,255,239,.16);--reader-shadow:rgba(4,28,25,.38);--reader-highlight:#FF8EBD;--reader-highlight-bg:rgba(255,142,189,.16)}body.reader-ui-nebula{--reader-page:linear-gradient(145deg,#DCD7FF 0%,#5D4B91 42%,#171327 100%);--reader-surface:rgba(42,34,68,.9);--reader-paper:rgba(36,29,58,.95);--reader-ink:#F7F3FF;--reader-muted:#C6BCDC;--reader-border:rgba(239,232,255,.16);--reader-shadow:rgba(21,13,39,.4);--reader-highlight:#FF8FBD;--reader-highlight-bg:rgba(255,143,189,.16)}body.reader-ui-dusk{--reader-page:linear-gradient(145deg,#FFE2C6 0%,#995B40 43%,#281914 100%);--reader-surface:rgba(74,43,32,.9);--reader-paper:rgba(60,35,28,.95);--reader-ink:#FFF6EF;--reader-muted:#E0C1B2;--reader-border:rgba(255,235,220,.16);--reader-shadow:rgba(44,20,13,.4);--reader-highlight:#FF91BB;--reader-highlight-bg:rgba(255,145,187,.16)}body.reader-ui-ice{--reader-page:linear-gradient(145deg,#DDF4FF 0%,#39718F 45%,#101D28 100%);--reader-surface:rgba(24,55,72,.9);--reader-paper:rgba(20,45,60,.95);--reader-ink:#F2FAFF;--reader-muted:#BED5E1;--reader-border:rgba(226,247,255,.17);--reader-shadow:rgba(8,31,44,.42);--reader-highlight:#FF8DBB;--reader-highlight-bg:rgba(255,141,187,.16)}body.reader-ui-custom{--reader-page:var(--reader-body-custom);--reader-surface:rgba(25,25,39,.9);--reader-paper:rgba(25,25,39,.95);--reader-ink:#F7F5FF;--reader-muted:#C6C2D2;--reader-border:rgba(255,255,255,.15);--reader-shadow:rgba(8,8,18,.42);--reader-highlight:#FF8FBE;--reader-highlight-bg:rgba(255,143,190,.16)}.mobile-reader-shell{color:var(--reader-ink)!important;background:transparent!important}.mobile-reader-shell .reader-topbar,.mobile-reader-shell .reader-audio-card,.mobile-reader-shell .reader-toolbar,.mobile-reader-shell .reader-settings-sheet,.mobile-reader-shell .vocab-sheet,.mobile-reader-shell .word-popup{background:var(--reader-surface)!important;color:var(--reader-ink)!important;border-color:var(--reader-border)!important;box-shadow:0 16px 44px var(--reader-shadow)!important}.mobile-reader-shell .reader-main-card,.mobile-reader-shell .vocab-panel-card{background:var(--reader-paper)!important;color:var(--reader-ink)!important;border-color:var(--reader-border)!important;box-shadow:0 18px 50px var(--reader-shadow)!important}.mobile-reader-shell .reader-main-card h2,.mobile-reader-shell .reader-main-card>div,.mobile-reader-shell .reader-heading strong,.mobile-reader-shell .sheet-title-row span,.mobile-reader-shell .word-popup .wp-word{color:var(--reader-ink)!important;border-color:var(--reader-border)!important}.mobile-reader-shell .reader-heading>span,.mobile-reader-shell .reader-audio-hint,.mobile-reader-shell .sheet-title-row small,.mobile-reader-shell .reader-settings-sheet section>label,.mobile-reader-shell .bg-name,.mobile-reader-shell .word-popup .wp-sense,.mobile-reader-shell .word-popup .wp-sentence p{color:var(--reader-muted)!important}.mobile-reader-shell .reader-back,.mobile-reader-shell .reader-toolbar button,.mobile-reader-shell .sheet-title-row>button,.mobile-reader-shell .font-stepper button,.mobile-reader-shell .lh-grid button,.mobile-reader-shell .font-family-grid button,.mobile-reader-shell .reader-style-grid button,.mobile-reader-shell .setting-grid button{color:var(--reader-ink)!important;background:color-mix(in srgb,var(--reader-paper) 82%,transparent)!important;border-color:var(--reader-border)!important}.mobile-reader-shell .reader-toolbar button.active,.mobile-reader-shell .font-family-grid button.selected,.mobile-reader-shell .reader-style-grid button.selected,.mobile-reader-shell .lh-grid button.selected,.mobile-reader-shell .setting-grid button.selected{color:var(--reader-highlight)!important;background:var(--reader-highlight-bg)!important;border-color:var(--reader-highlight)!important;box-shadow:inset 0 0 0 1px var(--reader-highlight)!important}.mobile-reader-shell .font-stepper,.mobile-reader-shell .bg-palette{background:color-mix(in srgb,var(--reader-paper) 78%,transparent)!important;border:1px solid var(--reader-border)!important}.mobile-reader-shell .font-stepper strong{color:var(--reader-ink)!important}.mobile-reader-shell .bg-swatch.selected .bg-name{color:var(--reader-highlight)!important}.reader-immersive-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid var(--reader-border);border-radius:999px;background:var(--reader-paper);color:var(--reader-ink);font:700 12px var(--font);white-space:nowrap;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.reader-immersive-toggle:hover{border-color:var(--reader-highlight);color:var(--reader-highlight);background:var(--reader-highlight-bg)}.reader-immersive-toggle:active{transform:scale(.97)}.reader-immersive-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--reader-highlight) 25%,transparent);outline-offset:2px}.reader-immersive-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.reader-font-sans .story-body{font-family:Noto Sans SC,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif}.reader-font-serif .story-body{font-family:"Noto Serif SC","Noto Serif",Songti SC,SimSun,serif}.reader-font-bold .story-body{font-weight:700}.reader-font-underline .story-body{text-decoration:underline;text-decoration-thickness:.055em;text-underline-offset:.18em;text-decoration-skip-ink:auto}.font-family-grid,.reader-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.font-family-grid button,.reader-style-grid button{min-height:52px;padding:7px 12px;border:1px solid var(--reader-border);border-radius:14px;font:600 13px var(--font);cursor:pointer;transition:background .18s,border-color .18s,color .18s}.font-family-grid button{display:flex;align-items:center;justify-content:space-between;gap:8px}.font-family-grid button>span{font-size:21px;font-weight:700}.font-family-grid button>small{color:var(--reader-muted);font-size:11px}.font-preview-sans{font-family:Noto Sans SC,PingFang SC,sans-serif}.font-preview-serif{font-family:"Noto Serif SC",Songti SC,serif}.reader-style-grid button{display:flex;align-items:center;justify-content:center;gap:8px}.reader-style-grid button strong,.reader-style-grid button u{font-size:18px}.mobile-reader-shell .story-content .hl{display:inline!important;color:var(--reader-highlight)!important;background:var(--reader-highlight-bg)!important;border:0!important;border-radius:.34em!important;padding:.04em .24em .08em!important;margin:0 .05em!important;font-size:1.06em;font-weight:800!important;line-height:1.5;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-shadow:none!important;white-space:nowrap}.mobile-reader-shell .story-content .hl:hover{background:var(--reader-highlight-hover,var(--reader-highlight-bg))!important;box-shadow:none!important;transform:none!important}.mobile-reader-shell .story-content .hl .cn-def{display:inline!important;color:inherit!important;background:transparent!important;border:0!important;padding:0!important;margin:0 0 0 .08em!important;font-size:.86em!important;font-weight:700!important;white-space:nowrap}.mobile-reader-shell .story-content .hl.hl-mastered,.mobile-reader-shell .story-content .hl.hl-mastered .cn-def,.mobile-reader-shell .story-content .hl.dict-correct,.mobile-reader-shell .story-content .hl.dict-correct .cn-def{color:var(--reader-success)!important;background:var(--reader-success-bg)!important;text-shadow:none!important}.mobile-reader-shell .story-content .hl.hl-mastered .cn-def,.mobile-reader-shell .story-content .hl.dict-correct .cn-def{background:transparent!important}.mobile-reader-shell .story-content .hl.hl-failed,.mobile-reader-shell .story-content .hl.hl-failed .cn-def{color:var(--reader-danger)!important;background:var(--reader-danger-bg)!important}.mobile-reader-shell .story-content .hl.hl-failed .cn-def{background:transparent!important}.mobile-reader-shell .story-content .hl.hl-failed.hl-mastered,.mobile-reader-shell .story-content .hl.hl-failed.hl-mastered .cn-def{color:var(--reader-success)!important;background:var(--reader-success-bg)!important}.mobile-reader-shell .story-content .hl.hl-failed.hl-mastered .cn-def{background:transparent!important}.mobile-reader-shell .story-content .hl.dict-correct:after{color:#fff!important;background:#25845a!important}.mobile-reader-shell .story-content .hl.dict-wrong-answer:after{color:#fff!important;background:#b9344a!important}.mobile-reader-shell .story-content.mode-hideEN .hl{color:transparent!important;background:#5f636824!important}.mobile-reader-shell .story-content.mode-hideEN .hl .cn-def{color:var(--reader-highlight)!important}.mobile-reader-shell .story-content.mode-hideEN .hl:hover{color:var(--reader-highlight)!important;background:var(--reader-highlight-bg)!important}.mobile-reader-shell .story-layout .reader-main-card{width:min(100%,900px)!important;max-width:900px!important;margin-inline:auto!important;padding:40px 48px 112px!important;border-radius:22px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 10px 30px var(--reader-shadow)!important}.mobile-reader-shell .story-layout .reader-main-card>.story-body{max-width:42em;margin-inline:auto;color:var(--reader-text-color,var(--reader-ink))!important;font-size:max(var(--mobile-reader-size,16px),18px)!important;line-height:clamp(1.7,var(--mobile-reader-lh,1.82),1.9)!important;letter-spacing:.006em;overflow-wrap:anywhere}.mobile-reader-shell .story-content .story-title{font-size:clamp(30px,3vw,38px)!important;line-height:1.25!important;font-weight:800!important;font-style:normal!important;letter-spacing:-.025em;margin:0 0 30px!important;padding-bottom:20px!important}.mobile-reader-shell .story-body .story-paragraph{margin:0 0 1.5em!important;text-wrap:pretty}body.reader-ui-active .nav{max-height:96px;transition:opacity .2s ease,visibility .2s ease,max-height .2s ease,padding .2s ease}body.reader-ui-active footer{transition:opacity .2s ease,visibility .2s ease}body.reader-immersive .nav{max-height:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}body.reader-immersive .nav,body.reader-immersive footer,body.reader-immersive .bottom-nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.mobile-reader-shell.is-immersive .reader-back,.mobile-reader-shell.is-immersive .reader-audio-card{display:none!important}.mobile-reader-shell.is-immersive .reader-topbar{width:min(100%,900px);margin-inline:auto!important;box-shadow:0 6px 20px var(--reader-shadow)!important}.mobile-reader-shell.is-immersive .reader-heading strong{font-size:18px}.mobile-reader-shell.is-immersive .reader-immersive-toggle{color:var(--reader-highlight);background:var(--reader-highlight-bg);border-color:color-mix(in srgb,var(--reader-highlight) 42%,transparent)}@media (min-width:769px) and (max-width:1366px) and (min-height:600px) and (orientation:landscape){.mobile-reader-shell{max-width:none!important;padding:18px clamp(24px,4vw,52px) calc(116px + env(safe-area-inset-bottom,0px))!important}.mobile-reader-shell .reader-topbar,.mobile-reader-shell.is-immersive .reader-topbar{width:min(92vw,1240px);max-width:1240px;margin:0 auto 18px!important;padding:10px 14px!important}.mobile-reader-shell .reader-heading strong{font-size:18px}.mobile-reader-shell .reader-audio-card{min-width:270px;max-width:430px}.mobile-reader-shell .story-layout .reader-main-card{width:min(92vw,1240px)!important;max-width:1240px!important;padding:46px 28px 126px!important}.mobile-reader-shell .story-layout .reader-main-card>.story-body{width:100%;max-width:none;margin-inline:0;font-size:max(var(--mobile-reader-size,16px),22px)!important;line-height:clamp(1.72,var(--mobile-reader-lh,1.82),1.9)!important}.mobile-reader-shell .story-content .story-title{font-size:clamp(34px,3.4vw,42px)!important;margin-bottom:34px!important}.mobile-reader-shell .story-body .story-paragraph{margin-bottom:2em!important}.mobile-reader-shell .reader-toolbar{display:grid!important;width:min(86vw,660px);grid-template-columns:repeat(4,minmax(0,1fr));bottom:max(16px,env(safe-area-inset-bottom,16px));padding:7px!important;border-radius:20px!important;box-shadow:0 10px 28px var(--reader-shadow)!important}.mobile-reader-shell .reader-toolbar button{min-height:54px}}@media (max-width:768px){.mobile-reader-shell{overflow-x:clip}.mobile-reader-shell .reader-topbar{padding:8px 10px!important;margin-inline:8px!important}.reader-immersive-toggle{width:44px;min-width:44px;padding:0}.reader-immersive-toggle span{display:none}.mobile-reader-shell .story-layout .reader-main-card{width:100%!important;max-width:none!important;padding:30px 20px 112px!important;border-radius:0!important;box-shadow:none!important}.mobile-reader-shell .story-layout .reader-main-card>.story-body{max-width:none;font-size:max(var(--mobile-reader-size,16px),18px)!important;line-height:clamp(1.72,var(--mobile-reader-lh,1.82),1.9)!important}.mobile-reader-shell .story-content .story-title{font-size:29px!important;margin-bottom:25px!important;padding-bottom:17px!important}.mobile-reader-shell .story-content .hl{font-size:1.04em;padding-inline:.2em!important;margin-inline:.03em!important}.mobile-reader-shell .reader-toolbar{width:auto;left:12px;right:12px;transform:none}.mobile-reader-shell.is-immersive .reader-topbar{width:auto;margin-inline:8px!important}}@media (min-width:769px) and (max-width:932px) and (max-height:540px) and (orientation:landscape){.nav,footer{display:none!important}.mobile-reader-shell{max-width:none!important;padding:8px 18px calc(88px + env(safe-area-inset-bottom,0px))!important;overflow-x:clip}.mobile-reader-shell .reader-topbar{width:min(100%,760px);margin:0 auto 8px!important;padding:7px 10px!important;top:4px}.mobile-reader-shell .reader-heading strong{font-size:15px}.reader-immersive-toggle{width:44px;min-width:44px;padding:0}.reader-immersive-toggle span{display:none}.mobile-reader-shell .story-layout .reader-main-card{width:min(100%,760px)!important;max-width:760px!important;padding:26px 34px 96px!important;border-radius:18px!important}.mobile-reader-shell .story-layout .reader-main-card>.story-body{max-width:38em;font-size:max(var(--mobile-reader-size,16px),18px)!important;line-height:clamp(1.68,var(--mobile-reader-lh,1.82),1.82)!important}.mobile-reader-shell .story-content .story-title{font-size:28px!important;margin-bottom:20px!important;padding-bottom:14px!important}.mobile-reader-shell .story-body .story-paragraph{margin-bottom:1.5em!important}.mobile-reader-shell .reader-toolbar{display:grid!important;width:min(88vw,560px);bottom:max(6px,env(safe-area-inset-bottom,6px));padding:5px!important;border-radius:18px!important}.mobile-reader-shell .reader-toolbar button{min-height:46px}}@media (min-width:1367px){.mobile-reader-shell .story-layout .reader-main-card>.story-body{font-size:max(var(--mobile-reader-size,16px),18px)!important}}.handwriting-system-input{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:34px 26px 18px;border:0;outline:0;background:transparent;color:#2f3135;text-align:center;font:700 clamp(34px,7vw,58px)/1.2 "Noto Sans SC","PingFang SC",sans-serif;letter-spacing:.035em;caret-color:var(--accent)}.handwriting-system-input:focus{box-shadow:inset 0 0 0 4px #c94f471a}.system-handwriting .handwriting-placeholder{top:28%;font-size:13px}.handwriting-check{font-weight:700}@media (max-width:699px){.font-family-grid button{align-items:flex-start;flex-direction:column}.font-family-grid button>small{font-size:10px}.handwriting-system-input{font-size:38px;padding-inline:18px}}.quiz-flip-shell{position:relative;width:100%;min-height:430px;perspective:1200px}.quiz-flip-inner{position:relative;width:100%;min-height:430px;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.75,.25,1)}.quiz-flip-shell.is-flipped .quiz-flip-inner{transform:rotateY(180deg)}.quiz-face{position:absolute;inset:0;display:flex;flex-direction:column;padding:22px;border:1px solid var(--reader-border,var(--border-light));border-radius:20px;background:var(--reader-paper,var(--bg-white));box-shadow:0 12px 30px var(--reader-shadow,rgba(32,33,36,.08));backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.quiz-front{justify-content:flex-start}.quiz-back{align-items:center;justify-content:center;gap:12px;text-align:center;transform:rotateY(180deg)}.quiz-prompt{display:flex;flex-direction:column;align-items:center;gap:9px;margin-bottom:20px;color:var(--reader-muted,var(--text-tertiary));font-size:13px}.quiz-prompt strong{color:var(--reader-ink,var(--text));font-size:clamp(30px,5vw,44px);line-height:1.15;overflow-wrap:anywhere}.quiz-prompt .btn,.quiz-back .btn{min-height:44px}.quiz-options{display:grid;gap:10px}.quiz-options .quiz-opt{min-height:50px;border:1px solid var(--reader-border,var(--border-light));background:color-mix(in srgb,var(--reader-paper,var(--bg-white)) 84%,var(--reader-page,var(--bg)) 16%);color:var(--reader-ink,var(--text))}.quiz-result-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;font-size:40px;font-weight:800;line-height:1}.quiz-back.is-correct .quiz-result-mark{color:var(--reader-success,#246B3A);background:var(--reader-success-bg,rgba(102,187,106,.24))}.quiz-back.is-wrong .quiz-result-mark{color:var(--reader-danger,#A4314D);background:var(--reader-danger-bg,rgba(226,91,122,.2))}.quiz-result-label{font-size:14px;font-weight:800;color:var(--reader-muted,var(--text-secondary))}.quiz-result-word{font-size:clamp(27px,4vw,38px);color:var(--reader-ink,var(--text));overflow-wrap:anywhere}.quiz-user-answer{font-size:13px;color:var(--reader-danger,var(--red))}.quiz-correct-answer{display:flex;flex-direction:column;gap:4px;width:min(100%,360px);padding:13px 16px;border-radius:14px;background:color-mix(in srgb,var(--reader-success-bg,rgba(102,187,106,.24)) 68%,transparent);color:var(--reader-success,var(--green))}.quiz-correct-answer span{font-size:11px;font-weight:700;letter-spacing:.08em}.quiz-correct-answer b{font-size:18px;line-height:1.45}.quiz-next{width:min(100%,360px);min-height:48px;margin-top:2px}.mobile-reader-shell .story-content .hl.hl-card-active{position:relative;z-index:1;outline:3px solid color-mix(in srgb,var(--reader-highlight) 62%,#fff);outline-offset:3px;box-shadow:0 0 0 7px color-mix(in srgb,var(--reader-highlight-bg) 78%,transparent)!important}.mobile-reader-shell .story-content .hl[data-word]{scroll-margin-block:28vh}.word-popup .wp-nav button:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}@media (max-width:768px){.quiz-flip-shell,.quiz-flip-inner{min-height:445px}.quiz-face{padding:18px 15px;border-radius:18px}.quiz-prompt{margin-bottom:15px}.quiz-options{gap:8px}.quiz-options .quiz-opt{min-height:48px;padding:12px 14px!important;margin:0!important}}@media (prefers-reduced-motion:reduce){.quiz-flip-inner{transition:none}.mobile-reader-shell .story-content .hl.hl-card-active{scroll-behavior:auto}}.word-popup .wp-sentence{margin:4px 0 10px;padding:0 10px}.word-popup .wp-sentence summary{display:flex;align-items:center;min-height:40px;margin:0;cursor:pointer;list-style:none;text-transform:none;letter-spacing:.04em}.word-popup .wp-sentence summary::-webkit-details-marker{display:none}.word-popup .wp-sentence summary:after{content:"›";margin-left:auto;font-size:18px;transform:rotate(90deg);transition:transform .18s ease}.word-popup .wp-sentence[open] summary:after{transform:rotate(-90deg)}.word-popup .wp-sentence p{margin:0 0 10px}.word-popup .wp-close{width:44px;height:44px}.word-popup .wp-play{min-height:44px;touch-action:manipulation}.word-popup .wp-sentence summary,.word-popup .wp-actions button,.word-popup .wp-nav button{touch-action:manipulation}.mobile-reader-shell .story-content .hl.meaning-first .cn-def{font-size:1em!important;margin:0!important}.mobile-reader-shell .story-content .hl.meaning-first .en-term{font-size:.9em!important;font-weight:750!important;margin-left:.06em!important}@media (min-width:769px){.word-popup{width:min(88vw,410px)!important;max-height:min(440px,58dvh)!important;padding:15px!important;border-radius:19px!important}.word-popup .wp-word{font-size:27px}}@media (max-width:768px){.word-popup{left:10px!important;right:10px!important;width:auto!important;max-height:42dvh!important;bottom:86px;padding:13px 14px!important;border-radius:18px!important}.word-popup .wp-close{top:9px;right:9px;width:44px;height:44px}.word-popup .wp-word{font-size:25px}.word-popup .wp-word-row{margin-right:46px}.word-popup .wp-status{margin:4px 0 7px}.word-popup .wp-senses{gap:3px;margin-bottom:7px}.word-popup .wp-sense{font-size:13px;line-height:1.42}.word-popup .wp-actions button,.word-popup .wp-nav button{min-height:44px}.word-popup .wp-nav{margin-top:5px}}.wordbook-review-dialog{width:min(100%,430px);padding:28px 26px;border:1px solid var(--border-light);border-radius:22px;background:#fffffff7;color:var(--text);text-align:center;box-shadow:0 24px 80px #41302347;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}.study-flip-shell{position:relative;width:100%;min-height:250px;margin:14px 0;perspective:1100px}.study-flip-shell.wordbook-review-flip{cursor:pointer}.study-flip-shell:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:18px}.study-flip-inner{position:relative;width:100%;min-height:inherit;transform-style:preserve-3d;transition:transform .28s cubic-bezier(.2,.72,.25,1)}.study-flip-shell.is-flipped .study-flip-inner{transform:rotateY(180deg)}.study-flip-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px;border:1px solid var(--border-light);border-radius:18px;background:#fbfbfa;color:var(--text);box-shadow:0 10px 26px #4130231a;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:auto}.study-flip-back{transform:rotateY(180deg)}.study-flip-kicker{color:var(--text-tertiary);font-size:12px;font-weight:700;letter-spacing:.06em}.study-flip-question{font-size:clamp(27px,5vw,38px);line-height:1.3;overflow-wrap:anywhere}.study-flip-answer{color:var(--green);font-size:clamp(23px,4vw,33px);line-height:1.35;overflow-wrap:anywhere}.study-flip-hint,.study-flip-origin{color:var(--text-tertiary);font-size:13px;line-height:1.5}.error-review-flip{min-height:430px;margin:12px 0}.error-review-flip .study-flip-face{justify-content:flex-start;padding:18px}.error-review-flip .study-flip-back{justify-content:center}.error-review-flip .error-review-options{width:100%;margin:10px 0}.error-review-flip .input{width:100%}.error-review-result>p{margin:0;font-size:14px;line-height:1.6;color:var(--text-secondary)}.error-review-result.is-correct .quiz-result-mark{color:var(--reader-success,#246B3A);background:var(--reader-success-bg,rgba(102,187,106,.24))}.error-review-result.is-wrong .quiz-result-mark{color:var(--reader-danger,#A4314D);background:var(--reader-danger-bg,rgba(226,91,122,.2))}.error-review-result .btn{width:100%;margin-top:4px}@media (max-width:600px){.wordbook-review-dialog{padding:20px 14px;border-radius:20px}.study-flip-shell{min-height:230px}.study-flip-face{padding:18px 14px}.error-review-flip{min-height:min(470px,65dvh)}.error-review-flip .study-flip-face{padding:14px 10px}}@media (prefers-reduced-motion:reduce){.study-flip-inner,.word-popup .wp-sentence summary:after{transition:none}}.pho-lines{display:flex;flex-direction:column;gap:2px;margin:4px 0 6px;min-width:0}.pho-line{display:flex;align-items:baseline;gap:6px;font-size:12px;line-height:1.55;min-width:0}.pho-label{flex-shrink:0;font-weight:700;color:var(--accent-soft);font-size:11px}.pho-value{color:var(--text-secondary);overflow-wrap:anywhere;min-width:0}.pho-source{font-size:10.5px;color:var(--text-tertiary);margin-top:1px}.pho-compact{margin:2px 0 0}.pho-compact .pho-line{font-size:11.5px}.pho-compact .pho-source{font-size:10px}.wordbook-card .pho-lines,.errorbook-card .pho-lines{margin:0 0 10px;padding:7px 10px;border-radius:10px;background:#ffffff0a}.word-popup .wp-phonetics{margin:2px 0 12px;padding:8px 12px;border-radius:12px;background:#ffffff0d}.word-popup .wp-phonetics .pho-line{font-size:12.5px}.word-popup .wp-multi{display:flex;flex-direction:column;gap:10px;margin:4px 0 12px}.word-popup .wp-multi-note{font-size:12px;color:var(--text-tertiary)}.word-popup .wp-multi-row{padding:10px 12px;border-radius:12px;background:#ffffff0d}.word-popup .wp-multi-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.word-popup .wp-multi-head b{font-family:var(--font-heading);font-style:italic;font-size:17px;color:var(--text);flex:1;min-width:0;overflow-wrap:anywhere}.word-popup .wp-multi-head .wp-status{font-size:11px;padding:3px 9px}.word-popup .wp-multi-head .wp-play{width:auto;padding:4px 10px;min-height:30px;font-size:11.5px}.word-popup .wp-multi-row .wp-actions button{min-height:38px}.book-nav .btn:disabled{opacity:.4;cursor:default}.book-hero-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.book-chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.book-chapter-card h3{font-size:15px}.book-chapter-card .story-read-state{top:10px}@media (max-width:768px){.book-chapter-grid{grid-template-columns:1fr 1fr}.book-chapter-card h3{font-size:13px}.book-chapter-card .story-card-meta span{font-size:10.5px}.book-nav{gap:6px}.book-nav .btn-sm{padding:6px 10px}}.book-catalog{margin-top:34px;padding-top:8px}.catalog-volumes{display:flex;flex-direction:column;gap:8px}.catalog-volume{background:#ffffff09;border:1px solid var(--border-light);border-radius:16px;overflow:hidden;transition:border-color .2s}.catalog-volume.open{border-color:#ffb56159}.catalog-volume-head{appearance:none;width:100%;display:flex;align-items:center;gap:12px;padding:14px 18px;background:transparent;border:none;color:inherit;font-family:var(--font);cursor:pointer;text-align:left}.catalog-volume-head:hover{background:#ffffff0d}.catalog-volume-no{font-weight:800;color:var(--accent);font-size:14px;letter-spacing:.04em}.catalog-volume-title{flex:1;font-size:15px;font-weight:600;color:var(--text)}.catalog-volume-count{font-size:12px;color:var(--text-tertiary);background:#ffffff12;padding:3px 10px;border-radius:999px}.catalog-volume-chevron{color:var(--text-tertiary);font-size:12px}.catalog-chapters{display:flex;flex-direction:column;gap:6px;padding:0 14px 14px}.catalog-chapter{appearance:none;display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid transparent;color:inherit;font-family:var(--font);cursor:pointer;text-align:left}.catalog-chapter:hover{background:#ffffff14;border-color:var(--border-light)}.catalog-chapter-no{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--text-tertiary);white-space:nowrap}.catalog-chapter-title{flex:1;font-size:14px;color:var(--text)}.catalog-chapter .story-read-state{flex:none}