.brand-button{border:0;background:transparent;cursor:pointer;padding:0}.top-status{display:flex;align-items:center;gap:12px}.data-badge{font-size:11px;color:var(--blue);background:#edf8fa;border-radius:99px;padding:7px 10px}.hero-art{position:relative;color:#2b8bae}.hero-art span{font-size:110px;opacity:.13}.hero-art b{position:absolute;inset:0;display:grid;place-items:center;font-size:23px;font-weight:700;color:#238ab4}.library-head{display:flex;justify-content:space-between;align-items:end;margin:24px 0 20px}.library-head h1{margin:7px 0;font-size:30px}.library-head p{color:var(--muted);font-size:13px;margin:0}.library-stats{display:grid;grid-template-columns:auto auto;gap:4px 12px;text-align:right}.library-stats b{font-size:22px;color:var(--deep)}.library-stats span{font-size:11px;color:var(--muted);align-self:end}.search-line{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 13px;margin-bottom:20px}.search-line span{font-size:22px;color:var(--muted)}.search-line input{border:0;outline:0;flex:1;font:inherit;font-size:13px;color:var(--ink);background:transparent}.search-line button{border:0;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.search-line.compact{max-width:600px}.category-level,.path-label{font-size:11px;color:var(--blue);margin-bottom:8px}.goal-list{display:grid;gap:10px}.goal-row{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 18px;cursor:pointer;transition:.18s}.goal-row:hover{border-color:#9fcfdb;transform:translateX(2px)}.goal-row h3{margin:5px 0 3px;font-size:15px}.goal-row p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.goal-id{font-size:10px;color:#7696a2;letter-spacing:.4px}.arrow{font-size:24px;color:#9ac4cf}.goal-detail-head{display:flex;gap:16px;align-items:center;margin:15px 0 22px}.goal-detail-head .course-icon{margin:0;width:54px;height:54px}.goal-detail-head h1{font-size:27px;margin:5px 0}.goal-detail-head p{font-size:12px;color:var(--muted);margin:0}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.detail-main,.parent-panel,.today-card,.training-stage{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.parent-panel h3{margin:0 0 16px;color:var(--deep)}.parent-panel dl{margin:0}.parent-panel dt{font-size:11px;color:var(--blue);margin-top:14px}.parent-panel dd{font-size:12px;line-height:1.6;margin:4px 0;color:#526f7a}.teach-summary{border-left:3px solid #8fcddb;background:#f3fafc;padding:12px 14px;font-size:13px;line-height:1.65}.teach-summary p{margin:6px 0 0}.status-dot{display:inline-block;width:8px;height:8px;background:#56b592;border-radius:50%;margin-right:7px}.training-preview{margin-top:18px;padding:20px;border-radius:18px;background:linear-gradient(135deg,#eef9fb,#fbfefe)}.preview-label,.stage-kicker{font-size:11px;color:var(--blue);letter-spacing:.5px}.training-preview h2{margin:10px 0 6px}.training-preview p{font-size:13px;line-height:1.6;color:#587582}.primary{background:var(--blue);color:#fff;border:0;border-radius:12px;padding:12px 22px;font:inherit;cursor:pointer}.primary.full{width:100%;margin-top:17px}.resource-panel{margin-top:18px}.resource-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #edf3f5;padding:12px 0}.resource-row b{font-size:13px}.resource-row p{font-size:11px;color:var(--muted);margin:4px 0 0}.resource-state{font-size:10px;white-space:nowrap;background:#fff5e4;color:#a76c17;padding:5px 8px;border-radius:99px}.resource-state.ready{background:#e9f7ef;color:#378261}.history-note,.material-note{font-size:11px;color:#4b8b78;background:#edf8f1;border-radius:10px;padding:9px;margin-top:18px}.today-card{max-width:760px;margin:20px auto}.today-card h2{font-size:24px;margin:16px 0 8px}.today-card>p{color:#5e7985;line-height:1.7;font-size:13px}.training-screen{max-width:1000px;margin:8px auto}.training-bar{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.pause{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 14px;color:var(--deep);cursor:pointer}.training-stage{max-width:760px;margin:20px auto;padding:30px}.training-stage h1{font-size:28px;margin:11px 0 7px}.stage-instruction{font-size:14px;line-height:1.65;color:#567481;margin:0 0 22px}.stimulus-card{display:flex;gap:17px;align-items:center;background:#f2fafc;border:1px solid #dceff3;border-radius:18px;padding:22px}.stimulus-symbol{width:68px;height:68px;border-radius:18px;background:#dff2f6;color:#2587a7;display:grid;place-items:center;font-size:33px}.stimulus-card b{font-size:17px}.stimulus-card p{font-size:12px;color:var(--muted);margin:6px 0 0}.wait-note{text-align:center;color:#7c98a4;font-size:12px;margin:22px 0 4px}.parent-toggle{display:block;margin:17px auto 0;border:0;background:transparent;color:var(--blue);font-size:12px;cursor:pointer}.parent-drawer{margin-top:13px;padding:15px;background:#fafcfd;border:1px solid var(--line);border-radius:13px;font-size:12px;line-height:1.65}.parent-drawer p{margin:4px 0 13px;color:#567481}.record-line{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #edf3f5;padding:8px 0;margin:0;font-size:12px}.record-line:last-child{border:0}#toast{position:fixed;z-index:20;bottom:95px;left:50%;transform:translate(-50%,10px);opacity:0;background:#183f50;color:#fff;border-radius:10px;padding:10px 14px;font-size:12px;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.brand-button{font:inherit}.full{width:100%}
@media (orientation:landscape) and (min-width:900px){.app-shell{max-width:1280px}.page{padding-left:48px;padding-right:48px}.training-stage{min-height:550px}.bottom-nav{bottom:12px}}
@media(max-width:800px){.library-head{align-items:start;gap:12px;flex-direction:column}.detail-grid{grid-template-columns:1fr}.parent-panel{order:-1}.goal-detail-head h1{font-size:22px}.training-stage{padding:22px}}
.media-pending{min-width:160px;min-height:64px;padding:12px;border:1px dashed #b9d7df;border-radius:14px;background:#fbfefe;color:#6d8993;display:flex;flex-direction:column;justify-content:center;gap:5px;font-size:11px}.media-pending b{color:#a06c2d}.media-pending span{font-size:10px}
.template-badge{display:inline-block;margin:8px 0 0;padding:5px 9px;border-radius:99px;background:#edf8fa;color:var(--deep);font-size:11px}.template-strip{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid #dceff3;background:#f5fbfc;border-radius:14px;padding:11px 13px;margin:0 0 14px;font-size:12px}.template-strip span{color:var(--muted);font-size:11px;text-align:right}.present-panel,.choice-panel,.model-panel,.speech-panel,.real-panel{border:1px solid #e1eef1;border-radius:16px;padding:15px;margin-bottom:13px;background:#fcfefe}.present-panel audio{width:100%;margin-bottom:10px}.present-button{border:1px solid #b8dbe3;background:#eef9fb;color:var(--deep);border-radius:10px;padding:9px 12px;font:inherit;font-size:12px;cursor:pointer;margin-top:10px}.choice-panel .media-pending{margin-bottom:8px}.task-media{display:block;max-width:100%;max-height:150px;margin:auto;border-radius:12px}.model-panel,.speech-panel,.real-panel{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.model-panel p,.speech-panel p,.real-panel p{margin:0;font-size:12px;line-height:1.6}.model-icon,.speech-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:#e7f5f8;color:var(--deep);font-size:13px;font-weight:700}.muted{color:var(--muted);flex-basis:100%}