@import "https://cdn.jsdelivr.net/npm/open-dyslexic@1.0.3/open-dyslexic.css";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#172033;--muted:#58657a;--line:#d8e0e7;--line-warm:#e2d9c8;--page:#f7f8f6;--panel:#fff;--blue:#0f766e;--blue-strong:#0b5f59;--blue-weak:#d7f0ed;--green:#14735a;--green-weak:#ddf4ea;--amber:#9b5c00;--amber-weak:#fff3d6;--teal-weak:#dff4f1;--surface-soft:#f3f7f5;--surface-guide:#f0faf8;--surface-practice:#fbfcfd;--rose:#ca3b58;--shadow:0 18px 44px #1c284317}*{box-sizing:border-box}body{background:var(--page);min-width:320px;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;background:#fffffff5;border-right:1px solid #dce4ea;flex-direction:column;flex-shrink:0;width:220px;height:100vh;transition:width .22s;display:flex;position:sticky;top:0;overflow:hidden}.app-shell.sidebar-collapsed .sidebar{width:60px}.sidebar-top{border-bottom:1px solid #e2e8ee;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:16px 14px 12px;display:flex}.sidebar-brand{white-space:nowrap;align-items:center;gap:10px;font-weight:800;display:flex;overflow:hidden}.sidebar-brand-text{transition:opacity .15s}.app-shell.sidebar-collapsed .sidebar-brand-text{opacity:0;pointer-events:none}.brand-mark{background:url(/bodhaspace-logo.svg) 50%/cover no-repeat;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;display:grid;overflow:hidden;box-shadow:0 8px 18px #0f766e2e}.sidebar-collapse-btn{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);cursor:pointer;background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:background .12s,color .12s,border-color .12s;display:flex}.sidebar-collapse-btn:hover{background:var(--blue-weak);color:var(--blue-strong);border-color:#a8d8d3}.collapse-arrow{font-style:normal;line-height:1;transition:transform .22s;display:inline-block}.app-shell.sidebar-collapsed .collapse-arrow{transform:rotate(180deg)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex;overflow-y:auto}.sidebar-item{color:var(--muted);white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:.9rem;font-weight:600;transition:background .12s,color .12s,box-shadow .12s;display:flex}.sidebar-item:hover{color:var(--ink);background:#f5f8f7}.sidebar-item.active{background:var(--blue);color:#fff;box-shadow:0 1px #0f766e2e}.sidebar-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;font-size:1.1rem;display:flex}.sidebar-icon svg{flex-shrink:0;display:block}.sidebar-label{transition:opacity .15s;overflow:hidden}.app-shell.sidebar-collapsed .sidebar-label{opacity:0;pointer-events:none;width:0}.sidebar-stats{border-top:1px solid #e2e8ee;flex-direction:column;flex-shrink:0;gap:6px;padding:10px 8px 14px;display:flex;overflow:hidden}.sidebar-stats .stat-pill{border-radius:8px;justify-content:flex-start;font-size:.8rem}.sidebar-group{flex-direction:column;display:flex}.sidebar-group-header{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:.82rem;font-weight:800;transition:background .12s,color .12s,box-shadow .12s;display:flex}.sidebar-group-header:hover{color:var(--ink);background:#f5f8f7}.sidebar-group-header.group-active{color:var(--ink);box-shadow:inset 3px 0 0 var(--blue);background:#edf7f5}.sr-group.group-active{color:var(--blue-strong)}.mem-group.group-active{color:#4f46e5}.lp-group.group-active{color:#7c3aed}.group-chevron{margin-left:auto;font-style:normal;transition:transform .2s;display:inline-block}.sidebar-group.group-open .group-chevron{transform:rotate(90deg)}.sidebar-group-items{flex-direction:column;gap:1px;max-height:0;transition:max-height .22s;display:flex;overflow:hidden}.sidebar-group.group-open .sidebar-group-items{max-height:400px}.sidebar-group-items .sidebar-item{border-radius:7px;margin-left:8px;padding-left:14px}.app-shell.sidebar-collapsed .group-chevron{display:none}.app-shell.sidebar-collapsed .sidebar-group-header{justify-content:center;padding:9px 10px}.sidebar-footer{border-top:1px solid var(--line);flex-shrink:0;padding:8px 8px 12px}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#fffffff2;align-items:center;gap:12px;padding:12px 16px;display:none;position:sticky;top:0}.mobile-topbar .brand{flex:1}.hamburger{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.sidebar-backdrop{z-index:19;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17203359;display:none;position:fixed;inset:0}.topbar-stats{flex-shrink:0;gap:8px;display:flex}.stat-pill{white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:5px 11px;font-size:.82rem;font-weight:700;display:flex}.stat-streak{color:#92400e;background:#fff8eb;border:1px solid #f0c060}.stat-sessions{background:var(--blue-weak);border:1px solid var(--teal-weak);color:#065f46}.ghost-button,.primary-button,.icon-button{min-height:40px;color:var(--ink);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 14px}.primary-button{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:750;transition:background .2s,box-shadow .2s,transform .15s;box-shadow:0 1px #0f766e33}.primary-button:hover{background:var(--blue-strong);transform:translateY(-1px);box-shadow:0 4px 14px #0f766e40}.primary-button:active{transform:translateY(0);box-shadow:0 1px 4px #0f766e2e}.ghost-button{background:#fff;border-color:#d2dce4}.ghost-button:hover{color:var(--blue-strong);background:#f7fbfa;border-color:#a8d8d3}.ghost-button.active{border-color:var(--rose);color:var(--rose);background:#fdf0f3}.ghost-button:disabled{opacity:.5;cursor:not-allowed}.speaking-check-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.icon-button{border-color:var(--line);background:#fff;place-items:center;width:40px;padding:0;display:grid}.main{width:min(1360px,100%);margin:0 auto;padding:28px clamp(18px,3vw,44px) 56px}.listen-layout{flex-direction:column;gap:16px;display:flex}.listen-method-panel{background:var(--surface-guide);border:1px solid #bddfd9;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:18px;padding:clamp(16px,2vw,22px);display:grid}.listen-method-copy h3{margin:10px 0 8px;font-size:clamp(1.1rem,2vw,1.35rem)}.listen-method-copy p{color:var(--muted);margin:0;line-height:1.6}.listen-benefits{gap:10px;display:grid}.listen-benefits div{background:#fff;border:1px solid #d9e7e4;border-radius:8px;gap:3px;padding:11px 12px;display:grid}.listen-benefits span{color:var(--muted);font-size:.88rem;line-height:1.4}.listen-selectors{grid-template-columns:1fr 1fr;gap:12px;display:grid}.listen-select-group{flex-direction:column;gap:5px;display:flex}.listen-select{background:var(--panel);width:100%;color:var(--ink);border:1px solid #d3dde5;border-radius:8px;padding:8px 10px;font-size:.92rem}.listen-text-wrap{max-height:380px;color:var(--ink);background:#fff;border:1px solid #d3dde5;border-radius:10px;padding:16px 18px;font-size:1.05rem;line-height:2;overflow-y:auto}.listen-word{border-radius:3px;padding:1px 2px;transition:background 80ms,color 80ms;display:inline}.listen-word.word-active{background:var(--blue);color:#fff;border-radius:4px}.listen-controls{background:var(--surface-practice);border:1px solid #d3dde5;border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;padding:14px 16px;display:flex}.listen-btns{gap:10px;display:flex}.listen-speed-row{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}@media (max-width:600px){.listen-method-panel,.listen-selectors{grid-template-columns:1fr}.listen-controls{flex-direction:column;align-items:stretch}.listen-speed-row{margin-left:0}.listen-btns{width:100%}.listen-btns .primary-button,.listen-btns .ghost-button{flex:1}}.listen-speed-btn{background:var(--panel);color:var(--muted);cursor:pointer;border:1px solid #d3dde5;border-radius:6px;padding:5px 10px;font-size:.82rem;font-weight:700;transition:background .12s,color .12s,border-color .12s}.listen-speed-btn:hover{background:var(--surface-soft);color:var(--ink)}.listen-speed-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.speaking-layout{flex-direction:column;gap:16px;display:flex}.speaking-intro-panel{background:#f6f2ff;border:1px solid #d7c7ff;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:18px;padding:clamp(16px,2vw,22px);display:grid}.speaking-method-copy h3{margin:10px 0 8px;font-size:clamp(1.1rem,2vw,1.35rem)}.speaking-method-copy p{color:var(--muted);margin:0;line-height:1.6}.speaking-benefits,.speaking-steps{gap:10px;display:grid}.speaking-benefits div{background:#fff;border:1px solid #d7c7ff;border-radius:8px;gap:3px;padding:11px 12px;display:grid}.speaking-benefits span{color:var(--muted);font-size:.88rem;line-height:1.4}.speaking-practice{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:16px;padding:clamp(16px,2vw,22px);display:grid}.speaking-steps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.speaking-prompt{background:#fff;border:1px solid #d7c7ff;border-radius:8px;gap:9px;padding:14px;display:grid}@media (max-width:860px){.speaking-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.speaking-intro-panel,.speaking-steps{grid-template-columns:1fr}}.speaking-techniques-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:16px;padding:clamp(16px,2vw,22px);display:grid}.speaking-tech-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.tech-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;flex-direction:column;gap:8px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.tech-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1720330d}.tech-card h4{color:var(--ink);align-items:center;gap:8px;margin:0;font-size:1.05rem;display:flex}.tech-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.tech-card .example{background:var(--panel);border-left:3px solid var(--blue);border-radius:6px;margin-top:auto;padding:8px;font-size:.85rem;font-style:italic}.tech-card .example-child{color:#78350f;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:6px;margin-top:2px;padding:8px 10px;font-size:.85rem;font-style:italic}.tech-card .example-child span{color:#b45309;margin-right:4px;font-style:normal;font-weight:700}.home-hero{text-align:center;margin-bottom:20px;padding:clamp(32px,6vw,64px) clamp(16px,4vw,48px)}.home-hero h1{color:var(--ink);letter-spacing:-.01em;margin:0 0 10px;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:900}.home-sub{margin:0 0 24px;font-size:clamp(.95rem,2vw,1.15rem)}.home-privacy-strip{background:var(--green-weak);color:#0d513b;border:1px solid #bfe8d8;border-radius:8px;justify-content:center;align-items:center;max-width:720px;padding:10px 14px;font-size:.95rem;font-weight:750;line-height:1.4;display:inline-flex}.privacy-setup{grid-template-columns:minmax(240px,.8fr) minmax(360px,1.2fr);align-items:start;gap:28px;margin-bottom:20px;display:grid}.setup-copy h2{margin:12px 0 8px}.setup-benefits{gap:9px;margin:18px 0 0;padding:0;list-style:none;display:grid}.setup-benefits li{color:var(--ink);padding-left:24px;font-weight:750;line-height:1.35;position:relative}.setup-benefits li:before{content:"";background:var(--blue);border-radius:50%;width:10px;height:10px;position:absolute;top:.45em;left:0}.preference-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-hint{color:var(--muted);font-size:.82rem;line-height:1.35}.privacy-note{color:#0f4f48;background:#eef8f7;border:1px solid #c7e3df;border-radius:8px;grid-column:1/-1;gap:3px;padding:12px 14px;line-height:1.45;display:grid}.privacy-note strong{color:#073f39}.privacy-note span{font-size:.92rem}.preference-form .session-actions{grid-column:1/-1;margin-top:0}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:780px;margin-top:16px;display:grid}.settings-note{background:#fbf8ef;border-color:#eadfca}.home-pillars{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:32px;display:grid}@media (max-width:640px){.home-pillars,.privacy-setup,.preference-form,.settings-grid{grid-template-columns:1fr}}.pillar-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;gap:10px;padding:clamp(20px,3vw,32px);transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;box-shadow:0 2px 8px #1720330a}.pillar-card:hover{border-color:var(--blue-weak);transform:translateY(-3px);box-shadow:0 8px 24px #0f766e1a,0 2px 6px #1720330a}.contact-hero{margin-bottom:18px}.contact-hero h1{margin:0 0 10px;font-size:clamp(1.5rem,3vw,2.25rem)}.contact-hero p:last-child{max-width:680px}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:32px;display:grid}.contact-card{border:1px solid var(--line);border-left:4px solid var(--blue);background:var(--panel);border-radius:12px;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:clamp(18px,3vw,26px);display:grid;box-shadow:0 1px #17203308}.contact-card h3{margin:0 0 8px}.contact-card p{margin:0 0 14px;line-height:1.5}.contact-icon{background:var(--blue-weak);color:#065f46;border-radius:10px;place-items:center;width:44px;height:44px;font-size:1.2rem;display:grid}.contact-link{overflow-wrap:anywhere;color:#0f766e;font-weight:800;text-decoration:none}.contact-link:hover{text-decoration:underline}.contact-note-card{border-left-color:var(--green)}.feedback-panel{gap:18px;display:grid}.feedback-form{gap:16px;display:grid}.feedback-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.optional-label{color:var(--muted);font-size:.78rem;font-weight:600}.feedback-error{color:#b42318;margin:-4px 0 0;font-size:.92rem;font-weight:700}.feedback-success{color:#0f766e;margin:-4px 0 0;font-size:.92rem;font-weight:700}.feedback-error[hidden],.feedback-success[hidden]{display:none}.feedback-actions{margin-top:0}.pillar-sr{border-left:4px solid var(--blue)}.pillar-listen{border-left:4px solid var(--blue-strong)}.pillar-speak{border-left:4px solid var(--green)}.pillar-mem{border-left:4px solid #0d9488}.pillar-icon{font-size:2rem;line-height:1}.pillar-title{color:var(--ink);font-size:1.15rem;font-weight:900}.pillar-desc{word-break:break-word;overflow-wrap:break-word;flex:1;margin:0;font-size:.92rem;line-height:1.55}.pillar-btn{white-space:normal;word-break:break-word;align-self:flex-start;margin-top:4px}@media (max-width:1023px) and (min-width:640px){.sidebar,.app-shell.sidebar-collapsed .sidebar{width:60px}.sidebar-brand-text,.sidebar-label{opacity:0;pointer-events:none;width:0}.collapse-arrow{transform:rotate(180deg)}.app-shell:not(.sidebar-collapsed) .sidebar{width:220px}.app-shell:not(.sidebar-collapsed) .sidebar-brand-text,.app-shell:not(.sidebar-collapsed) .sidebar-label{opacity:1;width:auto}.app-shell:not(.sidebar-collapsed) .collapse-arrow{transform:rotate(0)}}@media (max-width:639px){.sidebar{height:100vh;box-shadow:none;transition:left .25s;position:fixed;top:0;left:-220px;width:220px!important}.app-shell.sidebar-mobile-open .sidebar{box-shadow:var(--shadow);left:0}.app-shell.sidebar-mobile-open .sidebar-backdrop{display:block}.sidebar-brand-text,.sidebar-label{opacity:1!important;width:auto!important}.sidebar-collapse-btn{display:none}.mobile-topbar{display:flex}}.content-grid{grid-template-columns:minmax(0,1fr) minmax(290px,330px);align-items:start;gap:24px;display:grid}@media (max-width:860px){.content-grid{grid-template-columns:1fr}}.sidebar-item:focus-visible,.primary-button:focus-visible,.ghost-button:focus-visible,.icon-button:focus-visible,.pillar-btn:focus-visible,.quiz-options button:focus-visible,.passage-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.panel,.passage-card,.stat-card,.setup-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;box-shadow:0 1px #17203306}.panel{padding:clamp(16px,2vw,24px)}.panel-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.panel-title h2,.panel h2,.setup-card h1{letter-spacing:0;margin:0;font-size:clamp(1.25rem,2.4vw,1.9rem)}.muted{color:var(--muted)}.small{font-size:.9rem}.controls{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0;display:grid}.field{gap:7px;display:grid}.field label{color:var(--muted);font-size:.9rem;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px}.field textarea{resize:vertical;min-height:150px;padding:12px;line-height:1.5}.field input[type=range]{padding:0}.toggle-field{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fff;border-radius:8px;align-self:end;align-items:center;gap:9px;padding:0 12px;font-weight:750;display:flex}.toggle-field input{width:18px;height:18px}.reader-stage{background:#fbf8ef;border:1px solid #eadfca;border-radius:8px;min-height:260px;padding:clamp(22px,3vw,42px);font-size:clamp(1.35rem,2.2vw,2.25rem);line-height:1.75}.reader-stage.small-font{font-size:clamp(1.05rem,1.6vw,1.55rem)}.reader-stage.large-font{font-size:clamp(1.65rem,2.8vw,3rem)}.reader-stage.cool-theme{background:#eef8f7;border-color:#c7e3df}.reader-stage.sepia-theme{background:#f7ecd8;border-color:#e3ccb0}.reader-stage.dark-theme{color:#f7fbfd;background:#172033;border-color:#2e3a52}.focus-stage{text-align:center;background:#eef8f7;border-color:#c7e3df;place-items:center;display:grid}.focus-label{color:var(--muted);text-transform:uppercase;align-self:end;font-size:.9rem;font-weight:800}.focus-chunk{color:#102044;background:#fff;border-radius:8px;align-self:start;max-width:760px;padding:16px 18px;font-size:clamp(2rem,5vw,4.4rem);font-weight:900;line-height:1.12;box-shadow:0 12px 26px #2563eb24}.focus-stage.small-font .focus-chunk{font-size:clamp(1.5rem,4vw,3rem)}.focus-stage.large-font .focus-chunk{font-size:clamp(2.4rem,6vw,5.4rem)}.focus-stage.dark-theme .focus-chunk{color:#f7fbfd;background:#222d44}.focus-stage.sepia-theme .focus-chunk{background:#fff8eb}.orp{color:var(--rose)}.word{border-radius:6px;padding:3px 4px;transition:background .18s,color .18s;display:inline}.word.active{color:#1b2538;background:#ffe08a;box-shadow:0 0 0 2px #b96a0024}.reader-stage.is-running{-webkit-user-select:none;user-select:none}.reader-stage.is-running .word{pointer-events:none}.reader-stage.is-running .word.past{opacity:.25;filter:blur(.4px)}.reader-stage.dual-column{column-count:2;column-rule:1px solid var(--border-color,#e2e8f0);column-gap:32px}@media (max-width:768px){.reader-stage.dual-column{column-count:1}}@media (max-width:600px){.focus-stage{min-height:220px;padding:40px 16px}.focus-chunk{font-size:1.6em;line-height:1.6}.focus-chunk .orp{font-weight:700}.peripheral-row{gap:10px;font-size:1.1em}.periph-center{font-size:1.3em}.controls-quick .field{min-width:100%}.session-actions button{flex:30%;min-height:44px}.kbd-hints{display:none}}.eye-break-banner{color:#92400e;background:linear-gradient(90deg,#f59e0b1f,#f59e0b0d);border:1px solid #f59e0b4d;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;padding:10px 14px;font-size:.9em;display:flex}.eye-break-banner .ghost-button{font-size:.85em}.flashcard-stage{justify-content:center;padding:24px 0;display:flex}.flashcard{background:var(--bg-light,#f8fafc);border:1px solid var(--border-color,#e2e8f0);text-align:center;border-radius:12px;width:100%;max-width:460px;padding:32px 24px}.flashcard-prompt h2{color:var(--text-main,#0f172a);margin:8px 0 0;font-size:2.2em;font-weight:700}.flashcard-reveal{margin-top:24px}.vocab-card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:16px;display:grid}.vocab-card-item{background:var(--panel-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:12px 14px}.vocab-card-item h4{margin:0 0 4px;font-size:1.1em}.prime-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:280px;padding:32px 28px;display:flex}.prime-label{letter-spacing:.06em;text-transform:uppercase;color:var(--primary-color,#2563eb);font-size:.78em;font-weight:700}.prime-title{margin:0;font-size:1.5em;font-weight:700}.prime-first-sentence{max-width:580px;color:var(--text-main,#0f172a);opacity:.85;margin:0;font-size:1em;line-height:1.5}.prime-keywords{flex-direction:column;align-items:center;gap:6px;display:flex}.prime-keyword-list{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pacer-stage{flex-direction:column;gap:12px;min-height:280px;padding:24px;display:flex}.pacer-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted,#64748b);font-size:.78em;font-weight:600}.pacer-words{flex-wrap:wrap;gap:6px 8px;line-height:1.9;display:flex}.pacer-word{border-bottom:3px solid #0000;padding:1px 4px;transition:border-color .14s,background .14s,color .14s}.pacer-word.active{border-bottom-color:var(--primary-color,#2563eb);color:var(--text-main,#0f172a);background:#2563eb14}.pacer-word.past{opacity:.35}.pacer-word.function-word{opacity:.55}.pacer-word.active.function-word{opacity:.85}.peripheral-stage{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:280px;padding:40px 24px;display:flex;position:relative}.peripheral-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted,#64748b);font-size:.78em;font-weight:600}.peripheral-row{align-items:baseline;gap:clamp(12px,4vw,48px);max-width:100%;font-size:1.4em;font-weight:500;display:flex}.periph-center{color:var(--text-main,#0f172a);background:#ffe08a59;border-radius:8px;padding:4px 12px;font-size:1.4em;font-weight:700}.periph-side{color:var(--text-muted,#64748b)}.periph-side.near{opacity:.7;font-size:.95em}.periph-side.far{opacity:.4;font-size:.8em}.periph-crosshair{color:var(--primary-color,#2563eb);opacity:.25;pointer-events:none;font-size:1.2em;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(40px - 50%))}.skim-stage{min-height:280px;padding:20px 24px}.skim-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted,#64748b);margin-bottom:12px;font-size:.78em;font-weight:600}.skim-sentence{margin:0 0 10px;line-height:1.55;transition:opacity .2s}.skim-sentence.anchor{opacity:1;color:var(--text-main,#0f172a);font-weight:500}.skim-sentence.dim{opacity:.32;font-size:.92em}.skim-sentence.active{background:#ffe08a59;border-radius:6px;margin:0 -8px 10px;padding:4px 8px}.kbd-hints kbd{color:var(--text-main,#0f172a);background:#0f172a0f;border:1px solid #0f172a1f;border-radius:4px;margin:0 2px;padding:1px 6px;font-family:inherit;font-size:.78em;display:inline-block}.word.function-word{opacity:.55}.word.active.function-word{opacity:.75}.focus-chunk .function-word{opacity:.6;font-weight:400}.focus-chunk .content-word{font-weight:600}.session-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.passage-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.custom-import{background:var(--surface-soft);border:1px solid #cbd8e6;border-radius:8px;gap:14px;margin:4px 0 20px;padding:16px;display:grid}.custom-import h3{margin:0 0 5px}.custom-grid{grid-template-columns:1fr 190px 220px;gap:12px;display:grid}.url-import-row{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.baseline-reader{border:1px solid var(--line);background:#fbf8ef;border-radius:8px;padding:clamp(18px,3vw,30px);font-size:clamp(1.1rem,2.2vw,1.45rem);line-height:1.75}.baseline-reader h3{margin:0 0 12px}.baseline-reader p{margin:0}.active-baseline{border-color:#9acdc5;box-shadow:0 0 0 4px #14735a1f}.vocab-list{flex-wrap:wrap;gap:8px;display:flex}.vocab-chip{text-transform:capitalize;min-height:34px;padding:0 10px}.vocab-chip:disabled{cursor:default;opacity:.5;color:#047857;background:#10b98114;border-color:#10b98159;text-decoration:line-through}.vocab-chip:disabled:before{content:"✓ ";margin-right:2px;font-weight:700;text-decoration:none;display:inline}.saved-vocab{box-shadow:none;margin-top:16px}.passage-card{padding:14px}.passage-card h3{margin:0 0 8px;font-size:1rem}.tags{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.tag{color:#065f46;background:#ccede9;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:800}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.stat-card{padding:15px}.stat-card strong{margin-top:5px;font-size:clamp(1.35rem,3vw,2.1rem);display:block}.chart{width:100%;min-height:260px}.quiz-options{gap:10px;margin:16px 0;display:grid}.quiz-options button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;width:100%;min-height:48px;padding:10px 12px}.quiz-options button.selected{border-color:var(--blue);background:var(--blue-weak)}.reward{background:var(--green-weak);color:#0d513b;border-radius:8px;margin-top:14px;padding:14px;font-weight:800}.level-up{background:var(--green-weak);color:#0d513b;border:1px solid #bfe8d8;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:8px 14px;margin:12px 0 16px;padding:14px;display:grid}.level-up span{color:#22634d}.level-up button{grid-area:1/2/span 2}.badge-list{flex-wrap:wrap;gap:8px;display:flex}.badge{color:#163c76;background:#eef6ff;border:1px solid #cfe5ff;border-radius:8px;padding:9px 10px;font-weight:800}.badge-hit{background:var(--green-weak);border-color:var(--green);color:var(--green)}.recall-textarea{resize:vertical;border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:var(--panel);border-radius:10px;padding:10px 12px}.recall-textarea:focus{outline:2px solid var(--blue-weak);border-color:var(--blue)}.tutorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.techniques-layout{flex-direction:column;gap:24px;display:flex}.technique-tabs{background:#eef4f2;border:1px solid #dbe4ea;border-radius:8px;flex-wrap:wrap;gap:8px;margin:18px 0 20px;padding:6px;display:flex}.technique-tab{min-height:40px;color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;padding:0 13px;font-weight:800}.technique-tab:hover{color:var(--ink);background:#fff}.technique-tab.active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 1px #0f766e33}.concept-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.concept-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:12px;padding:clamp(18px,2.4vw,26px);display:grid}.concept-speed{border-left:5px solid var(--blue)}.concept-memory{border-left:5px solid #4f46e5}.concept-listening{border-left:5px solid #b45309}.concept-speaking{border-left:5px solid #7c3aed}.concept-kicker{background:var(--blue-weak);color:#065f46;border-radius:999px;width:fit-content;padding:5px 9px;font-size:.78rem;font-weight:900}.concept-memory .concept-kicker{color:#4338ca;background:#e8e7ff}.concept-listening .concept-kicker{color:#92400e;background:#fff3d6}.concept-speaking .concept-kicker{color:#6d28d9;background:#f1e8ff}.concept-card h3,.method-panel h3{margin:0;font-size:clamp(1.15rem,2vw,1.45rem)}.concept-card p{color:var(--muted);margin:0;line-height:1.6}.concept-why{background:var(--surface-soft);border-radius:8px;gap:4px;padding:12px 14px;line-height:1.45;display:grid}.concept-why span{color:var(--muted)}.method-panel{background:var(--surface-guide);border:1px solid #dbe4ea;border-radius:8px;gap:16px;padding:clamp(16px,2vw,22px);display:grid}.section-technique-panel{margin:16px 0}.workflow-toggle{cursor:pointer}.workflow-toggle h3{margin:0}.workflow-toggle p{margin:4px 0 0}.workflow-chevron{color:var(--muted);-webkit-user-select:none;user-select:none;font-size:1.2rem;transition:transform .2s}.memory-method-panel{background:#f3f4ff}.listening-method-panel{background:#fff8eb}.speaking-method-panel{background:#f6f2ff}.method-panel-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.method-panel-title p{margin:5px 0 0}.method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.memory-method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.method-card{background:#fff;border:1px solid #dce3ea;border-radius:8px;gap:8px;padding:14px;display:grid}.method-card h4{margin:0;font-size:1rem}.method-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.method-card span{border-top:1px solid var(--line);color:#0f4f48;padding-top:8px;font-size:.84rem;font-weight:800;line-height:1.4;display:block}.accordion{flex-direction:column;gap:4px;display:flex}.accordion-item{border:1px solid var(--line);background:#fff;border-left-width:5px;border-radius:8px;overflow:hidden}.accordion-header{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:background .12s;display:flex}.accordion-header:hover{background:var(--surface-soft)}.accordion-title{color:var(--ink);flex:1;font-size:1rem;font-weight:700}.accordion-chevron{color:var(--muted);font-size:1.1rem;transition:transform .2s;display:inline-block}.accordion-item.open .accordion-chevron{transform:rotate(90deg)}.accordion-body{max-height:0;transition:max-height .25s;overflow:hidden}.accordion-item.open .accordion-body{max-height:600px}.accordion-body-inner{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding:0 16px 18px;display:flex}.technique-emoji{flex-shrink:0;font-size:1.4rem;line-height:1}.technique-desc{color:var(--muted);margin:0;padding-top:4px;font-size:.9rem;line-height:1.55}.technique-steps{color:var(--ink);flex-direction:column;gap:5px;margin:0;padding-left:20px;font-size:.9rem;line-height:1.5;display:flex}.technique-steps li::marker{color:var(--muted);font-weight:700}.technique-bodhaspace{background:var(--blue-weak);border-left:3px solid var(--blue);color:var(--ink);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;font-size:.88rem;line-height:1.5;display:flex}.bodhaspace-label{text-transform:uppercase;letter-spacing:.06em;color:#065f46;font-size:.72rem;font-weight:900}.technique-ideal{background:var(--surface-soft);color:var(--muted);border-radius:8px;padding:10px 12px;font-size:.87rem;line-height:1.45}.red-accent-item{border-left-color:#d65555}.blue-accent-item{border-left-color:var(--blue)}.green-accent-item{border-left-color:var(--green)}.amber-accent-item{border-left-color:var(--amber)}.purple-accent-item{border-left-color:#7c5cc4}.teal-accent-item{border-left-color:#0f766e}.orange-accent-item{border-left-color:#ea7c1a}.slate-accent-item{border-left-color:#49647f}.red-accent{border-left-color:#d65555}.blue-accent{border-left-color:var(--blue)}.green-accent{border-left-color:var(--green)}.amber-accent{border-left-color:var(--amber)}.purple-accent{border-left-color:#7c5cc4}.teal-accent{border-left-color:#0f766e}.orange-accent{border-left-color:#ea7c1a}.slate-accent{border-left-color:#49647f}.mind-map-panel{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:16px;padding:clamp(16px,2vw,22px);display:grid}.mind-map-panel h3{margin:0 0 5px}#toggle-workflow{border-radius:6px;margin:-8px -12px;padding:8px 12px;transition:background-color .2s}#toggle-workflow:hover{background-color:#1720330d}.workflow-chevron{transition:transform .2s,color .2s}#toggle-workflow:hover .workflow-chevron{color:var(--ink)!important}.flowchart-wrap{background:#fff;border:1px solid #d5e0eb;border-radius:8px;padding:clamp(14px,2vw,22px);overflow-x:visible}.clear-flowchart{flex-direction:column;align-items:center;gap:4px;display:flex}.flow-card-v{width:100%;max-width:480px}.flow-connector-v{color:#065f46;justify-content:center;align-items:flex-end;min-height:44px;padding-bottom:6px;font-size:.82rem;font-weight:900;display:flex;position:relative}.flow-connector-v:before{content:"";background:#49647f;width:3px;position:absolute;top:0;bottom:6px;left:50%;transform:translate(-50%)}.flow-connector-v:after{content:"";border-top:11px solid #49647f;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.flow-card,.flow-result{background:#fff;border:2px solid #b8c7d8;border-radius:8px;gap:8px;min-height:128px;padding:16px;display:grid;box-shadow:0 8px 18px #1c28430f}.flow-card strong,.flow-result strong,.flow-diamond strong{color:var(--ink);font-size:clamp(1rem,1.4vw,1.2rem)}.flow-card p,.flow-result p,.flow-diamond span{color:var(--muted);margin:0;font-size:.95rem;line-height:1.45}.flow-step{background:var(--blue-weak);color:#065f46;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.source-card{background:#ecf8f6;border-color:#7bbdb4}.image-card,.create-card{border-color:var(--amber);background:#fff8eb}.attach-card,.flow-result{border-color:var(--green);background:#f3fbf8}.flow-connector{color:#065f46;text-align:center;font-size:.82rem;font-weight:900;position:relative}.flow-connector:before{content:"";background:#49647f;height:3px;position:absolute;top:-12px;left:0;right:0}.flow-connector:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:11px solid #49647f;position:absolute;top:-18px;right:-1px}.flow-diamond{text-align:center;background:#f4efff;border:2px solid #7c5cc4;justify-self:center;place-items:center;width:150px;height:150px;padding:24px;display:grid;transform:rotate(45deg)}.flow-diamond strong,.flow-diamond span{display:block;transform:rotate(-45deg)}.branch-row{grid-template-columns:1fr 1fr;gap:18px;width:100%;max-width:560px;display:grid}.branch-path{gap:8px;display:grid}.branch-label{color:#fff;border-radius:999px;width:fit-content;padding:5px 11px;font-size:.85rem;font-weight:900}.yes-path .branch-label{background:var(--green)}.no-path .branch-label{background:var(--amber)}.flow-result{text-align:center;width:100%;max-width:560px;min-height:0}.example-box{border-left:5px solid var(--green);background:#fff;border-radius:8px;gap:6px;padding:14px;line-height:1.55;display:grid}.example-box span{color:var(--muted)}.tutorial-step{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:260px;padding:18px}.tutorial-step h3{margin:12px 0 8px;font-size:1.15rem}.tutorial-step p{color:var(--muted);line-height:1.55}.step-number{background:var(--blue-weak);color:#065f46;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.phrase-demo{gap:8px;margin-top:18px;display:grid}.phrase-demo span{background:var(--amber-weak);color:#5f3700;border-radius:8px;width:fit-content;padding:8px 10px;font-weight:900}.meter-demo{background:#e6edf8;border-radius:999px;height:16px;margin-top:28px;overflow:hidden}.meter-demo span{border-radius:inherit;background:var(--blue);width:68%;height:100%;display:block}.score-demo{background:var(--green-weak);width:110px;height:110px;color:var(--green);border-radius:50%;place-items:center;margin-top:18px;font-size:1.7rem;font-weight:900;display:grid}.setup-overlay{background:linear-gradient(135deg,#e4f3f1 0%,#f8fbfd 52%,#eef4fb 100%);place-items:center;min-height:100vh;padding:18px;display:grid}.setup-card{width:min(560px,100%);box-shadow:var(--shadow);padding:clamp(20px,4vw,34px)}.setup-card form{gap:14px;margin-top:20px;display:grid}.empty{color:var(--muted);text-align:center;border:1px dashed #b8c2d4;border-radius:8px;padding:22px}@media (max-width:1320px){.content-grid{grid-template-columns:1fr}}@media (max-width:860px){.topbar{flex-direction:column;align-items:flex-start}.home-pillars{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.controls,.stats-grid,.tutorial-grid,.technique-grid,.concept-grid,.method-grid,.memory-method-grid,.custom-grid,.url-import-row{grid-template-columns:repeat(2,minmax(0,1fr))}.method-panel-title{flex-direction:column;align-items:flex-start}.level-up,.flow-row,.branch-row{grid-template-columns:1fr}.flow-connector{min-height:34px}.flow-connector:before{width:3px;height:auto;top:0;bottom:0;left:50%;transform:translate(-50%)}.flow-connector:after{border:8px solid #0000;border-top:11px solid #49647f;border-bottom:0;inset:auto auto -2px 50%;transform:translate(-50%)}.flow-diamond{width:170px;height:170px}.level-up button{grid-area:auto;width:fit-content}}@media (max-width:560px){.controls,.stats-grid,.tutorial-grid,.technique-grid,.concept-grid,.method-grid,.memory-method-grid,.custom-grid,.url-import-row{grid-template-columns:1fr}.reader-stage{min-height:220px}}.memory-tabs{gap:8px;margin-bottom:20px;display:flex}@media (max-width:768px){.memory-tabs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.memory-tab{padding:8px 4px;font-size:.85rem}}@media (max-width:480px){.memory-tabs{grid-template-columns:repeat(2,1fr)}}.memory-tab{border:2px solid var(--line);background:var(--surface-soft);color:var(--muted);cursor:pointer;border-radius:8px;flex:1;padding:9px 0;font-size:.92rem;font-weight:700;transition:border-color .15s,color .15s,background .15s}.memory-tab.active{border-color:var(--blue);background:var(--blue-weak);color:#065f46}.memory-hub{grid-template-columns:1fr 260px;align-items:start;gap:24px;display:grid}@media (max-width:720px){.memory-hub{grid-template-columns:1fr}}.memory-game-area{flex-direction:column;gap:16px;display:flex}.memory-scores{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex}.memory-scores h3{margin:0 0 4px;font-size:.95rem}.memory-score-row{flex-wrap:wrap;align-items:center;gap:6px;font-size:.88rem;display:flex}.memory-difficulty{flex-direction:column;gap:8px;display:flex}.difficulty-btn{border:2px solid var(--line);background:var(--surface-soft);color:var(--ink);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.92rem;font-weight:700;transition:border-color .15s,background .15s;display:flex}.difficulty-btn.active{border-color:var(--blue);background:var(--blue-weak);color:#065f46}.diff-meta{color:var(--muted);font-size:.8rem;font-weight:400}.matrix-grid{grid-template-columns:repeat(var(--grid-size), 1fr);gap:6px;width:100%;max-width:360px;margin:0 auto;display:grid}.matrix-cell{aspect-ratio:1;background:var(--surface-soft);border:2px solid var(--line);cursor:pointer;border-radius:6px;transition:background .1s,border-color .1s}.matrix-cell.target{background:var(--blue);border-color:var(--blue)}.matrix-cell.selected{border-color:var(--blue);background:#ccede9}.matrix-cell.correct{background:var(--green);border-color:var(--green)}.matrix-cell.missed{background:var(--amber);border-color:var(--amber)}.matrix-cell.wrong{background:#f87171;border-color:#ef4444}.matrix-cell.flash{transition:transform 50ms,background 50ms;transform:scale(1.04);box-shadow:0 0 16px #f59e0b80;background:#f59e0b!important;border-color:#f59e0b!important}.snake-grid{aspect-ratio:1;background:var(--bg-light,#f8fafc);border:3px solid var(--border-color,#dfe5ef);border-radius:12px;grid-template-columns:repeat(12,1fr);gap:2px;width:100%;padding:4px;display:grid;box-shadow:inset 0 2px 4px #0000000d}.snake-cell{aspect-ratio:1;background:var(--surface-soft,#f1f5f9);color:var(--text-main,#334155);-webkit-user-select:none;user-select:none;border-radius:3px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:background .15s,transform .1s;display:flex}.snake-head{z-index:2;border-radius:6px;transform:scale(1.05);box-shadow:0 0 6px #2563eb66;background:var(--primary-color,#2563eb)!important;color:#fff!important}.snake-body{z-index:1;border-radius:4px;background:var(--blue-weak,#93c5fd)!important;color:#0000!important}.snake-food{border-radius:50%;font-size:1.15rem;font-weight:900;transform:scale(1.05)}.snake-food.target{animation:1.2s ease-in-out infinite snakeFoodPulse;box-shadow:0 0 10px #f59e0b80;color:#fff!important;background:#f59e0b!important}.snake-food.distractor{border:1px dashed var(--border-color,#dfe5ef);color:#64748b!important;background:#e2e8f0!important}@keyframes snakeFoodPulse{0%,to{transform:scale(1.02)}50%{transform:scale(1.15)}}.joystick-btn{background:var(--panel-bg,#fff);border:2px solid var(--border-color,#dfe5ef);width:36px;height:36px;color:var(--text-main,#475569);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.05em;font-weight:700;transition:all .1s;display:flex;box-shadow:0 2px 4px #0000000d}.joystick-btn:hover{background:var(--surface-soft,#f1f5f9);border-color:var(--blue,#0d9488);color:var(--blue,#0d9488)}.joystick-btn:active{background:var(--primary-color,#2563eb);color:#fff;border-color:var(--primary-color,#2563eb);transform:scale(.92)}.snapshot-stage{border:2px solid var(--line);background:#fff;border-radius:10px;justify-content:center;align-items:center;min-height:140px;display:flex}.snapshot-word{color:var(--ink);letter-spacing:.02em;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:900}.snapshot-choices{flex-wrap:wrap;gap:8px;display:flex}.snapshot-choice{border:2px solid var(--line);background:var(--surface-soft);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:.92rem;font-weight:700;transition:border-color .12s,background .12s}.snapshot-choice.selected{border-color:var(--blue);background:var(--blue-weak);color:#065f46}.snapshot-choice.correct{border-color:var(--green);color:#065f46;background:#d1fae5}.snapshot-choice.missed{border-color:var(--amber);color:#92400e;background:#fff8eb}.snapshot-choice.wrong{color:#7f1d1d;background:#fee2e2;border-color:#ef4444}.memory-result-badge{text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:18px;display:flex}.memory-result-badge strong{font-size:2.2rem}.result-good{border:2px solid var(--green);color:#065f46;background:#d1fae5}.result-ok{border:2px solid var(--amber);color:#92400e;background:#fff8eb}.result-low{color:#7f1d1d;background:#fee2e2;border:2px solid #ef4444}.memory-instruction{color:var(--muted);text-align:center;margin:0;font-size:1rem}.wh-passage-block{border:1px solid var(--line);border-left:4px solid var(--blue);background:var(--surface-soft);border-radius:8px;margin:16px 0;padding:16px 18px}.wh-passage-label{color:var(--blue);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:.82rem;font-weight:700}.wh-passage-title{color:var(--ink);margin-bottom:8px;font-size:1rem;font-weight:800}.wh-passage-text{color:var(--ink);margin:0;font-size:.95rem;line-height:1.65}.wordhunt-grid{grid-template-columns:repeat(var(--wh-cols), 1fr);gap:6px;width:100%;display:grid}.wh-cell{border:2px solid var(--line);background:var(--surface-soft);color:var(--ink);text-align:center;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:8px 4px;font-size:.82rem;font-weight:600;transition:background .12s,border-color .12s,color .12s;overflow:hidden}.wh-cell.found{border-color:var(--green);color:#065f46;cursor:default;background:#d1fae5}.wh-cell.missed{border-color:var(--amber);color:#92400e;background:#fff8eb}@keyframes wrong-flash{0%{background:#fee2e2;border-color:#ef4444}to{background:var(--surface-soft);border-color:var(--line)}}.wh-cell.wrong-flash{animation:.3s ease-out forwards wrong-flash}.wh-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.wh-header .memory-instruction{margin:0}.wh-timer{color:var(--ink);flex-shrink:0;font-size:1.4rem;font-weight:900}.wh-timer-urgent{color:#ef4444}.pillar-manifest{border-left:4px solid var(--green)}.concept-manifestation{border-left:5px solid #db2777}.concept-manifestation .concept-kicker{color:#be185d;background:#fdf2f8}.manifestation-layout{gap:24px;display:grid}.manifest-intro{flex-direction:column;gap:16px;display:flex}.manifest-copy{line-height:1.6}.manifest-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.manifest-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;flex-direction:column;gap:8px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex}.manifest-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1720330d}.manifest-card .card-icon{font-size:1.8rem}.manifest-card h4{color:var(--ink);margin:0;font-size:1.1rem}.manifest-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.manifest-calculator{background:#fdf2f8;border:1px solid #fbcfe8;border-radius:8px;gap:16px;padding:clamp(16px,2vw,24px);display:grid}.manifest-calculator h3{margin:0}.calc-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.calc-field{flex-direction:column;gap:8px;display:flex}.calc-field label{color:var(--ink);font-size:.95rem;font-weight:700}.calc-field input[type=range]{accent-color:#db2777;background:#f472b6;border-radius:3px;height:6px}.manifest-score-display{background:#fff;border:1px solid #fbcfe8;border-radius:8px;align-items:center;gap:24px;margin-top:10px;padding:16px;display:flex}.score-circle{color:#fff;background:#db2777;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.score-circle strong{font-size:1.8rem;font-weight:900}.score-circle span{text-transform:uppercase;letter-spacing:.05em;opacity:.9;font-size:.68rem}.score-feedback h4{color:#be185d;margin:0 0 4px;font-size:1.05rem}.score-feedback p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}@media (max-width:600px){.manifest-score-display{text-align:center;flex-direction:column;align-items:center}}.pillar-ebne{border-left:4px solid var(--blue-strong)}.ebne-layout{gap:24px;display:grid}.ebne-explain-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.ebne-explain-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;flex-direction:column;gap:8px;padding:20px;display:flex}.ebne-explain-card h4{color:var(--ink);align-items:center;gap:8px;margin:0;font-size:1.1rem;display:flex}.ebne-explain-card.ebne-trad{border-top:4px solid var(--rose)}.ebne-explain-card.ebne-bono{border-top:4px solid var(--green)}.ebne-workspace-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;flex-direction:column;gap:16px;padding:24px;display:flex}.ebne-form{gap:16px;display:grid}.ebne-form-group{flex-direction:column;gap:6px;display:flex}.ebne-form-group label{color:var(--ink);font-size:.95rem;font-weight:600}.ebne-input{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);border-radius:6px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.ebne-input:focus{border-color:var(--blue)}.ebne-textarea{resize:vertical;min-height:80px}.ebne-submit-btn{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-start;padding:12px 20px;font-weight:600;transition:background-color .2s,transform .1s}.ebne-submit-btn:hover{background-color:#0d635c}.ebne-submit-btn:active{transform:scale(.98)}.ebne-logs-section{margin-top:16px}.ebne-logs-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ebne-clear-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:.85rem;transition:background .15s,color .15s}.ebne-clear-btn:hover{background:var(--surface-soft);color:var(--ink)}.ebne-logs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.ebne-log-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;flex-direction:column;gap:12px;padding:20px;display:flex;position:relative;box-shadow:0 2px 6px #1c284308}.ebne-log-card h4{color:var(--ink);margin:0;padding-right:24px;font-size:1.1rem}.ebne-log-steps{flex-direction:column;gap:8px;display:flex}.ebne-log-step{font-size:.9rem;line-height:1.5}.ebne-log-step strong{text-transform:uppercase;border-radius:4px;margin-right:6px;padding:2px 6px;font-size:.75rem;font-weight:700;display:inline-block}.ebne-log-step-e strong{background:var(--green-weak);color:var(--green)}.ebne-log-step-bne strong{background:var(--amber-weak);color:var(--amber)}.ebne-log-step-add strong{background:var(--teal-weak);color:var(--blue)}.ebne-delete-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem;line-height:1;transition:color .15s;position:absolute;top:16px;right:16px}.ebne-delete-btn:hover{color:var(--rose)}.reader-stage.focus-masked.is-running .word{opacity:.16;filter:blur(1.2px);transition:opacity .15s,filter .15s}.reader-stage.focus-masked.is-running .word.active{opacity:1;filter:blur()}.active-recall-flow{flex-direction:column;gap:20px;animation:.3s fadeIn;display:flex}.recall-header h2{margin-bottom:6px;font-size:1.5rem}.recall-textarea{border:1px solid var(--border-color,#dfe5ef);background:var(--input-bg,#fff);width:100%;color:var(--foreground,#1e293b);resize:vertical;border-radius:8px;padding:14px;font-family:inherit;font-size:1rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.recall-textarea:focus{border-color:var(--primary-color,#2563eb);outline:none;box-shadow:0 0 0 3px #2563eb1f}.recall-compare-area{flex-direction:column;gap:24px;display:flex}.compare-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:768px){.compare-grid{grid-template-columns:1fr}}.compare-panel{border:1px solid var(--border-color,#dfe5ef);background:var(--panel-bg,#fff);border-radius:8px;padding:18px}.compare-panel h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:1.05rem}.recall-note-text{white-space:pre-wrap;font-style:italic;line-height:1.6}.original-passage-text{color:var(--foreground);line-height:1.6}.self-grade-section h3{margin-bottom:14px;font-size:1.15rem}.grade-buttons{gap:12px;display:flex}.grade-btn{cursor:pointer;border:1px solid var(--border-color,#dfe5ef);background:var(--panel-bg,#fff);text-align:center;border-radius:8px;padding:12px 16px;font-weight:500;transition:all .2s}.grade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.grade-btn.perfect:hover,.grade-btn.perfect.active{color:#047857;background:#ecfdf5;border-color:#10b981}.grade-btn.good:hover,.grade-btn.good.active{color:#b45309;background:#fffbeb;border-color:#f59e0b}.grade-btn.weak:hover,.grade-btn.weak.active{color:#b91c1c;background:#fef2f2;border-color:#ef4444}.rating-badge{font-weight:500;display:inline-block}.rating-badge.rating-perfect{color:#0ca678;background:#e6fcf5}.rating-badge.rating-good{color:#f08c00;background:#fff9db}.rating-badge.rating-weak{color:#e03131;background:#fff5f5}.rating-badge.rating-skipped{color:#868e96;background:#f1f3f5}.log-card{transition:all .2s}.log-card:hover{border-color:var(--primary-color,#2563eb)!important}.log-header:hover{background:var(--log-header-hover-bg,#f1f5f9)!important}.recall-textarea-wrapper{width:100%;position:relative}.recall-textarea-wrapper .recall-textarea{padding-right:54px}.mic-button{border:1px solid var(--border-color,#dfe5ef);background:var(--panel-bg,#fff);width:42px;height:42px;color:var(--muted,#64748b);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 2px 5px #0000000d}.mic-button:hover{border-color:var(--primary-color,#2563eb);color:var(--primary-color,#2563eb);transform:scale(1.05);box-shadow:0 4px 10px #2563eb1a}.mic-button.listening{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important;box-shadow:0 0 0 4px #ef444433!important}.mic-button.listening:hover{background:#dc2626!important;border-color:#dc2626!important;box-shadow:0 0 0 4px #dc26264d!important}.mic-button .pulse-ring{pointer-events:none;box-sizing:border-box;border:2px solid #ef4444;border-radius:50%;width:100%;height:100%;animation:1.8s ease-out infinite mic-pulse;position:absolute;top:0;left:0}@keyframes mic-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.reader-stage.sans-font-family{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.reader-stage.serif-font-family{font-family:Lora,Merriweather,Georgia,serif}.reader-stage.dyslexic-font-family{font-family:OpenDyslexic,sans-serif}.racer-road-container{border:4px solid var(--border-color,#dfe5ef);background:#111827;border-radius:16px;width:100%;max-width:420px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000004d,inset 0 2px 4px #ffffff1a}.racer-road{aspect-ratio:3/8;grid-template-rows:repeat(8,1fr);width:100%;padding:8px 0;display:grid;position:relative}.racer-row{grid-template-columns:repeat(3,1fr);width:100%;height:48px;display:grid;position:relative}.racer-cell{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.racer-cell:not(:last-child){border-right:2px dashed #ffffff40}.racer-road:before{content:"";opacity:.6;background:#f59e0b;width:4px;position:absolute;top:0;bottom:0;left:2px}.racer-road:after{content:"";opacity:.6;background:#f59e0b;width:4px;position:absolute;top:0;bottom:0;right:2px}.racer-item-bubble{-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;font-weight:800;animation:1s ease-in-out infinite alternate racerItemFloat;display:flex;box-shadow:0 4px 6px #00000040}@keyframes racerItemFloat{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.racer-item-bubble.target-letter{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);border:2px solid #fff;box-shadow:0 0 12px #f59e0bb3}.racer-item-bubble.distractor-letter{color:#f1f5f9;opacity:.9;background:linear-gradient(135deg,#94a3b8 0%,#475569 100%);border:1.5px solid #64748b}.racer-item-bubble.obstacle-bubble{background:linear-gradient(135deg,#ef4444 0%,#991b1b 100%);border:2.5px solid #fff;font-size:1.4rem;animation:.4s infinite alternate racerItemShake;box-shadow:0 0 10px #ef444499}@keyframes racerItemShake{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.racer-car-container{z-index:10;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .15s ease-out;display:flex}.racer-car-emoji{filter:drop-shadow(0 4px 6px #0006)hue-rotate(220deg)saturate(1.8);font-size:2.5rem;animation:.12s infinite alternate racerCarIdling;transform:rotate(0)}@keyframes racerCarIdling{0%{transform:scale(1)translateY(0)}to{transform:scale(1.05)translateY(-1.5px)}}.racer-word-display{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.racer-word-letter{text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:800;display:flex}.racer-word-letter.collected{color:#fff;background:#10b981;box-shadow:0 0 8px #10b98180}.racer-word-letter.current{color:#fff;background:#f59e0b;border:2px solid #fff;animation:1s ease-in-out infinite pulseCurrent;box-shadow:0 0 10px #f59e0bb3}.racer-word-letter.pending{background:var(--surface-soft,#f1f5f9);color:var(--muted,#94a3b8);border:1px dashed var(--border-color,#dfe5ef)}@keyframes pulseCurrent{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.racer-steer-btn{background:var(--panel-bg,#fff);border:2px solid var(--border-color,#dfe5ef);cursor:pointer;height:48px;color:var(--text-main,#334155);border-radius:12px;flex:1;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 4px #0000000f}.racer-steer-btn:hover{background:var(--bg-light,#f8fafc);border-color:var(--primary-color,#2563eb)}.racer-steer-btn:active{background:var(--primary-color,#2563eb);color:#fff;transform:scale(.95)}.memory-hub-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:24px;display:grid}.memory-hub-card{background:var(--panel-bg,#fff);border:2px solid var(--border-color,#e2e8f0);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.memory-hub-card:hover{border-color:var(--primary-color,#2563eb);transform:translateY(-5px);box-shadow:0 12px 20px -8px #2563eb26}.memory-hub-card:before{content:"";background:0 0;width:100%;height:4px;transition:background .2s;position:absolute;top:0;left:0}.memory-hub-card:hover:before{background:linear-gradient(90deg, var(--primary-color,#2563eb), #60a5fa)}.memory-hub-card-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.memory-hub-card-icon{background:var(--bg-light,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;justify-content:center;align-items:center;width:54px;height:54px;font-size:2.2rem;transition:all .25s;display:flex}.memory-hub-card:hover .memory-hub-card-icon{background:var(--blue-weak,#eff6ff);transform:scale(1.08)}.memory-hub-card-title{color:var(--text-main,#0f172a);margin:0;font-size:1.25rem;font-weight:800}.memory-hub-card-desc{color:var(--muted,#64748b);flex-grow:1;margin:0 0 16px;font-size:.92rem;line-height:1.5}.memory-hub-card-footer{justify-content:space-between;align-items:center;display:flex}.memory-hub-card-tags{flex-wrap:wrap;gap:6px;display:flex}.memory-hub-card-tag{background:var(--bg-light,#f1f5f9);color:var(--text-main,#475569);text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:600}.memory-hub-card-action{color:var(--primary-color,#2563eb);align-items:center;gap:4px;font-size:.85rem;font-weight:700;transition:transform .2s;display:flex}.memory-hub-card:hover .memory-hub-card-action{transform:translate(4px)}.coloring-region{stroke:#1e293b;stroke-width:1.5px;stroke-linejoin:round;cursor:pointer;transition:fill .25s cubic-bezier(.4,0,.2,1),stroke-width .15s,stroke .15s}.coloring-region:hover{stroke:var(--primary-color,#2563eb);stroke-width:3px;filter:brightness(1.03)}.t-char{display:inline}.t-correct{color:#16a34a}.t-wrong{color:#dc2626;background:#fef2f2;border-radius:2px}.t-cursor{border-left:2px solid #2563eb;margin-left:1px;animation:1s step-end infinite t-blink;display:inline}.t-upcoming{color:#94a3b8}@keyframes t-blink{50%{border-color:#0000}}@keyframes tg-fall{0%{top:-60px}to{top:100%}}@keyframes tg-rise{0%{opacity:1;bottom:-80px}to{opacity:.8;bottom:100%}}@keyframes tg-pop{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}to{opacity:0;transform:scale(0)}}@keyframes tg-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes tg-star{0%{opacity:0;transform:scale(0)rotate(-20deg)}70%{opacity:1;transform:scale(1.3)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.tg-shake{animation:.4s tg-shake}.tg-pop{animation:.35s forwards tg-pop}.tg-star{opacity:0;animation:.4s forwards tg-star;display:inline-block}.tg-star:first-child{animation-delay:.1s}.tg-star:nth-child(2){animation-delay:.35s}.tg-star:nth-child(3){animation-delay:.6s}.tg-arena{background:linear-gradient(#0f172a 0%,#1e3a5f 100%);border:2px solid #334155;border-radius:12px;width:100%;height:340px;margin-bottom:16px;position:relative;overflow:hidden}.tg-balloon-red{background:#ef4444}.tg-balloon-blue{background:#3b82f6}.tg-balloon-green{background:#22c55e}.tg-balloon-yellow{background:#eab308}.tg-balloon-purple{background:#a855f7}.tg-balloon-orange{background:#f97316}.tg-hud{justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 0;font-size:1em;font-weight:700;display:flex}.tg-track{background:#e2e8f0;border:2px solid #cbd5e1;border-radius:40px;height:80px;margin-bottom:20px;position:relative;overflow:hidden}.tg-track-line{background:repeating-linear-gradient(90deg,#94a3b8 0 12px,#0000 12px 24px);height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.tg-car{font-size:2em;transition:left .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;transform:translateY(-50%)scaleX(-1)}.tg-finish{font-size:1.6em;position:absolute;top:50%;right:8px;transform:translateY(-50%)}@keyframes tg-meteor-fall{0%{opacity:1;top:-80px}85%{opacity:1}to{opacity:.4;top:100%}}@keyframes tg-meteor-explode{0%{opacity:1;transform:scale(1)}40%{opacity:.8;transform:scale(2.2)}to{opacity:0;transform:scale(.2)}}@keyframes tg-meteor-trail{0%{opacity:.7;height:40px}to{opacity:0;height:0}}@keyframes tg-fruit-appear{0%{opacity:0;transform:scale(0)rotate(-15deg)}20%{opacity:1;transform:scale(1.15)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes tg-fruit-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)rotate(20deg)}}@keyframes tg-fruit-slice{0%{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.6;transform:scale(1.4)rotate(15deg)}to{opacity:0;transform:scale(0)rotate(30deg)}}@keyframes tg-snake-grow{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes tg-snake-pulse{0%,to{box-shadow:0 0 6px #22c55e99}50%{box-shadow:0 0 16px #22c55e}}.tg-meteor-explode{animation:.4s forwards tg-meteor-explode}.tg-fruit-slice{animation:.35s forwards tg-fruit-slice}@media (max-width:767px){.typing-mobile-notice{display:block!important}}@media (max-width:400px){.tg-hud{flex-wrap:wrap;gap:4px;font-size:.78em}}@media (max-width:480px){.kids-story-panels{flex-direction:column!important}.kids-simon-grid button{min-height:70px!important;font-size:1.4rem!important}}.learning-process-panel{max-width:900px;margin:0 auto}.lp-infographic-wrap{justify-content:center;margin:24px 0 32px;animation:.5s fadeIn;display:flex}.lp-infographic-img{border:2px solid var(--border-color,#e2e8f0);border-radius:16px;width:100%;max-width:640px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #00000014}.lp-infographic-img:hover{transform:scale(1.01);box-shadow:0 12px 40px #0000001f}.lp-phase-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;margin-bottom:24px;padding:4px 0;display:flex;overflow-x:auto}.lp-phase-nav::-webkit-scrollbar{display:none}.lp-phase-tab{border:2px solid var(--border-color,#e2e8f0);background:var(--panel-bg,#fff);cursor:pointer;color:var(--muted,#64748b);white-space:nowrap;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:600;transition:all .25s;display:flex}.lp-phase-tab:hover{border-color:var(--phase-color,#2563eb);color:var(--text-main,#1e293b);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.lp-phase-tab.active{border-color:var(--phase-color,#2563eb);background:var(--phase-color,#2563eb);color:#fff;box-shadow:0 4px 16px #0000001f}.lp-phase-tab-icon{font-size:1.2rem}.lp-phase-tab-label{font-size:.85rem}.lp-phase-detail{border:2px solid var(--border-color,#e2e8f0);background:var(--panel-bg,#fff);border-radius:16px;margin-bottom:24px;padding:28px;animation:.35s fadeIn;box-shadow:0 4px 16px #0000000a}.lp-phase-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.lp-phase-emoji{background:var(--bg-light,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:2.2rem;display:flex}.lp-phase-header h3{margin:0;font-size:1.3rem;font-weight:800}.lp-phase-header .muted{margin:2px 0 0;font-size:.88rem}.lp-phase-desc{color:var(--foreground,#334155);margin-bottom:20px;font-size:.95rem;line-height:1.65}.lp-examples-row{flex-wrap:wrap;gap:8px;display:flex}.lp-example-chip{background:var(--bg-light,#f1f5f9);border:1px solid var(--border-color,#e2e8f0);color:var(--text-main,#334155);border-radius:20px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .2s}.lp-example-chip:hover{background:var(--blue-weak,#eff6ff);border-color:var(--primary-color,#2563eb);transform:translateY(-1px)}.lp-tiers{gap:16px;display:grid}.lp-tier-card{border:2px solid var(--border-color,#e2e8f0);background:var(--panel-bg,#fff);border-radius:14px;padding:20px;transition:all .25s}.lp-tier-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.lp-tier-card.amber-accent-tier{background:linear-gradient(135deg,#fffbeb 0%,#fff 60%);border-left:5px solid #d4a017}.lp-tier-card.teal-accent-tier{background:linear-gradient(135deg,#f0fdfa 0%,#fff 60%);border-left:5px solid #0d9488}.lp-tier-card.slate-accent-tier{background:linear-gradient(135deg,#f1f5f9 0%,#fff 60%);border-left:5px solid #64748b}.lp-tier-card.red-accent-tier{background:linear-gradient(135deg,#fff5f5 0%,#fff 60%);border-left:5px solid #e53e3e}.lp-tier-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.lp-tier-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--bg-light,#f1f5f9);color:var(--muted,#64748b);border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:700}.lp-tier-emoji{font-size:1.3rem}.lp-tier-card p{color:var(--foreground,#334155);margin:0 0 10px;font-size:.9rem;line-height:1.5}.lp-tier-example{background:var(--bg-light,#f8fafc);border:1px solid var(--border-color,#e2e8f0);color:var(--foreground,#475569);border-radius:8px;margin-bottom:10px;padding:10px 14px;font-size:.85rem;line-height:1.5}.lp-tier-example-label{color:var(--text-main,#1e293b);margin-right:4px;font-weight:700}.lp-tier-strength{color:var(--muted,#64748b);align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:flex}.lp-tier-strength-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.amber-accent-tier .lp-tier-strength{color:#b45309}.teal-accent-tier .lp-tier-strength{color:#0d9488}.slate-accent-tier .lp-tier-strength{color:#64748b}.lp-tips-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:600px){.lp-tips-grid{grid-template-columns:1fr}}.lp-tip-card{background:var(--bg-light,#f8fafc);border:1px solid var(--border-color,#e2e8f0);color:var(--foreground,#334155);border-radius:12px;align-items:flex-start;gap:12px;padding:16px;font-size:.88rem;line-height:1.5;transition:all .2s;display:flex}.lp-tip-card:hover{border-color:var(--primary-color,#2563eb);box-shadow:0 4px 12px #0000000a}.lp-tip-num{background:var(--primary-color,#2563eb);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.lp-teaching-methods{margin-top:24px}.lp-teaching-methods h4{color:var(--text-main,#1e293b);margin-bottom:14px;font-size:1.05rem;font-weight:700}.lp-revision-flow{flex-direction:column;align-items:center;gap:0;display:flex}.lp-revision-card{border:2px solid var(--border-color,#e2e8f0);background:var(--panel-bg,#fff);border-radius:14px;align-items:center;gap:16px;width:100%;padding:18px 22px;transition:all .25s;display:flex}.lp-revision-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.lp-revision-priority{text-transform:uppercase;letter-spacing:.04em;background:var(--bg-light,#f1f5f9);color:var(--muted,#64748b);white-space:nowrap;text-align:center;border-radius:8px;min-width:36px;padding:6px 12px;font-size:.75rem;font-weight:800}.amber-accent-tier .lp-revision-priority{color:#b45309;background:#fffbeb}.teal-accent-tier .lp-revision-priority{color:#0d9488;background:#f0fdfa}.slate-accent-tier .lp-revision-priority{color:#64748b;background:#f1f5f9}.lp-revision-body{flex:1}.lp-revision-label{align-items:center;gap:8px;margin-bottom:4px;font-size:1rem;display:flex}.lp-revision-body p{color:var(--muted,#64748b);margin:0;font-size:.88rem;line-height:1.5}.lp-revision-connector{color:var(--muted,#94a3b8);letter-spacing:.03em;justify-content:center;align-items:center;padding:6px 0;font-size:.78rem;font-weight:600;display:flex}.lp-science-section{margin-bottom:24px}.lp-science-toggle{border:2px solid var(--border-color,#e2e8f0);background:var(--panel-bg,#fff);cursor:pointer;width:100%;color:var(--text-main,#1e293b);border-radius:14px;align-items:center;gap:10px;padding:16px 20px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.lp-science-toggle:hover{border-color:var(--primary-color,#2563eb);background:var(--bg-light,#f8fafc)}.lp-science-chevron{color:var(--muted,#94a3b8);margin-left:auto;font-size:.8rem}.lp-science-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;animation:.3s fadeIn;display:grid}@media (max-width:600px){.lp-science-grid{grid-template-columns:1fr}}.lp-science-card{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-light,#f8fafc);border-radius:12px;padding:18px;transition:all .2s}.lp-science-card:hover{border-color:var(--primary-color,#2563eb);box-shadow:0 4px 12px #0000000a}.lp-science-theory{color:var(--text-main,#1e293b);margin-bottom:2px;font-size:.95rem;font-weight:800}.lp-science-author{color:var(--muted,#94a3b8);margin-bottom:8px;font-size:.78rem;font-weight:500}.lp-science-card p{color:var(--foreground,#475569);margin:0;font-size:.85rem;line-height:1.5}.lp-cta-row{border:2px solid var(--border-color,#e2e8f0);background:linear-gradient(135deg,#f0f9ff 0%,#faf5ff 50%,#fff7ed 100%);border-radius:16px;flex-wrap:wrap;align-items:center;gap:24px;padding:28px;display:flex}.lp-cta-text{flex:1;min-width:200px}.lp-cta-text h3{margin:0 0 6px;font-size:1.2rem;font-weight:800}.lp-cta-text .muted{margin:0;font-size:.88rem}.lp-cta-buttons{flex-wrap:wrap;gap:10px;display:flex}.lp-cta-buttons .ghost-button{white-space:nowrap;font-size:.88rem}@media (max-width:600px){.lp-phase-detail{padding:18px}.lp-phase-header{gap:10px}.lp-phase-emoji{border-radius:10px;width:44px;height:44px;font-size:1.6rem}.lp-phase-header h3{font-size:1.1rem}.lp-revision-card{flex-direction:column;align-items:flex-start;gap:10px}.lp-cta-row{text-align:center;flex-direction:column;padding:20px}.lp-cta-buttons{justify-content:center}.lp-infographic-img{max-width:100%}}.home-learning-process{border:2px solid var(--border-color,#e2e8f0);background:linear-gradient(135deg,#fefce8 0%,#f0fdf4 40%,#eff6ff 100%);border-radius:18px;margin:0 0 28px;padding:32px;transition:box-shadow .3s;box-shadow:0 4px 20px #0000000a}.home-learning-process:hover{box-shadow:0 8px 32px #00000014}.home-lp-content{align-items:center;gap:32px;display:flex}.home-lp-text{flex:1;min-width:240px}.home-lp-badge{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border-color,#e2e8f0);color:var(--text-main,#1e293b);background:#fffc;border-radius:20px;margin-bottom:14px;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-block}.home-lp-text h2{color:var(--text-main,#1e293b);margin:0 0 12px;font-size:1.45rem;font-weight:800}.home-lp-text .muted{margin:0 0 20px;font-size:.92rem;line-height:1.6}.home-lp-text .muted strong{color:var(--text-main,#1e293b);font-weight:700}.home-lp-btn{font-weight:700!important}.home-lp-image{flex:0 0 320px;max-width:320px}.home-lp-image img{border:2px solid var(--border-color,#e2e8f0);cursor:pointer;border-radius:14px;width:100%;transition:transform .3s,box-shadow .3s;box-shadow:0 6px 24px #00000014}.home-lp-image img:hover{transform:scale(1.03)rotate(-.5deg);box-shadow:0 10px 36px #0000001f}@media (max-width:768px){.home-lp-content{text-align:center;flex-direction:column}.home-lp-image{flex:none;order:-1;max-width:100%}.home-learning-process{padding:22px}.home-lp-text h2{font-size:1.25rem}}.lp-kids-section{border:2px solid var(--border-color,#e2e8f0);background:var(--panel-bg,#fff);border-radius:20px;margin:32px 0 24px;padding:32px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000a}.lp-kids-header{text-align:center;margin-bottom:24px}.lp-kids-badge{text-transform:uppercase;letter-spacing:.06em;background:var(--blue-weak,#eff6ff);color:var(--primary-color,#2563eb);border:1px solid #2563eb26;border-radius:12px;margin-bottom:8px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-block}.lp-kids-header h3{color:var(--text-main,#1e293b);letter-spacing:-.02em;margin:0 0 8px;font-size:1.55rem;font-weight:800}.lp-kids-header .muted{max-width:600px;margin:0 auto;font-size:.9rem;line-height:1.6}.lp-kids-topic-tabs{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px;display:grid}.lp-kids-topic-tab{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-light,#f8fafc);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:all .25s;display:flex}.lp-kids-topic-tab:hover{border-color:var(--primary-color,#2563eb);background:var(--panel-bg,#fff);transform:translateY(-2px);box-shadow:0 6px 16px #0000000a}.lp-kids-topic-tab.active{border-color:var(--primary-color,#2563eb);background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);box-shadow:0 6px 20px #2563eb14}.lp-kids-tab-emoji{font-size:2rem;line-height:1}.lp-kids-tab-info{flex-direction:column;gap:2px;display:flex}.lp-kids-tab-info strong{color:var(--text-main,#1e293b);font-size:.88rem;font-weight:700;line-height:1.2}.lp-kids-tab-info span{color:var(--muted,#64748b);font-size:.72rem;font-weight:500}.lp-kids-steps-timeline{justify-content:space-between;align-items:center;margin:0 16px 36px;padding:0;display:flex;position:relative}.lp-kids-steps-timeline:before{content:"";background:var(--border-color,#e2e8f0);z-index:1;height:4px;position:absolute;top:20px;left:0;right:0}.lp-timeline-step-btn{cursor:pointer;z-index:2;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex;position:relative}.lp-timeline-circle{background:var(--panel-bg,#fff);border:3px solid var(--border-color,#e2e8f0);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;transition:all .3s;display:flex;box-shadow:0 4px 10px #0000000d}.lp-timeline-label{color:var(--muted,#64748b);font-size:.78rem;font-weight:700;transition:all .3s}.lp-timeline-step-btn.completed .lp-timeline-circle{background:#f0fdf4;border-color:#10b981}.lp-timeline-step-btn.active .lp-timeline-circle{border-color:var(--primary-color,#2563eb);transform:scale(1.15);box-shadow:0 0 0 4px #2563eb26}.lp-timeline-step-btn.active .lp-timeline-label{color:var(--primary-color,#2563eb);font-weight:800}.lp-kids-step-content-card{background:var(--bg-light,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;flex-direction:column;justify-content:center;min-height:280px;margin-bottom:24px;padding:28px;display:flex}.lp-step-slide{width:100%}.lp-step-card-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.lp-step-num-badge{letter-spacing:.04em;text-transform:uppercase;background:var(--primary-color,#2563eb);color:#fff;border-radius:6px;padding:3px 8px;font-size:.68rem;font-weight:800}.lp-step-card-header h4{color:var(--text-main,#1e293b);margin:0;font-size:1.15rem;font-weight:800}.lp-step-instruction{color:var(--muted,#64748b);margin:0 0 20px;font-size:.9rem;line-height:1.5}.lp-source-text-box{background:#fdfbf7;border:1px solid #f2e6d0;border-radius:12px;padding:22px 28px;position:relative;box-shadow:inset 0 2px 8px #dcb4780d}.lp-source-text-box:before{content:"";background:#d4a017;border-top-left-radius:12px;border-bottom-left-radius:12px;width:5px;position:absolute;top:0;bottom:0;left:0}.lp-source-text{color:#451a03;margin:0;font-family:inherit;font-size:1.05rem;line-height:1.7}.lp-kids-encoding-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.lp-kids-enc-card{border:1px solid var(--border-color,#e2e8f0);background:var(--panel-bg,#fff);border-radius:14px;flex-direction:column;padding:18px;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000005}.lp-kids-enc-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.lp-kids-enc-card.p1-card{border-top:4px solid #d4a017}.lp-kids-enc-card.p2-card{border-top:4px solid #0d9488}.lp-kids-enc-card.p3-card{border-top:4px solid #64748b}.lp-kids-enc-title{align-items:center;gap:8px;margin-bottom:8px;display:flex}.lp-kids-enc-title span{font-size:1.3rem}.lp-kids-enc-title strong{color:var(--text-main,#1e293b);font-size:.95rem;font-weight:700}.lp-kids-enc-badge{border-radius:4px;align-self:flex-start;margin-bottom:12px;padding:2px 6px;font-size:.68rem;font-weight:700}.p1-badge{color:#b45309;background:#fffbeb}.p2-badge{color:#0d9488;background:#f0fdfa}.p3-badge{color:#475569;background:#f1f5f9}.lp-kids-enc-card p{color:var(--foreground,#334155);flex:1;margin:0 0 16px;font-size:.85rem;line-height:1.5}.lp-kids-enc-footer{color:var(--muted,#64748b);border-top:1px solid var(--border-color,#e2e8f0);padding-top:10px;font-size:.75rem;font-weight:600}.lp-sticky-note-container{justify-content:center;padding:10px 0;display:flex}.lp-sticky-note{color:#854d0e;background:#fef08a;border-radius:4px;width:100%;max-width:320px;padding:24px;transition:transform .3s;position:relative;transform:rotate(-1.5deg);box-shadow:0 8px 24px #00000014,3px 3px #0000000d}.lp-sticky-note:hover{transform:rotate(0)scale(1.02)}.lp-sticky-pin{filter:drop-shadow(0 2px 4px #00000026);font-size:1.4rem;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.lp-sticky-note h5{text-transform:uppercase;letter-spacing:.03em;text-align:center;border-bottom:2px dashed #854d0e33;margin:0 0 12px;padding-bottom:6px;font-size:1.05rem;font-weight:800}.lp-sticky-note ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lp-sticky-note li{padding-left:6px;font-size:.88rem;font-weight:600;line-height:1.4;position:relative}.lp-kids-quiz-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.lp-quiz-card{perspective:1000px;cursor:pointer;height:160px}.lp-quiz-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);position:relative}.lp-quiz-card.flipped .lp-quiz-card-inner{transform:rotateY(180deg)}.lp-quiz-card-front,.lp-quiz-card-back{backface-visibility:hidden;border:1px solid var(--border-color,#e2e8f0);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:absolute}.lp-quiz-card-front{background:var(--panel-bg,#fff);color:var(--text-main,#1e293b);box-shadow:0 4px 10px #00000005}.lp-quiz-card-back{background:var(--blue-weak,#eff6ff);color:var(--text-main,#1e293b);border-color:#2563eb33;transform:rotateY(180deg);box-shadow:0 4px 16px #2563eb0f}.lp-quiz-icon{margin-bottom:6px;font-size:1.3rem}.lp-quiz-card-front p,.lp-quiz-card-back p{flex:1;justify-content:center;align-items:center;margin:0;font-size:.82rem;font-weight:700;line-height:1.45;display:flex}.lp-quiz-card-back p{color:#1e3a8a;font-weight:600}.lp-quiz-action-hint{color:var(--muted,#94a3b8);text-transform:uppercase;letter-spacing:.03em;margin-top:6px;font-size:.68rem;font-weight:600}.lp-quiz-card-back .lp-quiz-action-hint{color:var(--primary-color,#2563eb)}.lp-teach-box{flex-direction:column;gap:12px;width:100%;display:flex}.lp-teach-box label{color:var(--text-main,#1e293b);font-size:.95rem}.lp-teach-textarea{border:1px solid var(--border-color,#e2e8f0);background:var(--panel-bg,#fff);width:100%;color:var(--foreground,#334155);resize:vertical;border-radius:12px;padding:14px 16px;font-family:inherit;font-size:.9rem;line-height:1.5;transition:all .2s}.lp-teach-textarea:focus{border-color:var(--primary-color,#2563eb);outline:none;box-shadow:0 0 0 3px #2563eb1a}.lp-teach-actions{gap:10px;display:flex}.lp-teach-submit-btn{background:var(--primary-color,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #2563eb26}.lp-teach-submit-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.lp-teach-submit-btn:disabled{background:var(--border-color,#e2e8f0);color:var(--muted,#94a3b8);cursor:not-allowed;box-shadow:none}.lp-teach-reset-btn{border:1px solid var(--border-color,#e2e8f0);color:var(--muted,#64748b);cursor:pointer;background:0 0;border-radius:10px;padding:10px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.lp-teach-reset-btn:hover{background:var(--bg-light,#f1f5f9);color:var(--text-main,#1e293b)}.lp-model-answer-section{background:#f0fdf4;border:1px solid #bbf7d0;border-left:4px solid #10b981;border-radius:12px;margin-top:18px;padding:20px}.lp-success-badge{color:#065f46;margin-bottom:10px;font-size:.85rem;font-weight:700}.lp-model-quote{color:#047857;border-left:2px solid #10b98166;margin:0 0 12px;padding-left:12px;font-size:.92rem;font-style:italic;line-height:1.6}.lp-teach-success-message{color:#065f46;margin:0;font-size:.8rem;font-weight:500}.lp-kids-nav-buttons{justify-content:space-between;align-items:center;display:flex}.lp-nav-btn{cursor:pointer;border-radius:10px;padding:10px 20px;font-size:.88rem;font-weight:700;transition:all .2s}.lp-nav-btn.prev{border:1px solid var(--border-color,#e2e8f0);color:var(--text-main,#334155);background:0 0}.lp-nav-btn.prev:hover:not(:disabled){background:var(--bg-light,#f1f5f9)}.lp-nav-btn.prev:disabled{color:var(--muted,#cbd5e1);border-color:var(--border-color,#f1f5f9);cursor:not-allowed}.lp-nav-btn.next{background:var(--primary-color,#2563eb);color:#fff;border:none;box-shadow:0 4px 12px #2563eb1a}.lp-nav-btn.next:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.lp-nav-btn.next:disabled{background:var(--border-color,#e2e8f0);color:var(--muted,#cbd5e1);box-shadow:none;cursor:not-allowed}@media (max-width:768px){.lp-kids-section{padding:20px 16px}.lp-kids-topic-tabs{grid-template-columns:1fr;gap:8px}.lp-kids-topic-tab{padding:12px}.lp-kids-tab-emoji{font-size:1.6rem}.lp-kids-steps-timeline{margin:0 8px 24px}.lp-timeline-circle{border-width:2px;width:36px;height:36px;font-size:1rem}.lp-timeline-label{font-size:.68rem;display:none}.lp-kids-step-content-card{min-height:240px;padding:18px}.lp-kids-encoding-grid,.lp-kids-quiz-grid{grid-template-columns:1fr;gap:12px}.lp-quiz-card{height:120px}}.lp-subtabs-nav{background:var(--bg-light,#f1f5f9);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;justify-content:center;gap:8px;max-width:420px;margin:0 auto 32px;padding:6px;display:flex;box-shadow:inset 0 2px 4px #00000005}.lp-subtab-btn{color:var(--muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:700;transition:all .25s;display:flex}.lp-subtab-btn:hover{color:var(--text-main,#1e293b)}.lp-subtab-btn.active{background:var(--panel-bg,#fff);color:var(--primary-color,#2563eb);box-shadow:0 4px 12px #0000000d}@media (max-width:600px){.lp-subtabs-nav{border-radius:12px;max-width:100%;margin-bottom:24px;padding:4px}.lp-subtab-btn{padding:8px 12px;font-size:.8rem}}.lp-phase-insight-card{background:linear-gradient(135deg,#eff6ff 0%,#faf5ff 100%);border-left:4px solid #7c3aed;border-radius:12px;align-items:flex-start;gap:12px;margin:20px 0;padding:16px 20px;display:flex;box-shadow:0 4px 12px #7c3aed08}.lp-phase-insight-icon{font-size:1.3rem;line-height:1}.lp-phase-insight-text{color:var(--foreground,#334155);margin:0;font-size:.88rem;line-height:1.5}.lp-phase-insight-text strong{color:var(--text-main,#1e293b);font-weight:700}