.scene-models-heading{justify-content:space-between;align-items:center;gap:20px;margin:24px 0;display:flex}.scene-models-heading h2{margin:0 0 8px;font-size:23px}.scene-models-heading p{color:#6b796f;margin:0;font-size:14px;line-height:1.8}.scene-upload-panel,.scene-edit-panel{background:#fafcf9;border:1px solid #dce5dc;border-radius:12px;margin-bottom:28px;padding:24px}.scene-upload-panel h3{align-items:center;gap:9px;margin:0 0 20px;font-size:18px;display:flex}.scene-upload-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.scene-upload-grid .upload-zone{min-height:170px}.scene-upload-actions{justify-content:flex-end;gap:12px;margin-top:18px;display:flex}.scene-upload-progress{color:#315d48;gap:6px;font-size:13px;display:grid}.scene-upload-progress progress{accent-color:#315d48;width:100%}.scene-success{color:#315d48;background:#eaf4e8;border-radius:8px;align-items:center;gap:8px;padding:14px;display:flex}.scene-models-list>h3{font-size:19px}.scene-models-list>h3 small{color:#6b796f;font-size:13px;font-weight:400}.scene-model-row{border-bottom:1px solid #e1e7df;align-items:center;gap:18px;padding:18px 0;display:flex}.scene-model-symbol{color:#315d48;background:#edf3ea;border-radius:10px;padding:17px}.scene-model-details{flex:1;min-width:0}.scene-model-details h3{margin:6px 0;font-size:17px}.scene-model-details p{color:#6b796f;overflow-wrap:anywhere;margin:0;font-size:13px}.scene-model-row .row-actions{flex-wrap:wrap}.scene-edit-panel{margin-top:24px}.scene-edit-panel fieldset{border:0;padding:0}.scene-models-admin .secondary{white-space:nowrap}@media (width<=760px){.scene-upload-grid{grid-template-columns:1fr;gap:18px}.scene-models-heading{flex-direction:column;align-items:flex-start}.scene-upload-panel,.scene-edit-panel{padding:18px}.scene-model-row{flex-wrap:wrap}.scene-model-row .row-actions{justify-content:flex-end;width:100%}}.resource-heading{justify-content:space-between;align-items:center;gap:24px;margin:28px 0 24px;display:flex}.resource-eyebrow{letter-spacing:1px;color:#67836c;font-size:12px}.resource-heading h2{margin:9px 0;font-size:28px}.resource-heading p{color:#6b796f;margin:0;font-size:14px;line-height:1.8}.resource-metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.resource-metrics>div{background:#f4f8f1;border:1px solid #e2eadc;border-radius:9px;align-items:baseline;gap:12px;padding:20px;display:flex}.resource-metrics strong{color:#315d48;font-size:29px}.resource-metrics span{color:#6d7c6f;font-size:13px}.resource-message{color:#496542;background:#eff6e9;border-radius:8px;padding:13px 16px;font-size:13px;line-height:1.8}.resource-upload,.resource-retrieval{background:#fbfcfa;border:1px solid #dce5dc;border-radius:12px;margin:24px 0;padding:24px}.resource-panel-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.resource-panel-title h3,.resource-retrieval h3{align-items:center;gap:9px;margin:0;font-size:18px;display:flex}.resource-mode{background:#eef3ea;border-radius:7px;gap:3px;padding:4px;display:flex}.resource-mode button{color:#6b796f;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:8px 13px;font-size:13px}.resource-mode button.active{color:#315d48;background:#fff;box-shadow:0 1px 4px #23332214}.resource-form-grid{grid-template-columns:1fr 1fr;gap:26px;display:grid}.resource-drop{min-height:205px}.resource-help{color:#788478;margin:14px 0;font-size:12px;line-height:1.85}.resource-files{gap:8px;max-height:160px;display:grid;overflow:auto}.resource-files>span{overflow-wrap:anywhere;align-items:center;gap:8px;font-size:12px;display:flex}.resource-files small{white-space:nowrap;color:#7a897b;margin-left:auto}.resource-form-actions{justify-content:space-between;align-items:center;gap:15px;margin-top:22px;display:flex}.resource-form-actions small{color:#788478;font-size:12px}.resource-progress{accent-color:#315d48;width:100%}.resource-queue{max-height:220px;overflow:auto}.resource-queue>div{color:#54705a;overflow-wrap:anywhere;gap:3px;margin:10px 0;font-size:12px;display:grid}.resource-queue .failed{color:#a43d32}.resource-list-heading{justify-content:space-between;align-items:center;gap:16px;margin:28px 0 15px;display:flex}.resource-filters{gap:12px;display:flex}.resource-filters input{width:220px}.resource-list>article{border-bottom:1px solid #e3e9df;align-items:center;gap:17px;padding:20px 0;display:flex}.resource-file-symbol{color:#54714d;background:#eef4e9;border-radius:9px;padding:16px}.resource-details{flex:1;min-width:0}.resource-details h4{margin:7px 0;font-size:17px}.resource-details p{color:#7a857b;overflow-wrap:anywhere;margin:0;font-size:12px}.resource-badges{color:#71816f;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.resource-ai-badge{color:#315d48;background:#e6f1dc;border-radius:4px;padding:4px 7px}.resource-retrieval>p{color:#758171;font-size:13px;line-height:1.8}.resource-retrieval>form{gap:12px;display:flex}.resource-retrieval>form input{flex:1}.resource-reference-results>p{color:#6d7d68;font-size:13px}.resource-reference-results article{background:#fff;border:1px solid #e0e8dc;border-radius:8px;margin-top:12px;padding:16px}.resource-reference-results a{color:#315d48;align-items:center;gap:15px;text-decoration:none;display:flex}.resource-reference-results small{color:#7a8975}.resource-reference-results article p{white-space:pre-wrap;max-height:200px;margin-bottom:0;font-size:13px;line-height:1.9;overflow:auto}.resource-editor{width:calc(100% - 32px);max-width:1050px!important}.resource-editor fieldset{border:0;padding:0}.resource-check{align-items:center;gap:8px;display:flex!important}.resource-check input{width:auto!important}.resource-text-editor{font-size:13px!important;line-height:1.8!important}.resource-list .row-actions{flex-wrap:wrap}.resource-library-main{max-width:1200px;margin:auto;padding:30px 24px}.resource-library-main h1{font-size:28px}.resource-library-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.resource-library-card{border:1px solid #dfe7d9;border-radius:10px;flex-direction:column;gap:10px;padding:22px;display:flex}.resource-library-card h3{margin:0;font-size:18px}.resource-library-card p{color:#6f7e6c;margin:0;font-size:13px;line-height:1.8}.resource-library-card a{margin-top:auto}.resource-library-card small{color:#81907c;font-size:12px}@media (width<=850px){.resource-form-grid{grid-template-columns:1fr}.resource-heading{flex-direction:column;align-items:flex-start}.resource-metrics>div{flex-direction:column;gap:4px;padding:14px}.resource-metrics strong{font-size:25px}.resource-list>article{flex-wrap:wrap}.resource-list .row-actions{justify-content:flex-end;width:100%}.resource-list-heading{flex-direction:column;align-items:flex-start}.resource-filters{flex-wrap:wrap;width:100%}.resource-filters input{flex:1;min-width:150px}.resource-panel-title{flex-direction:column;align-items:flex-start}.resource-form-actions{flex-wrap:wrap}.resource-upload,.resource-retrieval{padding:18px}.resource-library-grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.resource-library-grid{grid-template-columns:1fr}.resource-metrics{gap:8px}.resource-metrics span{font-size:11px}.resource-retrieval>form{flex-direction:column}.resource-heading h2{font-size:25px}.resource-reference-results a{flex-direction:column;align-items:flex-start;gap:4px}}.ai-advice,.ai-question,.ai-config{background:#f8fbf5;border:1px solid #dce7d7;border-radius:12px;margin:24px 0;padding:22px}.ai-panel-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.ai-panel-heading h3{color:#315d48;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.ai-panel-heading>span{color:#71836d;font-size:12px}.ai-note{color:#748270;margin:12px 0;font-size:12px;line-height:1.85}.ai-loading{color:#537c4c;padding:18px 0;font-size:14px}.ai-summary,.ai-answer>p{color:#3d503c;white-space:pre-wrap;font-size:15px;line-height:1.9}.ai-result ul{color:#5e7158;padding-left:20px;font-size:13px;line-height:1.95}.ai-actions{gap:9px;margin-top:17px;display:grid}.ai-actions>div{background:#fff;border:1px solid #e5ebdf;border-radius:8px;align-items:flex-start;gap:11px;padding:13px 15px;display:flex}.ai-actions>div>span{color:#486942;background:#eaf3df;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.ai-actions p{margin:0;font-size:13px;line-height:1.9}.ai-actions small{color:#84917d;display:block}.ai-sources{gap:8px;margin-top:18px;display:grid}.ai-sources h4{align-items:center;gap:7px;margin:0;font-size:13px;display:flex}.ai-sources a{color:#315d48;background:#eef5e8;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;font-size:12px;text-decoration:none;display:flex}.ai-sources small{color:#778872;white-space:nowrap}.ai-timestamp{color:#8a9783;font-size:11px}.ai-evidence-metrics{color:#6d7d64;flex-wrap:wrap;gap:9px 18px;margin:15px 0;font-size:12px;display:flex}.ai-evidence-metrics b{color:#315d48}.ai-question form{gap:12px;display:flex}.ai-question input{flex:1;min-width:0}.ai-answer{padding-top:15px}.ai-admin-title{margin:28px 0}.ai-admin-title>span{letter-spacing:1px;color:#79916e;font-size:12px}.ai-admin-title h2{margin:9px 0;font-size:28px}.ai-admin-title p{color:#6f8266;font-size:14px;line-height:1.8}.ai-config-grid{grid-template-columns:1fr 1fr;gap:30px;margin-top:19px;display:grid}.ai-config-grid>div>p{color:#697e60;font-size:14px}.ai-config-grid b{color:#315d48;margin-left:12px;display:inline-block}.ai-config-check{align-items:center;gap:9px;font-size:13px;display:flex!important}.ai-config-check input{width:auto!important}.ai-config-actions{justify-content:flex-end;gap:12px;margin-top:17px;display:flex}.ai-service-status.ready{color:#52784a;background:#e5f2dc;border-radius:5px;padding:6px 10px}.ai-class-filter h3{font-size:18px}.ai-class-filter>div{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.ai-class-filter label{gap:8px;font-size:13px;display:grid}.ai-success{color:#4a7342;background:#edf6e5;border-radius:8px;align-items:center;gap:9px;padding:14px;display:flex}.result-page .ai-advice{text-align:left}.exercise-panel .ai-advice{padding:15px}.exercise-panel .ai-panel-heading{flex-wrap:wrap;align-items:flex-start}.exercise-panel .ai-panel-heading h3{font-size:16px}.exercise-panel .ai-sources a{flex-direction:column;align-items:flex-start;gap:4px}.exercise-panel .ai-sources small{white-space:normal}@media (width<=760px){.ai-config-grid{grid-template-columns:1fr;gap:15px}.ai-class-filter>div{grid-template-columns:1fr}.ai-question form{flex-direction:column}.ai-panel-heading{flex-wrap:wrap;align-items:flex-start}.ai-advice,.ai-question,.ai-config{padding:18px}.ai-sources a{flex-direction:column;align-items:flex-start;gap:5px}.ai-sources small{white-space:normal}.ai-config-actions{flex-wrap:wrap}.ai-admin-title h2{font-size:25px}}.ai-sources .ai-source-text{color:#315d48;background:#eef5e8;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;font-size:12px;display:flex}.ai-answer-section h4{color:#315d48;margin:0 0 8px;font-size:14px}.ai-answer-section>p{color:#3d503c;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.9}.ai-answer-section+.ai-answer-section{border-top:1px solid #dce7d7;margin-top:20px;padding-top:16px}.ai-general-answer>small{color:#748270;margin-top:10px;font-size:11px;line-height:1.8;display:block}.ai-floating{right:max(22px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:80;font-family:inherit;position:fixed}.ai-floating [hidden]{display:none!important}.ai-elf-launchers{justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.ai-elf-button{color:#315d48;cursor:pointer;background:#fffffff2;border:1px solid #dce6d4;border-radius:19px;flex-direction:column;align-items:center;width:82px;padding:3px 4px 8px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 5px 20px #234d3420}.ai-elf-button:hover{border-color:#88a775;transform:translateY(-3px);box-shadow:0 7px 25px #234d3430}.ai-elf-button.active{background:#f1f7e9;border-color:#6b9254}.ai-elf-button>span:last-child{white-space:nowrap;font-size:12px;font-weight:600;line-height:1.6}.ai-elf-button .material-elf{width:68px;height:68px;display:block}.ai-elf-update{background:#dd935a;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:8px;right:8px}.ai-floating-panel{background:#fff;border:1px solid #cbdcc2;border-radius:15px;flex-direction:column;width:min(410px,100vw - 32px);max-height:min(590px,100dvh - 145px);display:flex;position:absolute;bottom:110px;right:0;overflow:hidden;box-shadow:0 12px 48px #23372330}.ai-floating-head{background:#eef5e6;border-bottom:1px solid #dce7d3;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;display:flex}.ai-floating-head span{color:#7b916c;font-size:11px}.ai-floating-head h2{color:#315d48;margin:4px 0 0;font-size:18px}.ai-floating-window-actions{gap:5px;display:flex}.ai-floating-window-actions button{color:#5b7652;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.ai-floating-window-actions button:hover{background:#e1edd5}.ai-floating-body{overscroll-behavior:contain;min-height:0;padding:0 18px 17px;overflow-y:auto}.ai-floating-body .ai-advice,.ai-floating-body .ai-question{background:0 0;border:0;border-radius:0;margin:0;padding:14px 0 0}.ai-floating-body .ai-panel-heading h3{display:none}.ai-floating-body .ai-panel-heading{justify-content:flex-end}.ai-floating-body .ai-panel-heading button,.ai-floating-body .ai-note{font-size:12px}.ai-floating-body .ai-summary,.ai-floating-body .ai-answer>p{font-size:14px}.ai-floating-body .ai-question form{flex-direction:column;gap:9px}.ai-floating-body .ai-question form input{width:100%;min-height:44px;font-size:13px}.ai-floating-body .ai-question form button{align-self:flex-end;min-height:39px;font-size:13px}.ai-floating-body .ai-sources a,.ai-floating-body .ai-source-text{flex-direction:column;align-items:flex-start;gap:4px}.ai-floating-body .ai-sources small{white-space:normal}.ai-floating button:focus-visible{outline-offset:3px;outline:3px solid #afc894}@media (width<=600px){.ai-floating{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.ai-elf-launchers{gap:7px}.ai-elf-button{border-radius:16px;width:64px;padding:2px 3px 6px}.ai-elf-button .material-elf{width:53px;height:53px}.ai-elf-button>span:last-child{font-size:11px}.ai-floating-panel{width:min(390px,100vw - 24px);max-height:calc(100dvh - 118px);bottom:88px}.ai-floating-head{padding:13px 16px}}@media (prefers-reduced-motion:reduce){.ai-elf-button{transition:none}.ai-elf-button:hover{transform:none}}.student-account{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:20px;padding:18px 0;font-size:12px;display:flex}.student-account .student-badge{color:var(--green);align-items:center;gap:8px;margin-right:auto;font-weight:600;display:flex}.student-badge small{color:var(--muted);font-weight:400}.student-account .secondary{margin-left:auto;padding:10px 16px}.student-account .text-link{min-height:40px}.learning-modal{max-width:900px}.learning-modal p{line-height:1.7}.identity-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.account-tabs{border-bottom:1px solid var(--line);gap:5px;margin:16px 0 22px;display:flex;overflow-x:auto}.account-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border-bottom:2px solid #0000;padding:13px 14px}.account-tabs button.active{color:var(--green);border-color:var(--green);font-weight:650}.learning-heading{justify-content:space-between;align-items:center;gap:16px;margin:18px 0;display:flex}.learning-heading h3,.learning-heading h4{overflow-wrap:anywhere}.learning-heading p{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.8}.learning-heading small{color:var(--muted);font-size:12px;font-weight:400}.learning-stats{grid-template-columns:repeat(6,1fr);gap:10px;margin:20px 0;display:grid}.learning-stats>div{text-align:center;background:#eef2e7;border:1px solid #e0e7d9;border-radius:12px;min-width:0;padding:19px 10px}.learning-stats strong{color:var(--green);overflow-wrap:anywhere;font-size:24px;display:block}.learning-stats span{color:var(--muted);margin-top:8px;font-size:11px;display:block}.metric-note{color:var(--muted);padding:10px 0;font-size:12px;line-height:1.8}.record-section-title{margin:28px 0 14px;font-size:18px}.learning-pagination{color:var(--muted);justify-content:center;align-items:center;gap:15px;margin:22px 0;font-size:12px;display:flex}.learning-pagination .secondary{padding:9px 13px}.round-records,.class-records,.student-records,.attempt-records{gap:12px;display:grid}.round-records>article,.class-records>article,.student-records>article,.attempt-records>article{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;padding:18px}.round-records h4{font-size:15px}.round-records small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.round-records p{color:#617264;margin:10px 0;font-size:12px}.round-records .small{overflow-wrap:anywhere}.wrong-records{gap:15px;display:grid}.wrong-records article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:130px 1fr;gap:18px;min-width:0;padding:18px;display:grid}.wrong-records img{object-fit:contain;background:var(--cream);border-radius:9px;width:130px;height:130px}.wrong-records h4{margin-bottom:10px;font-size:16px}.wrong-records p{overflow-wrap:anywhere;margin:12px 0;font-size:13px}.wrong-records small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.learning-status{border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;display:inline-flex}.learning-status.solved{color:#2e6040;background:#e9f1df}.learning-status.pending{color:#9a5533;background:#faecdf}.teacher-learning{margin-bottom:35px}.teacher-learning h2{font-size:23px}.learning-filters{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px;display:grid}.learning-filters label{color:var(--muted);gap:8px;font-size:12px;display:grid}.filter-actions{flex-wrap:wrap;grid-column:1/-1;gap:12px;display:flex}.participation{color:var(--muted);margin:20px 0;font-size:13px;line-height:1.8}.participation strong{color:var(--green);font-size:24px}.mini-metrics{color:var(--muted);grid-template-columns:repeat(3,1fr);gap:14px;margin:15px 0;font-size:12px;display:grid}.mini-metrics span{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mini-metrics b{color:var(--green)}.student-records small{color:var(--muted);font-size:11px}.student-records .learning-heading{margin-top:0}.difficult-records{gap:12px;display:grid}.difficult-records article{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:15px;min-width:0;padding:17px;display:flex}.difficult-records img{object-fit:contain;background:var(--cream);border-radius:8px;width:70px;height:70px}.difficult-records article>span{color:#9eb190;font-size:20px}.difficult-records h3{overflow-wrap:anywhere;font-size:15px}.difficult-records p{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.8}.attempt-records p{overflow-wrap:anywhere;font-size:13px}.attempt-records small{overflow-wrap:anywhere;color:var(--muted);margin-top:8px;font-size:11px;display:block}.attempt-records .learning-heading{margin-top:0}.admin-tabs{overflow-x:auto}.admin-tabs button{white-space:nowrap}@media (width<=800px){.learning-stats{grid-template-columns:repeat(3,1fr)}.learning-filters,.mini-metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.student-account{gap:8px 18px;padding:13px 0}.student-account .student-badge{flex-basis:100%;font-size:13px}.student-account>span:not(.student-badge){max-width:52%;line-height:1.6}.student-account .text-link{min-height:36px;font-size:12px}.student-account .secondary{padding:9px 12px;font-size:12px}.identity-grid{grid-template-columns:1fr;gap:13px}.learning-heading{flex-direction:column;align-items:stretch;gap:12px}.learning-stats{gap:8px}.learning-stats>div{padding:14px 6px}.learning-stats strong{font-size:22px}.learning-stats span{font-size:10px}.learning-filters{gap:12px;padding:16px}.learning-filters input{padding:11px 10px;font-size:16px}.filter-actions{gap:8px}.filter-actions .primary,.filter-actions .secondary{flex:1;padding:12px 10px;font-size:12px}.learning-pagination{gap:10px}.learning-pagination span{font-size:10px}.round-records>article,.class-records>article,.student-records>article,.attempt-records>article{padding:15px}.wrong-records article{grid-template-columns:85px 1fr;gap:12px;padding:14px}.wrong-records img{width:85px;height:110px}.wrong-records h4{font-size:14px}.wrong-records p{font-size:12px}.account-tabs button{padding:12px 10px;font-size:12px}.learning-modal .form-stack input,.record-section-title{font-size:16px}.learning-modal .empty-state{padding:28px 14px}.difficult-records article{gap:10px;padding:14px}.difficult-records article>span{font-size:15px}.difficult-records img{width:55px;height:65px}.mini-metrics{gap:12px;font-size:11px}.learning-status{align-self:flex-start}}.exercise-editor{width:calc(100% - 32px);max-width:1040px}.exercise-editor-toolbar{border-bottom:1px solid #e0e6e1;flex-wrap:wrap;align-items:center;gap:12px;padding:15px 0 22px;display:flex}.exercise-editor-toolbar>label{align-items:center;gap:8px;margin-right:auto;font-size:14px;display:flex}.exercise-editor input[type=checkbox],.exercise-editor input[type=radio],.exercise-panel input[type=checkbox],.exercise-panel input[type=radio]{accent-color:#315d48;flex-shrink:0;width:17px;height:17px;min-height:0;padding:0}.exercise-author-layout{grid-template-columns:210px minmax(0,1fr);gap:26px;margin-top:22px;display:grid}.exercise-question-list{flex-direction:column;align-self:start;gap:8px;max-height:65vh;display:flex;position:sticky;top:0;overflow:auto}.exercise-question-list>button{text-align:left;color:#315d48;background:#fff;border:1px solid #e0e6e1;border-radius:7px;padding:12px}.exercise-question-list>button.active{background:#edf3ef;border-color:#adc1b4}.exercise-question-list button span{font-size:14px;font-weight:550;display:block}.exercise-question-list button small{color:#738076;max-height:38px;margin-top:5px;font-size:12px;line-height:1.6;display:block;overflow:hidden}.exercise-question-controls{align-items:center;gap:8px;display:flex}.exercise-question-controls>strong{margin-right:auto}.exercise-answer-key,.exercise-student-options{border:0;min-width:0;margin:0;padding:0}.exercise-answer-key legend{margin:0 0 12px;font-size:14px}.exercise-answer-key>label{align-items:center;gap:10px;margin-bottom:9px;display:flex}.exercise-option-edit{align-items:center;gap:9px;margin-bottom:9px;display:flex}.exercise-option-edit>input:not([type=radio]):not([type=checkbox]){flex:1;min-width:0}.exercise-success{color:#315d48;background:#edf4ed;border-radius:7px;align-items:center;gap:8px;padding:12px 15px;font-size:13px;line-height:1.7;display:flex}.exercise-records{border-top:1px solid #e0e6e1;margin-top:25px;padding-top:15px}.exercise-table-scroll{overflow:auto}.exercise-records table{border-collapse:collapse;width:100%;font-size:12px}.exercise-records th,.exercise-records td{text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #e0e6e1;min-width:80px;max-width:270px;padding:10px}.exercise-records td small{color:#738076;display:block}.exercise-panel{background:#fff;border:1px solid #e0e6e1;border-radius:10px;align-self:start;padding:22px}.exercise-panel-heading{border-bottom:1px solid #e0e6e1;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:16px;display:flex}.exercise-panel-heading h2{margin:0;font-size:18px;font-weight:600}.exercise-panel-heading>span{color:#738076;font-size:12px}.exercise-type{color:#738076;margin-bottom:12px;font-size:12px}.exercise-panel h3{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 20px;font-size:16px;font-weight:550;line-height:1.85}.exercise-student-options{flex-direction:column;gap:9px;margin-bottom:18px;display:flex}.exercise-student-options label{cursor:pointer;border:1px solid #e0e6e1;border-radius:7px;align-items:flex-start;gap:10px;padding:12px;font-size:14px;line-height:1.7;display:flex}.exercise-student-options input{margin-top:4px}.exercise-student-options label.selected{background:#f1f6f1;border-color:#93af9f}.exercise-student-options b{font-weight:550}.exercise-panel .primary{justify-content:center;width:100%;margin-top:12px}.exercise-panel>p{font-size:13px;line-height:1.9}.exercise-lock-note{color:#6d796f;background:#f5f6f2;align-items:center;gap:7px;padding:10px;font-size:12px;display:flex}.exercise-blanks{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.exercise-blanks label{flex-direction:column;gap:7px;font-size:13px;display:flex}.exercise-retry{color:#93602f;background:#faf3eb;border-radius:7px;margin-top:15px;padding:12px;font-size:13px;line-height:1.8}.exercise-correct{color:#315d48;background:#edf4ed;border-radius:7px;align-items:flex-start;gap:8px;margin-top:15px;padding:13px;font-size:13px;line-height:1.8;display:flex}.exercise-correct svg{flex-shrink:0;margin-top:3px}.exercise-correct p{white-space:pre-wrap;margin:8px 0 0}.exercise-dots{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.exercise-dots button{color:#67776b;background:#fff;border:1px solid #e0e6e1;border-radius:5px;width:30px;height:30px;font-size:12px}.exercise-dots button.active{border-color:#315d48}.exercise-dots button.done{color:#315d48;background:#edf3ef}.exercise-dots button:disabled{opacity:.4}.material-task-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:22px;display:grid}.app .material-task-layout .flip-card{grid-template-columns:1fr;min-height:0}.app .material-task-layout .material-photo{height:380px;min-height:0}.app .material-task-layout .answer-area{border-top:1px solid #e0e6e1;border-left:0;padding:24px}.app .material-task-layout .feedback{min-height:420px;padding:32px}.construction-learning-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px;display:grid}.construction-learning-layout .exercise-panel{position:sticky;top:20px}.construction-learning-next{justify-content:center;width:100%;margin-top:15px}.exercise-login{font-size:13px;line-height:1.8}.exercise-editor .notice{margin-bottom:14px}@media (width<=1050px){.construction-learning-layout{grid-template-columns:1fr}.construction-learning-layout .exercise-panel{position:static}.construction-learning-layout .construction-open iframe{height:1300px}.material-task-layout{grid-template-columns:minmax(0,1fr) 310px;gap:16px}}@media (width<=760px){.exercise-author-layout{grid-template-columns:1fr;gap:18px}.exercise-question-list{max-height:220px;position:static}.exercise-editor-toolbar .primary{margin-left:auto}.material-task-layout{grid-template-columns:1fr}.app .material-task-layout .material-photo{height:300px}.construction-learning-layout .construction-open iframe{height:1450px}.exercise-panel{padding:19px}.exercise-editor{width:calc(100% - 20px)}.exercise-option-edit{gap:6px}.exercise-option-edit .icon-btn{min-width:30px}}.exercise-panel .exercise-dots{gap:8px;margin:0 0 18px}.exercise-panel .exercise-dots button{place-items:center;width:36px;height:36px;padding:0;font-size:14px;font-weight:600;display:grid}.exercise-panel .exercise-dots button.active{color:#fff;background:#315d48;border-color:#315d48}.exercise-panel .exercise-dots button:focus-visible{outline-offset:3px;outline:2px solid #315d48}.construction-app .construction-main.construction-model-main{width:100%;max-width:1760px;padding:28px 24px 60px}.construction-learning-layout{--construction-model-height:clamp(480px,72vh,780px);grid-template-columns:clamp(240px,20vw,300px) minmax(0,1fr) min(360px,28vw);grid-template-areas:"controls model tasks";gap:22px}.construction-learning-layout .construction-open-head{flex-wrap:wrap;gap:10px}.construction-model-title{overflow-wrap:anywhere;font-size:14px;font-weight:600}.construction-learning-layout .construction-open{grid-area:model;min-width:0;position:sticky;top:16px}.construction-learning-layout .construction-open iframe{height:var(--construction-model-height)}.construction-learning-controls{min-width:0;max-height:calc(var(--construction-model-height) + 110px);scrollbar-gutter:stable;overscroll-behavior-y:contain;grid-area:controls;position:sticky;top:16px;overflow-y:auto}.construction-learning-right{min-width:0;max-height:calc(var(--construction-model-height) + 110px);flex-direction:column;grid-area:tasks;gap:16px;display:flex;position:sticky;top:16px}.construction-learning-right>.construction-learning-next{white-space:normal;flex-shrink:0;min-height:42px;margin:0;line-height:1.6}.construction-learning-sidebar{scrollbar-gutter:stable;overscroll-behavior-y:contain;flex-direction:column;gap:16px;min-width:0;min-height:0;display:flex;overflow-y:auto}.construction-learning-layout .exercise-panel{width:100%;min-width:0;position:static}.construction-controls-panel{background:#fcfdfa;border:1px solid #e0e6e1;border-radius:10px;min-width:0;overflow:hidden}@media (width<=1100px){.construction-learning-layout{grid-template-columns:1fr;grid-template-areas:"model""controls""tasks";gap:18px}.construction-learning-layout .construction-open,.construction-learning-controls,.construction-learning-right{position:static}.construction-learning-controls,.construction-learning-right{max-height:none}.construction-learning-sidebar,.construction-learning-controls{scrollbar-gutter:auto;overflow:visible}.construction-learning-layout .construction-open iframe{height:clamp(360px,55vh,600px)}}@media (width<=760px){.construction-app .construction-main.construction-model-main{padding:20px 14px 45px}}body{color:#242824;background:#fff;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:15px}.app{--green:#315d48;--green-dark:#244a38;--lime:#edf3ef;--cream:#f7f8f7;--ink:#242824;--muted:#667066;--line:#e3e7e3;background:#fff;min-height:100dvh}.app main,.app .header-inner{max-width:1200px;margin:auto;padding-left:32px;padding-right:32px}.app button,.app input,.app select,.app textarea{font:inherit}.app button{touch-action:manipulation}.app button:disabled{cursor:default}.app button:focus-visible,.app a:focus-visible{outline-offset:4px;outline:3px solid #85a393}.app .primary,.app .secondary{min-height:42px;box-shadow:none;border-radius:7px;gap:8px;padding:10px 17px;font-size:14px;font-weight:500}.app .primary{background:var(--green);border:1px solid var(--green);color:#fff}.app .primary:hover:not(:disabled){background:var(--green-dark);transform:none}.app .secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.app .secondary:hover:not(:disabled){background:var(--cream);border-color:#a4b7aa}.app .text-link{color:var(--green);gap:6px;min-height:38px;font-size:14px}.app .icon-btn{border-radius:6px;min-width:38px;min-height:38px}.app input,.app select,.app textarea{min-height:42px;color:var(--ink);background:#fff;border:1px solid #cfd6cf;border-radius:6px;padding:10px 12px;font-size:15px}.app input::placeholder,.app textarea::placeholder{color:#6e766e}.app input:focus,.app select:focus,.app textarea:focus{outline-offset:1px;box-shadow:none;outline:2px solid #a9c1b2}.app .site-header{border-bottom:1px solid var(--line);background:#fff;height:auto;min-height:68px}.app .header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding-top:10px;padding-bottom:10px;display:flex}.app .brand{letter-spacing:0;color:var(--ink);flex-shrink:0;gap:0;font-size:23px;line-height:1.25}.app .brand small{letter-spacing:0;color:var(--muted);margin-top:4px;font-size:11px;font-weight:400}.app nav{align-items:center;gap:22px;min-width:0;display:flex}.app .teacher-link{color:var(--muted);white-space:nowrap;border:0;padding:8px 0;font-size:14px}.app .header-inner .student-account{border:0;flex-wrap:nowrap;gap:16px;min-width:0;padding:0;font-size:13px}.app .header-inner .student-account>span:not(.student-badge){display:none}.app .header-inner .student-account .student-badge{white-space:nowrap;gap:6px;max-width:150px;margin:0;font-size:13px;overflow:hidden}.app .header-inner .student-badge small{display:none}.app .header-inner .student-account .text-link{white-space:nowrap;min-height:38px;font-size:13px}.app .header-inner .student-account .secondary{min-height:38px;margin:0;padding:8px 12px;font-size:13px}.app .header-inner .student-account svg{width:15px;height:15px}.app .library-intro{border-bottom:1px solid var(--line);padding:34px 0 30px}.app .library-intro h1{letter-spacing:0;margin:0;font-size:32px;font-weight:600;line-height:1.5}.app .library-intro h1 span{white-space:nowrap;display:inline-block}.app .library-intro h1 span:first-child{margin-right:.14em}.app .library-intro p{color:var(--muted);margin-top:9px;font-size:15px;line-height:1.7}.app .categories-section{padding:24px 0 40px;scroll-margin-top:16px}.app .section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px;display:flex}.app .category-heading{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.app .category-heading h2{margin:0;font-size:22px;font-weight:600;line-height:1.5}.app .category-heading>span{color:var(--muted);font-size:13px}.app .practice-settings{flex-shrink:0;align-items:center;gap:20px;display:flex}.app .round-size{color:var(--muted);flex-direction:row;align-items:center;gap:10px;font-size:13px;display:flex}.app .round-size select{width:105px;min-height:40px;padding:8px 10px;font-size:14px}.app .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.app .category-card{border:1px solid var(--line);text-align:left;box-shadow:none;background:#fff;border-radius:8px;min-width:0;padding:0;transition:border-color .16s,box-shadow .16s;display:block;overflow:hidden}.app .category-card:hover:not(:disabled){border-color:#91aa9a;transform:none;box-shadow:0 3px 12px #2428240a}.app .category-card:disabled{opacity:1;background:#fafbfa}.app .category-card:disabled .category-enter{display:none}.app .category-image{aspect-ratio:3/2;background:var(--cream);border-radius:0;width:100%;height:auto;margin:0;overflow:hidden}.app .category-image .material-image{width:100%;height:100%}.app .category-image img{object-fit:cover;filter:none;width:100%;height:100%;transform:none}.app .category-empty{height:100%;color:var(--muted);background:var(--cream);justify-content:center;align-items:center;font-size:14px;display:flex}.app .category-info{justify-content:space-between;align-items:center;gap:10px;padding:16px 17px;display:flex}.app .category-info h3{color:var(--ink);margin:0;font-size:17px;font-weight:550;line-height:1.5}.app .category-info p{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5}.app .category-enter{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:13px;display:flex}.app .category-card:hover:not(:disabled) .category-enter{color:var(--green)}.app .resume{background:var(--cream);border:1px solid var(--line);color:var(--muted);border-radius:6px;margin:18px 0 0;padding:12px 15px;font-size:13px}.app footer{border-top:1px solid var(--line);max-width:1136px;color:var(--muted);letter-spacing:0;justify-content:space-between;gap:20px;margin:10px auto 0;padding:22px 0;font-size:12px;display:flex}.material-image{min-width:0;display:block;position:relative;overflow:hidden}.material-image>img{object-fit:contain;width:100%;height:100%;display:block}.image-failed{background:#f7f8f7;justify-content:center;align-items:center;min-height:100px;display:flex}.image-error{text-align:center;color:#667066;flex-direction:column;gap:7px;padding:15px;font-size:14px;line-height:1.6;display:flex}.image-error small{color:#667066;font-size:12px;display:block}.app .game{max-width:900px;margin:24px auto 36px}.app .game-top{gap:15px;font-size:14px}.app .game-top .text-link{font-size:14px}.app .progress-track{background:#edf0ed;border-radius:2px;height:4px;margin:13px 0 20px}.app .progress-track>div{background:var(--green)}.app .game-heading{text-align:left;justify-content:space-between;align-items:center;gap:15px;margin:0 0 18px;display:flex}.app .question-position{color:var(--muted);font-variant-numeric:tabular-nums;order:2;font-size:13px}.app .game-heading h1{margin:0;font-size:24px;font-weight:550;line-height:1.5}.app .flip-card{border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:8px;animation:.22s ease-out sampleFlip;overflow:hidden}.app .material-photo{background:#f7f8f7;border:0;border-radius:0;width:100%;height:390px;padding:16px;display:block;position:relative;overflow:hidden}.app .material-photo>.material-image{background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0;display:block;position:relative;bottom:auto;right:auto}.app .material-photo img{object-fit:contain;filter:none;width:100%;height:100%}.app .material-photo>span:not(.material-image){border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:5px;padding:7px 10px;font-size:12px;position:absolute;bottom:13px;right:14px}.app .answer-area{border-top:1px solid var(--line);background:#fff;padding:19px 22px 22px}.app .answer-title{color:var(--ink);gap:10px;margin:0 0 12px;font-size:14px}.app .answer-title small{color:var(--muted);font-size:12px}.app .answer-area form{gap:12px;display:flex}.app .answer-area input{background:#fff;flex:1;min-width:0;min-height:46px;padding:11px 13px;font-size:16px}.app .answer-area form .primary{min-height:46px;padding:11px 22px;font-size:15px}.app .question-dots{flex-wrap:wrap;justify-content:center;gap:8px;margin:19px 0;display:flex}.app .question-dots button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:#fff;border-radius:5px;font-size:12px}.app .question-dots button.active{border-color:var(--green);color:var(--green);background:#edf3ef}.app .question-dots button.done{background:var(--green);border-color:var(--green);color:#fff}.app .device-note{color:var(--muted);margin-top:12px;font-size:12px}.app .feedback{text-align:center;background:#fff;flex-direction:column;align-items:center;min-height:480px;padding:32px 34px;display:flex}.app .feedback-icon{width:48px;height:48px;color:var(--green);background:0 0;border-radius:0;margin:0 0 12px}.app .feedback-icon svg{width:32px;height:32px}.app .feedback.incorrect .feedback-icon{color:#9a602e}.app .feedback h2{margin:0;font-size:24px;font-weight:550;line-height:1.6}.app .material-name{color:var(--green);margin:15px 0 20px;font-size:29px;font-weight:600}.app .knowledge{text-align:left;grid-template-columns:1fr 1fr;gap:22px;width:100%;max-width:710px;margin:0 0 22px;display:grid}.app .knowledge>div{background:var(--cream);border:1px solid var(--line);border-radius:6px;padding:17px}.app .knowledge h4,.app .hint-box h4{color:var(--ink);margin-bottom:8px;font-size:14px;font-weight:600}.app .knowledge p,.app .hint-box p{color:#4c554c;font-size:15px;line-height:1.85}.app .feedback-actions{justify-content:center;gap:12px;margin-top:auto;padding-top:20px;display:flex}.app .hint-box{text-align:left;background:#faf8f4;border:1px solid #e8e1d7;border-radius:6px;width:100%;max-width:650px;margin:23px 0 16px;padding:20px}.app .attempt-note{color:var(--muted);margin-bottom:24px;font-size:13px}.app .feedback.incorrect>.primary{margin-top:auto}.app .result-page{text-align:center;max-width:900px;margin:38px auto}.app .success-medal{width:48px;height:48px;color:var(--green);background:0 0;margin-bottom:15px}.app .success-medal svg{width:32px;height:32px}.app .result-page h1{font-size:28px;font-weight:550;line-height:1.5}.app .result-page>p{color:var(--muted);font-size:14px}.app .stats-grid{border:1px solid var(--line);background:#fff;border-radius:8px;margin:24px 0;padding:25px 15px}.app .stats-grid strong{color:var(--green);font-size:30px}.app .stats-grid span{color:var(--muted);font-size:13px}.app .review-box{background:var(--cream);border:1px solid var(--line);border-radius:7px;padding:22px}.app .review-box h3{color:var(--ink);font-size:16px}.app .wrong-tags span{border:1px solid var(--line);border-radius:5px;font-size:13px}.app .result-actions{gap:12px;margin:24px 0}.app .notice{color:#934023;background:#fcf2ed;border-color:#edd9cd;border-radius:6px;font-size:14px;line-height:1.7}.app .modal,.app dialog{border:1px solid var(--line);background:#fff;border-radius:8px;box-shadow:0 12px 50px #172a1b26}dialog.modal{background:#fff;border-radius:8px}.app .modal-head,dialog .modal-head{background:#fff}.app .zoom-image{object-fit:contain;width:100%;height:70dvh;max-height:72dvh}.app .zoom-image img{object-fit:contain}.app .admin-app main,.app.admin-app main{padding-top:28px}.app .admin-title h1{margin:0 0 8px;font-size:28px;font-weight:550}.app .admin-title p{color:var(--muted);font-size:14px}.app .admin-stats{border-color:var(--line);background:var(--cream);border-radius:7px;gap:25px;margin:22px 0;padding:17px 20px}.app .admin-stats span{color:var(--muted);font-size:13px}.app .admin-stats strong{color:var(--ink);font-size:23px}.app .admin-tabs{gap:25px;margin:22px 0}.app .admin-tabs button{min-height:44px;padding:12px 2px;font-size:15px}.app .toolbar{gap:12px;margin:20px 0}.app .toolbar select{border-radius:6px;font-size:14px}.app .search-box{border:1px solid #cfd6cf;border-radius:6px}.app .search-box input{border:0;min-width:170px;font-size:14px}.app .admin-materials{gap:16px}.app .admin-material{border:1px solid var(--line);background:#fff;border-radius:8px;gap:14px;padding:14px}.app .admin-material>.material-image{object-fit:contain;background:var(--cream);border-radius:5px;flex-shrink:0;width:94px;height:123px}.app .material-details h3{color:var(--ink);margin:9px 0 5px;font-size:16px}.app .material-details p{color:var(--muted);font-size:12px;line-height:1.6}.app .status{color:#5d675d;background:#f0f2f0;border-radius:4px;padding:3px 6px;font-size:11px}.app .status.published{color:#315d48;background:#edf4ef}.app .status.offline{color:#955832;background:linen}.app .row-actions{flex-wrap:wrap;gap:9px}.app .row-actions .text-link{min-height:30px;font-size:13px}.app .row-actions .danger{color:#a54c35}.app .empty-state{color:var(--muted);background:#fafbfa;border:1px dashed #cfd6cf;border-radius:7px;padding:35px 18px}.app .empty-state h3{color:var(--ink);font-size:18px}.app .empty-state p{color:var(--muted);font-size:14px}.app .loading{color:var(--muted);padding:35px 20px;font-size:14px}.app .login-panel{text-align:left;max-width:430px;margin:35px auto 60px}.app .login-panel h1{font-size:28px;font-weight:550;line-height:1.5}.app .login-panel>p{color:var(--muted);font-size:14px;line-height:1.8}.app .login-panel form{border:1px solid var(--line);border-radius:8px;padding:25px}.app .login-panel label,.app .form-stack label{color:var(--muted);font-size:14px}.app .form-stack input,.app .form-stack select,.app .form-stack textarea{font-size:15px}.app .small{font-size:13px;line-height:1.8}.app .image-grid>div{background:var(--cream);border-color:var(--line);border-radius:6px}.app .image-grid .material-image{width:100%;height:100%}.app .upload-zone{background:var(--cream);color:var(--green);border:1px dashed #aab9af;border-radius:6px;padding:25px 15px}.app .upload-zone strong{font-size:15px}.app .upload-zone span{color:var(--muted);font-size:12px}.app .upload-status{border-radius:5px;font-size:12px}.app .category-row{border:1px solid var(--line);border-radius:7px}.app .category-row>.material-image,.app .mini-empty{background:var(--cream);border-radius:5px;flex-shrink:0;width:68px;height:58px}.app .category-row h3{font-size:16px}.app .category-row p{font-size:13px}.app .cover-setting>.material-image{background:var(--cream);border-radius:6px;width:180px;height:120px;margin:12px 0}.app .preview-card>.material-image{background:var(--cream);border-radius:6px;width:100%;height:360px}.app .preview-card p{font-size:15px;line-height:1.8}.app .import-panel>p,.app .default-cat,.app .import-footer{font-size:14px}.app .import-list{border-color:var(--line);border-radius:7px}.app .import-row input,.app .import-row select{font-size:14px}.app .import-file{font-size:13px}.app .import-state{font-size:12px}.app .library-banner,.app .learning-stats>div{background:var(--cream);border-color:var(--line);border-radius:7px}.app .learning-stats span{color:var(--muted);font-size:12px}.app .learning-stats strong{font-size:25px}.app .learning-heading p,.app .metric-note,.app .participation{color:var(--muted);font-size:14px}.app .round-records>article,.app .class-records>article,.app .student-records>article,.app .attempt-records>article,.app .wrong-records article,.app .difficult-records article{border:1px solid var(--line);border-radius:7px}.app .round-records p,.app .mini-metrics,.app .attempt-records p,.app .wrong-records p{color:var(--muted);font-size:14px}.app .round-records small,.app .wrong-records small,.app .student-records small,.app .attempt-records small{font-size:12px}.app .learning-filters{border:1px solid var(--line);border-radius:7px;padding:20px}.app .learning-filters label{font-size:14px}.app .wrong-records .material-image{background:var(--cream);border-radius:5px;width:130px;height:130px}.app .difficult-records .material-image{background:var(--cream);border-radius:5px;flex-shrink:0;width:70px;height:70px}.app .account-tabs button{min-height:42px;font-size:14px}@keyframes sampleFlip{0%{opacity:.65;transform:perspective(1400px)rotateY(7deg)}to{opacity:1;transform:perspective(1400px)rotateY(0)}}@media (width<=1000px){.app .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.app .header-inner{flex-wrap:wrap;gap:15px}.app nav{gap:16px}.app .header-inner .student-account{gap:12px}.app .section-head{align-items:flex-start}.app .category-heading{flex-direction:column;gap:4px}.app .admin-materials{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app main,.app .header-inner{padding-left:20px;padding-right:20px}.app .header-inner{gap:10px;min-height:66px}.app .brand{font-size:21px}.app .brand small{font-size:10px}.app nav{flex-wrap:wrap;justify-content:flex-end;gap:12px}.app .teacher-link{font-size:13px}.app .header-inner .student-account{flex-wrap:wrap;justify-content:flex-end;gap:11px}.app .header-inner .student-account .student-badge{display:none}.app .header-inner .student-account .text-link{min-height:36px;font-size:12px}.app .library-intro{padding:25px 0 22px}.app .library-intro h1{font-size:28px;line-height:1.5}.app .library-intro p{font-size:14px;line-height:1.7}.app .categories-section{padding-top:20px}.app .section-head{flex-wrap:wrap;gap:15px}.app .category-heading{flex-direction:row;gap:12px}.app .category-heading h2{font-size:21px}.app .practice-settings{flex:1;justify-content:space-between;gap:14px;min-width:290px}.app .category-grid{gap:15px}.app .category-info{gap:8px;padding:13px 12px}.app .category-info h3{font-size:16px}.app .category-info p,.app .category-enter{font-size:12px}.app footer{margin:10px 20px 0;padding:20px 0;font-size:12px}.app footer span:last-child{display:none}.app .game{margin:20px auto 28px}.app .game-top,.app .game-top .text-link{font-size:13px}.app .game-heading h1{font-size:22px}.app .question-position{font-size:12px}.app .material-photo{height:340px;padding:12px}.app .answer-area{padding:16px}.app .answer-area form{flex-direction:column;gap:10px}.app .answer-area form .primary{width:100%;min-height:46px}.app .answer-title{flex-wrap:wrap;gap:8px;font-size:14px}.app .answer-title small{font-size:12px}.app .feedback{min-height:450px;padding:27px 20px}.app .feedback h2{font-size:22px;line-height:1.65}.app .material-name{font-size:26px}.app .knowledge{grid-template-columns:1fr;gap:12px}.app .knowledge p,.app .hint-box p{font-size:14px}.app .feedback-actions{gap:10px;width:100%}.app .feedback-actions button{flex:1;padding:11px 12px;font-size:14px}.app .result-page h1{font-size:26px}.app .stats-grid{grid-template-columns:repeat(2,1fr);gap:22px;padding:22px 10px}.app .stats-grid>div:nth-child(3){border-left:0}.app .admin-tabs{gap:22px}.app .admin-tabs button{font-size:14px}.app .admin-materials{grid-template-columns:1fr}.app .admin-material>.material-image{width:104px;height:118px}.app .admin-stats{gap:16px}.app .toolbar>.primary{padding:10px 15px;font-size:14px}.app .toolbar select{font-size:14px}.app .category-row>.material-image,.app .mini-empty{width:52px;height:52px}.app .category-row h3{font-size:14px}.app .category-row p{font-size:12px}.app .editor-actions button{font-size:14px}.app .modal h2{font-size:19px}.app .form-stack input,.app .form-stack select,.app .form-stack textarea,.app .learning-filters input{font-size:16px}.app .wrong-records .material-image{width:85px;height:110px}.app .difficult-records .material-image{width:55px;height:65px}.app .learning-filters{padding:16px}.app .mini-metrics,.app .round-records p{font-size:13px}.app .learning-stats span{font-size:11px}}@media (width<=480px){.app main,.app .header-inner{padding-left:16px;padding-right:16px}.app .header-inner:has(.student-account .student-badge) nav{border-top:1px solid var(--line);justify-content:space-between;width:100%;padding-top:7px}.app .category-grid{grid-template-columns:1fr;gap:17px}.app .library-intro h1{max-width:330px;font-size:28px;line-height:1.5}.app .library-intro p{font-size:14px}.app .category-heading{flex-direction:row;gap:10px}.app .category-heading>span{font-size:12px}.app .practice-settings{flex-basis:100%;gap:10px;width:100%;min-width:0}.app .round-size{gap:8px;font-size:13px}.app .round-size select{width:93px}.app .category-info{padding:14px 16px}.app .category-info h3{font-size:17px}.app .category-info p{font-size:13px}.app .material-photo{height:300px;padding:10px}.app .game-top{flex-wrap:wrap;gap:9px}.app .game-top>span{font-size:12px}.app .game-heading h1{font-size:21px}.app .feedback h2{font-size:20px}.app .learning-filters{grid-template-columns:1fr}.app .filter-actions button{font-size:13px}.app .learning-stats{grid-template-columns:repeat(2,1fr)}.app .editor-actions>div{gap:9px}.app .editor-actions>div button{min-width:95px}.app .device-note{font-size:11px;line-height:1.7}}@media (prefers-reduced-motion:reduce){.app .flip-card{animation:none}.app *{scroll-behavior:auto;transition:none}}.app .home-entry-actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.app .study-entry{color:var(--green);background:#f3f6f3;border-color:#cfdbd1}.app .study-page{padding:24px 0 36px}.app .study-heading{justify-content:space-between;align-items:center;gap:24px;margin:18px 0 12px;display:flex}.app .study-heading h1{margin:0;font-size:30px;font-weight:600;line-height:1.5}.app .study-heading p{color:var(--muted);margin-top:7px;font-size:15px;line-height:1.7}.app .study-note{color:var(--muted);margin-bottom:24px;font-size:13px}.app .study-filters{background:var(--cream);border:1px solid var(--line);border-radius:7px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:20px;padding:18px;display:flex}.app .study-filters label{color:var(--muted);flex-direction:column;gap:8px;font-size:13px;display:flex}.app .study-filters select{min-width:195px;max-width:100%}.app .study-filters input{width:250px;max-width:100%}.app .study-count{color:var(--muted);margin-bottom:18px;font-size:13px}.app .study-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;display:grid}.app .study-card{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;overflow:hidden}.app .study-photo{aspect-ratio:3/2;background:var(--cream);width:100%;padding:12px;display:block;position:relative;overflow:hidden}.app .study-photo .material-image{width:100%;height:100%}.app .study-photo>span:not(.material-image){border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:5px;align-items:center;gap:5px;padding:6px 8px;font-size:12px;display:flex;position:absolute;bottom:10px;right:10px}.app .study-thumbnails{gap:7px;padding:10px 12px 0;display:flex;overflow:auto}.app .study-thumbnails button{border:1px solid var(--line);background:var(--cream);border-radius:4px;flex:0 0 45px;width:45px;height:45px;padding:3px;overflow:hidden}.app .study-thumbnails button.active{border:2px solid var(--green)}.app .study-thumbnails .material-image{width:100%;height:100%}.app .study-card-info{padding:15px 17px 18px}.app .study-card-heading{grid-template-columns:50px minmax(0,1fr) 50px;align-items:center;gap:8px;display:grid}.app .study-card-heading>small{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.6}.app .study-card-info h2{overflow-wrap:anywhere;text-align:center;grid-column:2;margin:0;font-size:18px;font-weight:550;line-height:1.6}.app .study-card-info details{border-top:1px solid var(--line);margin-top:12px;padding-top:11px;font-size:14px}.app .study-card-info summary{cursor:pointer;color:var(--green);min-height:32px;line-height:1.7}.app .study-card-info details h3{margin:12px 0 6px;font-size:13px;font-weight:550}.app .study-card-info details p{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.85}.app .study-pagination{color:var(--muted);justify-content:center;align-items:center;gap:18px;margin-top:30px;font-size:14px;display:flex}.app .study-page .notice{flex-wrap:wrap}@media (width<=1000px){.app .home-entry-actions{margin-left:auto}.app .study-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (width<=600px){.app .home-entry-actions{width:100%;margin-top:22px;display:block}.app .home-entry-actions>.study-entry{width:100%}.app .home-entry-actions .challenge-actions{margin-top:12px}.app .study-heading{display:block}.app .study-heading h1{font-size:27px}.app .study-heading .challenge-actions{margin-top:18px}.app .study-filters{gap:12px;padding:14px}.app .study-filters label{width:100%}.app .study-filters select,.app .study-filters input{width:100%;min-width:0}.app .study-filters input{font-size:16px}.app .study-pagination{gap:10px;font-size:13px}.app .study-pagination button{padding:10px;font-size:13px}}@media (width<=480px){.app .study-grid{grid-template-columns:1fr}}.app .brand{align-items:center;gap:12px;font-size:30px;line-height:1.2}.app .brand-logo{flex-shrink:0;width:48px;height:48px;display:block}.app .brand small{margin-top:5px;font-size:12px}.app .header-inner{min-height:82px}.app .library-intro{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.app .intro-copy{min-width:0}.app .challenge-actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.app .challenge-button{gap:10px;min-width:166px;min-height:56px;padding:15px 22px;font-size:17px;font-weight:550}.app .challenge-button.secondary{color:var(--green);border-color:#9db0a4}.app .practice-settings{flex-wrap:wrap;flex:none;min-width:0}.app .continue-practice{white-space:nowrap;gap:6px;min-height:40px;padding:8px 0;font-size:14px}.category-choice-note{margin:0 0 18px;font-size:14px;line-height:1.7}.category-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.app .category-choice{text-align:left;border:1px solid var(--line);color:var(--green);background:#fff;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:17px;display:flex}.app .category-choice:hover:not(:disabled){background:var(--cream);border-color:#91aa9a}.app .category-choice:disabled{color:var(--muted)}.app .category-choice strong{color:var(--ink);font-size:16px;font-weight:550;display:block}.app .category-choice small{color:var(--muted);margin-top:6px;font-size:13px;display:block}.app .category-choice svg{flex-shrink:0}@media (width<=1000px){.app .library-intro{flex-wrap:wrap;gap:20px}.app .challenge-actions{margin-left:auto}}@media (width<=600px){.app .header-inner{flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}.app .brand{gap:10px;font-size:27px}.app .brand-logo{width:44px;height:44px}.app .brand small{font-size:11px}.app .header-inner nav{justify-content:flex-end;gap:16px;width:100%}.app .library-intro{display:block}.app .challenge-actions{gap:12px;width:100%;margin-top:22px}.app .challenge-button{flex:1;gap:8px;min-width:0;min-height:52px;padding:13px 10px;font-size:16px}.app .practice-settings{flex:none;width:auto}.category-choice-grid{grid-template-columns:1fr}}.app .game-top>span.game-category{color:var(--ink);font-size:22px;font-weight:700;line-height:1.5}@media (width<=760px){.app .game-top>span.game-category{font-size:19px}}.app .material-selector{margin:0 0 22px}.app .material-selector>p{color:var(--muted);margin:0 0 10px;font-size:13px;line-height:1.6}.app .material-selector .question-dots{justify-content:flex-start;margin:0}.app .material-selector .question-dots button{place-items:center;width:36px;height:36px;padding:0;font-size:14px;font-weight:600;display:grid}.app .material-selector .question-dots button.active,.app .material-selector .question-dots button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.app .category-all-note{color:var(--muted);font-size:12px;font-weight:400}.app .material-selector{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:15px}.app .material-selector-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.app .material-selector-heading h2{margin:0;font-size:17px;font-weight:650;line-height:1.5}.app .material-selector-heading span{color:var(--muted);font-size:12px}.app .material-selector .question-dots{scrollbar-width:thin;gap:8px;max-height:360px;padding:4px;overflow:auto}.app .material-selector .question-dots button{flex-shrink:0}.app .material-selector-legend{color:var(--muted);flex-wrap:wrap;gap:9px;margin-top:14px;font-size:11px;display:flex}.app .material-selector-legend span{align-items:center;gap:5px;display:flex}.app .material-selector-legend i{border:1px solid var(--line);border-radius:2px;width:10px;height:10px;display:block}.app .material-selector-legend i.current{background:var(--lime);border-color:var(--green);outline:1px solid var(--green);outline-offset:1px}.app .material-selector-legend i.done{background:var(--green);border-color:var(--green)}@media (width>=1280px){.app main.material-round-main{max-width:1520px}.app .material-round-main .game{grid-template-columns:272px minmax(0,1fr);align-items:start;column-gap:24px;max-width:none;display:grid}.app .material-round-main .game-top,.app .material-round-main .progress-track,.app .material-round-main .game-heading,.app .material-round-main .device-note{grid-column:2}.app .material-round-main .material-selector{grid-area:4/1/span 2;margin:0;position:sticky;top:20px}.app .material-round-main .material-task-layout{grid-area:4/2;min-width:0}.app .material-round-main .material-selector .question-dots{grid-template-columns:repeat(5,36px);align-content:start;max-height:calc(100dvh - 170px);display:grid}}@media (width<=1279px){.app .material-selector .question-dots{max-height:180px}}.material-image img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.app .material-order-modal{width:calc(100% - 32px);max-width:1120px}.material-order-intro{margin:0 0 20px;font-size:14px;line-height:1.8}.material-order-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.material-order-grid article{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:10px;position:relative}.material-order-grid article.dragging{opacity:.45}.material-order-grid article.drop-target{border-color:var(--green);outline-offset:1px;outline:2px solid #a4bcad}.material-order-number{color:#fff;z-index:1;background:#315d48;border-radius:4px;padding:3px 7px;font-size:12px;position:absolute;top:15px;left:15px}.material-order-grid .material-image{background:var(--cream);border-radius:5px;height:120px;display:block;overflow:hidden}.material-order-grid h3{overflow-wrap:anywhere;margin:10px 0 3px;font-size:14px;line-height:1.6}.material-order-grid small{color:var(--muted);font-size:12px}.material-order-controls{align-items:center;gap:4px;margin-top:10px;display:flex}.app .order-handle{background:var(--cream);color:var(--green);border:1px solid var(--line);cursor:grab;border-radius:5px;flex:1;align-items:center;gap:4px;min-height:34px;padding:7px;font-size:12px;display:flex}.app .order-handle:active{cursor:grabbing}.material-order-controls .icon-btn{min-width:30px;min-height:34px;padding:5px}.material-order-footer{border-top:1px solid var(--line);background:#fff;align-items:center;gap:12px;margin-top:20px;padding:18px 0 4px;display:flex;position:sticky;bottom:-20px}.material-order-footer>span{color:var(--muted);margin-right:auto;font-size:13px}@media (width<=900px){.material-order-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.material-order-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.material-order-footer{flex-wrap:wrap}.material-order-footer>span{width:100%}.app .category-row{flex-wrap:wrap}.app .material-order-entry{font-size:12px}.material-order-grid .material-image{height:105px}}.app .brand-with-entry .brand-avatar{object-fit:contain;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:72px;height:72px}@media (width<=760px){.app .brand-with-entry .brand-avatar{width:56px;height:56px}}@media (width<=480px){.app .brand-with-entry .brand-avatar{width:42px;height:42px}}@media (width<=400px){.app .brand-with-entry .brand-avatar{width:36px;height:36px}.app .brand-with-entry .brand{gap:6px;padding:9px 7px}}.brand-with-entry{align-items:center;gap:32px;min-width:0;display:flex}.app .construction-entry{white-space:nowrap;background:0 0;border:0;padding:0;text-decoration:none}.app .construction-entry:hover{color:var(--green);background:0 0}.app .header-inner{flex-wrap:wrap;gap:16px}.construction-app .construction-main{max-width:1200px;margin:auto;padding:36px 32px 60px}.construction-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.construction-title h1{letter-spacing:-.8px;margin:17px 0 10px;font-size:30px;font-weight:650}.construction-title p{color:#68776e;margin:0;font-size:14px}.construction-counter{color:#68776e;white-space:nowrap;gap:8px;font-size:13px;display:flex}.construction-filters{border-bottom:1px solid #e4e9e5;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding-bottom:23px;display:flex}.construction-filters button{color:#667369;background:#f3f5f2;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;padding:9px 15px;font-size:13px;display:flex}.construction-filters button.active{color:#fff;background:#315d48}.construction-filters small{opacity:.75;font-size:11px}.construction-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.construction-card{background:#fff;border:1px solid #e0e6e1;border-radius:10px;overflow:hidden}.construction-art{background:#f0f2ee;place-items:center;height:170px;display:grid;position:relative}.construction-art.demo-art{background:#e9eee7}.construction-art>span{color:#506556;background:#ffffffbf;border-radius:4px;padding:5px 8px;font-size:11px;position:absolute;top:14px;left:15px}.model-layers{width:100px;height:75px;position:relative;transform:rotate(-17deg)skew(18deg)}.model-layers i{background:#dee4d7;border:1px solid #bdc7b5;border-radius:3px;width:98px;height:47px;display:block;position:absolute;top:30px;left:0;box-shadow:1px 4px #a8b6a0}.model-layers i:nth-child(2){background:#d0d8c7;top:20px;left:4px}.model-layers i:nth-child(3){background:#dbe2d1;top:10px;left:8px}.model-layers i:nth-child(4){background:repeating-linear-gradient(90deg,#eaeee4 0 23px,#bbc8b1 24px 25px);top:0;left:12px}.construction-card-body{padding:21px}.construction-card-meta{color:#738076;justify-content:space-between;align-items:center;gap:6px;font-size:11px;display:flex}.construction-card-meta span{align-items:center;gap:4px;display:flex}.construction-card h2{margin:15px 0 10px;font-size:20px;font-weight:600}.construction-card p{color:#6c796f;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:47px;margin-bottom:19px;font-size:13px;line-height:1.8;display:-webkit-box;overflow:hidden}.construction-card button{justify-content:space-between;width:100%}.construction-tip{color:#738076;align-items:center;gap:8px;margin-top:26px;font-size:12px;line-height:1.7;display:flex}.construction-open{background:#fff;border:1px solid #e0e6e1;border-radius:10px;overflow:hidden}.construction-open-head{border-bottom:1px solid #e0e6e1;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.construction-open-head>span{color:#68776e;font-size:12px}.construction-open iframe{background:#f5f6f2;border:0;width:100%;height:1050px;display:block}.construction-open>p{margin:12px 20px 18px;line-height:1.8}.construction-admin-panel{background:#fff;border:1px solid #e0e6e1;border-radius:10px;margin-bottom:24px;padding:25px}.construction-admin-panel h2{margin:0 0 16px;font-size:20px;font-weight:600}.construction-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.construction-section-heading h2{margin:0}.construction-category-admin{flex-wrap:wrap;gap:9px;display:flex}.construction-category-admin+p{margin-top:15px}.construction-upload{grid-template-columns:300px minmax(0,1fr);gap:28px;margin-top:24px;display:grid}.construction-file{text-align:center;background:#f7f9f5;border:1px dashed #bacabd;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:220px;padding:25px;display:flex;position:relative;overflow:hidden}.construction-file strong{overflow-wrap:anywhere;font-size:14px}.construction-file span{color:#738076;font-size:12px}.construction-file input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.construction-file:focus-within{outline-offset:3px;outline:3px solid #9bbda5}.construction-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.construction-upload-note{color:#67766b;background:#f3f6f1;border-radius:6px;margin:23px 0 0;padding:14px 17px;font-size:12px;line-height:1.9}.construction-model-list article{border-bottom:1px solid #edf0eb;align-items:center;gap:15px;padding:17px 0;display:flex}.construction-model-list article>div{flex:1;min-width:0}.construction-model-list h3{overflow-wrap:anywhere;margin:0 0 7px;font-size:15px}.construction-model-list p{color:#738076;margin:0;font-size:12px}.construction-success{color:#315d48;background:#edf4ed;border-radius:8px;align-items:center;gap:8px;margin-bottom:22px;padding:15px;font-size:14px;display:flex}.construction-app nav{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.construction-app .login-panel .primary{display:inline-flex}.construction-entry:focus-visible,.construction-filters button:focus-visible{outline-offset:3px;outline:3px solid #9bbda5}@media (width<=1000px){.brand-with-entry{gap:15px}.construction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.construction-open iframe{height:1250px}.construction-upload{grid-template-columns:240px minmax(0,1fr)}}@media (width<=760px){.app .brand-with-entry{flex-wrap:wrap;justify-content:flex-start;gap:20px 28px;width:100%}.construction-app .construction-main{padding:25px 18px 45px}.construction-title{align-items:flex-start}.construction-title h1{font-size:25px}.construction-counter{display:none}.construction-grid{grid-template-columns:1fr}.construction-card p{min-height:0}.construction-art{height:150px}.construction-open iframe{height:1450px}.construction-admin-panel{padding:19px}.construction-upload{grid-template-columns:1fr;gap:20px}.construction-form-row{grid-template-columns:1fr}.construction-model-list article{flex-wrap:wrap}.construction-model-list article>div{flex-basis:calc(100% - 45px)}.construction-tip{align-items:flex-start}.construction-tip svg{flex-shrink:0;margin-top:3px}}@media (width<=600px){.app .brand-with-entry{column-gap:14px}}.app .brand-with-entry{gap:16px}.app .brand-with-entry .brand{border-radius:10px;padding:10px 12px}.app .brand-with-entry .brand.is-current,.app .brand-with-entry .brand.is-current:hover{color:var(--ink);background:#e8f1e7}.app .brand-with-entry .brand:not(.is-current):hover{background:#f7f9f6}.brand-divider{background:#c4d8bf;flex:0 0 1px;align-self:center;width:1px;height:60px;display:block}@media (width<=760px){.app .brand-with-entry{gap:14px}}@media (width<=480px){.app .brand-with-entry{flex-wrap:nowrap;gap:10px}.app .brand-with-entry .brand{gap:8px;padding:9px 8px;font-size:clamp(18px,5.5vw,24px)}.app .brand-with-entry .brand-logo{width:36px;height:36px}.app .brand-with-entry .brand small{margin-top:4px;font-size:9px}.brand-divider{height:48px}}.construction-art .construction-cover{background:#f4f6f2;width:100%;height:100%;display:block;overflow:hidden}.construction-art .construction-cover img{object-fit:contain;width:100%;height:100%;display:block}.construction-cover-editor{flex-direction:column;gap:12px;display:flex}.construction-cover-editor>strong{font-size:14px;font-weight:500}.construction-cover-preview{background:#f4f6f2;border:1px solid #e0e6e1;border-radius:7px;width:100%;height:200px;display:block;overflow:hidden}.construction-cover-preview img{object-fit:contain;width:100%;height:100%}.construction-cover-empty{color:#738076;background:#f7f9f5;border:1px dashed #bacabd;border-radius:7px;justify-content:center;align-items:center;gap:12px;height:130px;font-size:12px;display:flex}.construction-cover-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.construction-cover-editor>p{margin:0;line-height:1.8}.construction-model-list .construction-admin-thumb{background:#f4f6f2;border-radius:5px;flex:0 0 70px;width:70px;height:50px;overflow:hidden}.construction-admin-thumb img{object-fit:contain;width:100%;height:100%}.modal.edge-style-dialog{width:min(1120px,100vw - 32px);max-width:1120px}.edge-style-layout{grid-template-columns:280px minmax(0,1fr);gap:26px;display:grid}.edge-style-layout .form-stack>p{margin:0;line-height:1.8}.edge-width-control>span:first-child{justify-content:space-between;gap:12px;display:flex}.edge-width-control output{color:#315d48;white-space:nowrap;font-size:13px}.edge-width-control input[type=range]{accent-color:#315d48;cursor:pointer;width:100%;padding:0}.edge-width-scale{color:#738076;justify-content:space-between;display:flex}.edge-width-presets{flex-wrap:wrap;gap:7px;display:flex}.edge-width-presets button[aria-pressed=true]{color:#315d48;background:#edf4ed;border-color:#315d48}.edge-style-layout .edge-inherit{flex-direction:row;align-items:center;gap:9px;display:flex}.edge-inherit input{accent-color:#315d48;width:16px;height:16px}.edge-style-preview{min-width:0}.edge-style-preview iframe{background:#f5f6f2;border:1px solid #e0e6e1;border-radius:8px;width:100%;height:510px;display:block}.edge-style-preview p{margin:12px 0 0;line-height:1.8}@media (width<=760px){.edge-style-layout{grid-template-columns:1fr;gap:20px}.edge-style-preview iframe{height:390px}.modal.edge-style-dialog{width:calc(100vw - 20px)}}.app .brand-three{gap:13px}.app .brand-three .brand{white-space:nowrap}.app .brand-three .scene-entry{background:0 0;border:0;padding:10px 12px;text-decoration:none}.app .brand-three .scene-entry:hover{background:#f7f9f6}@media (width<=1000px){.app .brand-three{justify-content:space-between;width:100%}.app .brand-three .brand{gap:10px;padding:9px 7px}}@media (width<=760px){.app .brand-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.app .brand-three .brand-divider{display:none}.app .brand-three .brand{text-align:center;white-space:normal;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;padding:8px 4px}.app .brand-three .brand>span{min-width:0}.app .brand-three .brand small{letter-spacing:0;line-height:1.4}}@media (width<=480px){.app .brand-three .brand small{display:none}.app .brand-three .brand{gap:5px}.app .brand-three .brand-avatar{width:38px;height:38px}}.app .compact-header .header-inner{flex-wrap:nowrap;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0 18px;display:grid}.app .compact-header .header-inner>.brand-three{flex-wrap:nowrap;justify-content:flex-start;width:auto;min-width:0}.app .compact-header .header-inner>nav{border:0;flex-wrap:nowrap;grid-area:1/2;justify-content:flex-end;place-self:start end;align-items:center;gap:15px;width:auto;margin:0;padding-top:7px}.app .compact-header .header-inner>nav .student-account{flex-wrap:nowrap;gap:12px}.app .compact-header .header-inner>nav>a{white-space:nowrap;font-size:13px}.app .compact-header .header-inner>nav .text-link{white-space:nowrap}@media (width>=1051px) and (width<=1200px){.app .compact-header .header-inner{column-gap:12px}.app .compact-header .header-inner>nav{gap:10px}.app .compact-header .header-inner>nav .student-account{gap:9px}.app .compact-header .header-inner>.brand-three{gap:6px}.app .compact-header .brand-three .brand{gap:8px;padding-left:8px;padding-right:8px}}@media (width<=1050px){.app .compact-header .header-inner{grid-template-columns:minmax(0,1fr);row-gap:5px}.app .compact-header .header-inner>.brand-three{grid-area:2/1;justify-content:flex-start}.app .compact-header .header-inner>nav{grid-area:1/1;justify-content:flex-end;justify-self:end;width:auto;padding-top:0}.app .compact-header .header-inner>nav .student-account{justify-content:flex-end}}@media (width<=760px){.app .compact-header .header-inner>.brand-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.app .compact-header .header-inner>nav{flex-wrap:wrap;gap:12px;max-width:100%}.app .compact-header .header-inner>nav .student-account{flex-wrap:wrap;gap:11px}.app .compact-header .header-inner>nav .student-account .text-link,.app .compact-header .header-inner>nav>a{font-size:12px}.app .compact-header .header-inner>nav{border:0!important;padding-top:0!important}}.construction-mode-tabs{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin:0 0 28px 184px;padding:0 0 20px;display:flex}.app .construction-mode-tabs button{color:#506853;background:#f3f6f2;border:1px solid #d5dfd5;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-width:155px;min-height:48px;padding:12px 22px;font-size:17px;font-weight:750;display:flex}.construction-mode-tabs button.active{color:#fff;background:#315d48;border-color:#315d48}.construction-catalog-layout{grid-template-columns:160px minmax(0,1fr);align-items:start;gap:24px;display:grid}.construction-catalog-content{min-width:0}.construction-catalog-sidebar{min-width:0;position:sticky;top:24px}.construction-catalog-sidebar h2{color:#748273;margin:0 0 14px;font-size:14px;font-weight:600}.app .construction-catalog-sidebar .construction-filters{border:0;flex-flow:column;gap:9px;margin:0;padding:0;display:flex}.app .construction-catalog-sidebar .construction-filters button{text-align:left;justify-content:space-between;width:100%;min-height:44px;padding:12px 13px;line-height:1.5}.app .construction-catalog-sidebar .construction-filters small{flex-shrink:0}.site-designed .construction-app .construction-main.construction-catalog-main,.construction-app .construction-main.construction-catalog-main{max-width:1560px;padding:32px 24px 60px}.construction-admin-mode{margin:0 0 24px;padding:0 0 18px}.diagram-dialog{width:min(1180px,100vw - 40px)}.diagram-view-tools{justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;display:flex}.diagram-view-tools>div{align-items:center;gap:8px;display:flex}.diagram-view-tools .icon-btn{min-width:44px;min-height:44px}.diagram-view-tools span{color:#6b7b6b;text-align:center;min-width:40px;font-size:13px}.diagram-zoom-stage{overscroll-behavior:contain;background:#f4f6f2;border:1px solid #e0e6de;border-radius:8px;max-height:65dvh;overflow:auto}.diagram-zoom-stage .material-image{min-width:100%;max-width:none;display:block}.diagram-zoom-stage .material-image>img{width:100%;max-width:none;height:auto;display:block}.diagram-teaching-notes{margin:20px 0 0}.diagram-teaching-notes h3{margin-bottom:9px;font-size:17px}.diagram-teaching-notes p{white-space:pre-wrap;color:#5e715e;font-size:14px;line-height:1.9}.diagram-source{color:#7b8677;overflow-wrap:anywhere;margin-top:16px;font-size:12px;line-height:1.8}.diagram-upload-preview{background:#f3f6f0;border:1px solid #dee5da;border-radius:8px;max-height:300px;overflow:auto}.diagram-upload-preview .material-image{height:260px;display:block}.diagram-upload-preview img{object-fit:contain;width:100%;height:100%}.diagram-upload-empty,.diagram-locked-preview{color:#87947d;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:170px;font-size:13px;display:flex}.diagram-upload-empty{min-height:200px}.diagram-grid .construction-card h2{overflow-wrap:anywhere}.diagram-grid .construction-art{height:200px}.diagram-grid .construction-cover img{object-fit:contain}.construction-admin-mode button{font-size:15px}.construction-diagram-manager .construction-section-heading h2{margin-bottom:8px}@media (width<=1100px){.construction-catalog-layout{grid-template-columns:140px minmax(0,1fr);gap:20px}.construction-mode-tabs:not(.construction-admin-mode){margin-left:160px}.construction-catalog-content .construction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.site-designed .construction-app .construction-main.construction-catalog-main,.construction-app .construction-main.construction-catalog-main{padding:20px 14px 45px}.construction-mode-tabs:not(.construction-admin-mode){margin-bottom:18px;margin-left:0}.construction-mode-tabs{gap:10px;padding-bottom:15px}.app .construction-mode-tabs button{flex:1;min-width:0;min-height:46px;padding:11px 13px;font-size:16px}.construction-catalog-layout{flex-direction:column;gap:20px;display:flex}.construction-catalog-sidebar{width:100%;position:static}.construction-catalog-sidebar h2{display:none}.app .construction-catalog-sidebar .construction-filters{scrollbar-width:thin;flex-direction:row;gap:8px;padding-bottom:7px;overflow-x:auto}.app .construction-catalog-sidebar .construction-filters button{white-space:nowrap;flex:none;gap:9px;width:auto}.construction-catalog-content{width:100%}.construction-catalog-content .construction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.construction-catalog-content .construction-card-body{padding:15px}.construction-catalog-content .construction-card h2{font-size:18px}.construction-catalog-content .construction-art{height:155px}.diagram-dialog{width:calc(100vw - 20px);padding:17px}.diagram-view-tools{gap:8px}.diagram-teaching-notes p{font-size:14px}.construction-section-heading{flex-wrap:wrap}}@media (width<=480px){.construction-catalog-content .construction-grid{grid-template-columns:1fr}.construction-catalog-content .construction-art{height:200px}}.app .construction-mode-tabs{flex-wrap:wrap}.diagram-admin-upload-actions{flex-wrap:wrap;gap:10px;display:flex}.diagram-batch-list{border:1px solid var(--line);border-radius:8px;max-height:420px;overflow:auto}.diagram-batch-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:12px;padding:13px;display:grid}.diagram-batch-row:last-child{border:0}.diagram-batch-row label{flex-direction:column;gap:7px;min-width:0;display:flex}.diagram-batch-row label>span{overflow-wrap:anywhere;font-size:12px}.diagram-batch-row label small{color:var(--muted)}.diagram-batch-row>div{font-size:13px;line-height:1.6}.diagram-batch-row>div small{overflow-wrap:anywhere;display:block}.diagram-batch-row.error>div{color:#a74b2f}.diagram-batch-row.saved>div{color:var(--green)}.diagram-batch-summary{color:var(--green);font-size:13px}.animation-card-art{color:#7d9973;background:#edf3e7}.construction-animation-player video{background:#151a16;border-radius:8px;width:100%;max-height:65dvh;display:block}.construction-animation-player .material-image{max-height:65dvh;display:block;overflow:auto}.construction-animation-player .material-image img{object-fit:contain;width:100%;height:auto}.animation-upload-progress{color:var(--green);flex-direction:column;gap:8px;font-size:13px;display:flex}.animation-upload-progress progress{width:100%;accent-color:var(--green)}@media (width<=600px){.app .construction-mode-tabs button{white-space:nowrap;gap:6px;padding:10px 8px;font-size:14px}.app .construction-mode-tabs:not(.construction-admin-mode){flex-wrap:nowrap;gap:7px}.construction-admin-mode button{flex-basis:100%}.diagram-batch-row{grid-template-columns:minmax(0,1fr) 85px;gap:9px}}.animation-cover-editor{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.animation-cover-editor h3{margin:0;font-size:15px}.animation-cover-preview{background:#f1f4ed;border:1px solid #e1e7da;border-radius:7px;width:100%;height:220px;display:block}.animation-cover-preview img{object-fit:contain;width:100%;height:100%}.animation-cover-placeholder{color:#7b8c73;background:#f3f6ef;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:130px;font-size:13px;display:flex}.animation-cover-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.animation-frame-picker{min-width:0}.animation-frame-picker video{background:#161d18;border-radius:7px;width:100%;max-height:420px;display:block}.animation-frame-picker>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.animation-frame-picker p{color:var(--muted);font-size:13px;line-height:1.8}.animation-frame-picker p span{color:var(--green);display:block}@media (width<=600px){.animation-cover-editor{padding:12px}.animation-cover-preview{height:180px}.animation-cover-actions .secondary{padding:10px 12px;font-size:13px}}.app .animation-delete{color:#a54837;border-color:#dfbfb7}.app .animation-delete:hover:not(:disabled){background:#fff1ed}.scene-lab-app .scene-lab-main{max-width:1600px;margin:auto;padding:20px 24px 24px}.scene-lab-app nav{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.scene-lab-tools{color:#69796d;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;font-size:13px;display:flex}.scene-lab-tools>div{align-items:center;gap:17px;display:flex}.scene-lab-frame{background:#eef2ee;border:1px solid #dce5dc;border-radius:10px;min-height:640px;position:relative;overflow:hidden}.scene-lab-frame iframe{background:#eef2ee;border:0;width:100%;height:max(720px,100dvh - 215px);display:block}.scene-lab-frame iframe:fullscreen{width:100vw;height:100dvh}.scene-lab-loading{z-index:2;color:#54705c;pointer-events:none;background:#eef2ee;justify-content:center;align-items:center;margin:0;font-size:15px;display:flex;position:absolute;inset:0}.scene-lab-note{color:#758177;margin:15px 0 0;font-size:12px;line-height:1.8}.scene-login{text-align:center;max-width:560px;margin:55px auto 80px}.scene-login h1{margin:0 0 16px;font-size:28px}.scene-login p{color:#6c7a70;margin:0 0 24px;font-size:14px;line-height:1.9}.scene-lab-design-placeholder{text-align:center;color:#56705c;padding:100px 20px;line-height:1.8}.scene-lab-design-placeholder strong{font-size:24px}@media (width<=760px){.scene-lab-app .scene-lab-main{padding:16px 12px 24px}.scene-lab-tools{flex-wrap:wrap;align-items:flex-start;font-size:12px}.scene-lab-tools>div{gap:12px;margin-left:auto}.scene-lab-frame iframe{height:1550px}.scene-login{margin:40px auto 70px;padding:0 12px}.scene-login h1{font-size:25px}}.page-design-editor{margin:24px 0}.design-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.design-heading h2{margin:0 0 8px;font-size:24px}.design-heading p{color:#667066;margin:0;font-size:13px;line-height:1.7}.design-state{color:#315d48;white-space:nowrap;background:#edf3ef;border-radius:20px;padding:8px 12px;font-size:12px}.design-state.dirty{color:#966326;background:#fff1de}.design-toolbar{background:#f7f8f7;border:1px solid #e3e7e3;border-radius:10px;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:16px;padding:14px 18px;display:flex}.design-toolbar>label{align-items:center;gap:8px;font-size:13px;display:flex}.design-device{border:1px solid #d8e0d9;border-radius:6px;display:flex;overflow:hidden}.design-device button{background:#fff;border:0;padding:10px 14px;font-size:13px}.design-device button.active,.design-tabs button.active{color:#fff;background:#315d48}.design-workspace{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:18px;display:grid}.design-settings{background:#fff;border:1px solid #e3e7e3;border-radius:10px;overflow:hidden}.design-tabs{border-bottom:1px solid #e3e7e3;grid-template-columns:repeat(3,1fr);gap:5px;padding:12px;display:grid}.design-tabs button{background:#f3f5f3;border:0;border-radius:5px;padding:10px 6px;font-size:13px}.design-fields{border:0;flex-direction:column;gap:18px;min-width:0;max-height:650px;margin:0;padding:18px;display:flex;overflow:auto}.design-fields>label,.design-button-card>label{flex-direction:column;gap:8px;font-size:13px;display:flex}.design-fields textarea,.design-fields select,.design-fields input:not([type=checkbox]):not([type=color]):not([type=range]){width:100%;min-width:0;font-size:13px}.design-fields .design-range{flex-direction:column;gap:7px;display:flex}.design-range>span{justify-content:space-between;gap:10px;display:flex}.design-range output{color:#667066;font-size:12px}.design-fields input[type=range]{accent-color:#315d48;border:0;width:100%;min-height:20px;padding:0}.design-fields .design-auto{color:#667066;align-items:center;gap:7px;font-size:12px;display:flex}.design-check{align-items:center;gap:8px;font-size:13px;flex-direction:row!important;display:flex!important}.design-check input,.design-auto input{accent-color:#315d48;height:16px;min-height:0;width:16px!important;padding:0!important}.design-color{align-items:center;grid-template-columns:1fr 44px!important;display:grid!important}.design-color input{width:44px;height:36px;min-height:0;padding:2px}.design-color span{color:#667066;grid-column:1/-1;font-size:12px}.design-help{color:#667066;margin:0;font-size:12px;line-height:1.8}.design-preview{background:#edf0ed;border:1px solid #dce4dd;border-radius:10px;min-width:0;overflow:hidden}.design-preview-label{background:#fff;border-bottom:1px solid #dce4dd;justify-content:space-between;gap:12px;padding:13px 16px;font-size:13px;display:flex}.design-preview-label small{color:#667066;font-size:11px}.design-canvas{width:100%;min-height:400px;padding:10px 0;overflow:auto}.design-savebar{z-index:4;background:#fff;border:1px solid #e3e7e3;border-radius:10px;align-items:center;gap:12px;margin-top:18px;padding:16px;display:flex;position:sticky;bottom:12px;box-shadow:0 4px 18px #00000008}.design-savebar>span{color:#667066;margin-right:auto;font-size:12px}.design-message{color:#315d48;background:#edf3ef;border-radius:7px;padding:12px 16px;font-size:13px}.design-module-list h3{margin:0 0 10px;font-size:13px}.design-module{cursor:grab;border:1px solid #dce4dd;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:10px;display:flex}.design-module>span{flex:1;font-size:13px}.design-module button,.design-button-actions button{background:#fff;border:1px solid #dce4dd;border-radius:5px;padding:5px 8px;font-size:12px}.design-button-card{border:1px solid #dce4dd;border-radius:8px;flex-direction:column;gap:12px;padding:13px;display:flex}.design-button-actions{justify-content:space-between;align-items:center;display:flex}.design-history{text-align:left;background:#f7f8f7;border:1px solid #dce4dd;border-radius:7px;flex-direction:column;gap:6px;padding:12px;display:flex}.design-history strong{font-size:13px}.design-history span{color:#667066;font-size:11px}.admin-tabs{flex-wrap:wrap}.site-designed .intro-copy h1>span{white-space:pre-line}.site-designed .intro-copy p{white-space:pre-wrap}@media (width<=1000px){.design-workspace{grid-template-columns:250px minmax(0,1fr)}.design-heading{align-items:flex-start}.design-preview-label{flex-wrap:wrap}}@media (width<=760px){.design-workspace{grid-template-columns:1fr}.design-fields{max-height:400px}.design-settings{order:1}.design-preview{order:0}.design-savebar{flex-wrap:wrap;bottom:4px}.design-savebar>span{width:100%}.design-toolbar{gap:12px;padding:12px}.design-toolbar>label{width:100%}.design-heading{flex-wrap:wrap}.design-canvas{min-height:300px}}:root{--green:#28513d;--green-dark:#173c2a;--lime:#dbe7ad;--cream:#f8f7f1;--ink:#23352c;--muted:#788178;--orange:#cc794b;--line:#e1e5da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}button svg,a svg{flex-shrink:0}button{border:0}input,select,textarea{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #dce2d7;border-radius:10px;outline:0;padding:13px 14px}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #28513d12}textarea{resize:vertical}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}input:disabled{background:#f2f3ed}main{max-width:1180px;min-height:calc(100vh - 166px);margin:auto;padding:0 30px}.site-header{border-bottom:1px solid var(--line);background:#f8f7f1e8;height:90px}.header-inner{justify-content:space-between;align-items:center;max-width:1280px;height:100%;margin:auto;padding:0 50px;display:flex}.brand{letter-spacing:2px;align-items:center;gap:12px;font-size:23px;font-weight:750;display:flex}.brand small{letter-spacing:2.5px;color:var(--muted);margin-top:3px;font-size:10px;font-weight:400;display:block}.brand-mark{background:var(--green);width:44px;height:44px;color:var(--lime);border-radius:13px;place-items:center;display:grid;position:relative}.brand-mark svg+svg{fill:var(--lime);background:var(--green);position:absolute;top:6px;right:6px}nav{align-items:center;gap:28px;display:flex}.course-label{color:var(--muted);letter-spacing:1px;font-size:12px}.teacher-link{border-left:1px solid #d7ddcf;align-items:center;gap:7px;padding-left:25px;font-size:12px;display:flex}.primary,.secondary,.upload-button{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-weight:600;line-height:1.3;transition:background .15s,transform .15s;display:inline-flex}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.secondary,.upload-button{color:var(--green);background:#fff;border:1px solid #d6ded1}.secondary:hover{background:#edf2e7}.text-link{color:var(--green);background:0 0;align-items:center;gap:8px;padding:6px 0;font-size:13px;font-weight:600;display:inline-flex}.icon-btn{background:0 0;border-radius:8px;place-items:center;min-width:34px;min-height:34px;padding:8px;display:inline-grid}.icon-btn:hover{background:#eaf0e4}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:45px;min-height:526px;padding:70px 0 60px;display:grid}.eyebrow{letter-spacing:2.2px;color:#738572;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.eyebrow>span:first-child:not(.zh-tag){background:#7a9460;border-radius:50%;width:7px;height:7px}.zh-tag{letter-spacing:1px;background:#e7ecd9;border-radius:4px;padding:4px 8px;font-size:10px}.hero h1{letter-spacing:2px;margin-top:20px;font-size:clamp(36px,4vw,49px);font-weight:750;line-height:1.4;position:relative}.hero h1>span:not(.hero-spark){color:var(--green)}.hero-spark{color:var(--orange);margin-left:18px;font-size:44px;font-weight:400;position:absolute;top:63px}.hero-copy>p{color:#7b8378;margin-top:20px;font-size:15px;line-height:1.95}.hero-actions{align-items:center;gap:27px;margin-top:30px;display:flex}.hero-actions>.primary{padding:16px 23px}.hero-meta{color:#7b8476;align-items:center;gap:17px;margin-top:29px;font-size:11px;display:flex}.hero-meta span{align-items:center;gap:6px;display:flex}.hero-meta i{background:#d5dccc;width:1px;height:11px}.hero-art{background:#edf0e4;border-radius:24px;height:375px;position:relative;overflow:hidden}.art-grid{opacity:.4;background-image:linear-gradient(#d9dfcd 1px,#0000 1px),linear-gradient(90deg,#d9dfcd 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(110deg,#0000,#000);mask-image:linear-gradient(110deg,#0000,#000)}.art-card{background:#fff;border:1px solid #e3e7db;border-radius:13px;width:205px;padding:10px 10px 0;position:absolute;box-shadow:0 10px 22px #40513412}.art-card img{object-fit:contain;background:#f2f3ed;border-radius:7px;width:100%;height:158px}.art-card>div{color:#8c9687;justify-content:space-between;align-items:center;gap:5px;padding:12px 0;font-size:9px;display:flex}.art-card>div span:last-child{align-items:center;gap:6px;display:flex}.art-card-0{top:58px;left:34px;transform:rotate(-9deg)}.art-card-1{top:39px;right:25px;transform:rotate(8deg)}.art-card-2{z-index:2;top:139px;left:140px;transform:rotate(-1deg)}.art-note{color:var(--green);z-index:3;background:var(--lime);border-radius:7px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;display:flex;position:absolute;top:21px;left:25px;transform:rotate(-4deg)}.art-round{background:#dce6c3;border-radius:50%;place-items:center;width:49px;height:49px;display:grid;position:absolute;bottom:29px;left:36px;transform:rotate(-20deg)}.art-caption{letter-spacing:2px;color:#8b9b81;font-size:8px;position:absolute;bottom:14px;right:24px}.art-empty{color:#6d8260;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.art-empty small{font-size:11px}.resume{color:var(--green);background:#edf1e5;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin:0 0 25px;padding:14px 20px;font-size:13px;display:flex}.resume>span{align-items:center;gap:9px;display:flex}.categories-section{padding:25px 0 43px;scroll-margin-top:20px}.section-head{justify-content:space-between;align-items:end;margin-bottom:27px;display:flex}.section-head h2{margin:10px 0;font-size:27px}.section-head p{color:var(--muted);font-size:13px}.round-size{color:var(--muted);align-items:center;gap:12px;font-size:11px;display:flex}.round-size select{background:0 0;width:105px;padding:9px;font-size:12px}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px;display:grid}.category-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:13px;transition:transform .2s,box-shadow .2s;overflow:hidden}.category-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 10px 23px #23462713}.category-card:disabled{opacity:.8}.category-image{background:#efefe7;border-radius:7px;height:166px;margin:9px 9px 0;position:relative;overflow:hidden}.category-image>img{object-fit:contain;width:100%;height:100%}.card-number{letter-spacing:1px;color:#64765c;background:#ffffffe6;border-radius:4px;padding:3px 6px;font-size:9px;position:absolute;top:9px;left:9px}.category-info{justify-content:space-between;align-items:center;gap:5px;padding:18px 17px;display:flex}.category-info h3{font-size:16px;font-weight:650}.category-info p{color:var(--muted);margin-top:8px;font-size:10px}.circle-arrow{width:29px;height:29px;color:var(--green);border:1px solid #e0e7d8;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.category-empty{color:#a1ad91;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;font-size:11px;display:flex}.howto{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:38px 0;display:grid}.howto>div{border-left:1px solid var(--line);grid-template-columns:35px 1fr;align-items:center;column-gap:16px;padding:0 26px;display:grid;position:relative}.howto>div:first-child{border:0;padding-left:0}.howto svg{color:#637b56;grid-row:span 2;width:24px}.howto h3{font-size:13px;font-weight:600}.howto p{color:var(--muted);margin-top:6px;font-size:10px}.howto div>span{color:#d7dfca;font-size:25px;font-weight:600;position:absolute;top:-2px;right:35px}footer{border-top:1px solid var(--line);color:#9ba58f;letter-spacing:1px;justify-content:space-between;max-width:1180px;margin:0 auto;padding:25px 30px;font-size:10px;display:flex}footer span:first-child{align-items:center;gap:7px;display:flex}.notice{color:#8c4a28;word-break:break-word;background:#fff0e7;border:1px solid #f1d7c4;border-radius:9px;align-items:center;gap:9px;margin:15px 0;padding:13px 15px;font-size:13px;line-height:1.6;display:flex}.notice svg{flex-shrink:0}.game{max-width:920px;margin:35px auto 45px}.game-top{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.progress-label{color:var(--muted)}.progress-label strong{color:var(--green);margin-left:6px;font-size:15px}.progress-track{background:#e2e8d8;border-radius:4px;height:4px;margin:18px 0 35px;overflow:hidden}.progress-track>div{background:var(--green);height:100%;transition:width .3s}.game-heading{text-align:center;margin-bottom:23px}.game-heading .eyebrow{justify-content:center}.game-heading h1{margin:12px 0;font-size:27px}.game-heading p{color:var(--muted);font-size:12px}.flip-card{background:#fff;border:1px solid #dce3d3;border-radius:19px;animation:.28s ease-out flipIn;overflow:hidden;box-shadow:0 12px 35px #36503708}.material-photo{border-bottom:1px solid var(--line);background:#f0f0e9;width:100%;height:390px;padding:16px;display:block;position:relative}.material-photo img{object-fit:contain;width:100%;height:100%}.material-photo>span{color:#738366;background:#fffffff0;border-radius:6px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;display:flex;position:absolute;bottom:15px;right:17px}.answer-area{padding:22px 30px 27px}.answer-title{align-items:center;gap:8px;margin-bottom:13px;font-size:13px;display:flex}.answer-title>small{color:var(--muted);margin-left:auto;font-size:10px}.answer-area form{gap:12px;display:flex}.answer-area input{padding:16px 18px;font-size:16px}.answer-area form button{padding:14px 27px}.feedback{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:510px;padding:40px 45px;display:flex}.feedback-icon{width:76px;height:76px;color:var(--green);background:#e9f0db;border-radius:50%;place-items:center;margin-bottom:18px;display:grid}.incorrect .feedback-icon{color:#ad693a;background:#faeadb}.feedback .eyebrow{justify-content:center}.feedback h2{margin:17px 0 11px;font-size:25px}.material-name{color:var(--green);margin:7px 0 22px;font-size:31px}.knowledge{text-align:left;grid-template-columns:1fr 1fr;gap:22px;width:100%;max-width:650px;line-height:1.8;display:grid}.knowledge h4{color:#667d53;margin-bottom:7px;font-size:12px}.knowledge p{white-space:pre-wrap;color:#64705e;font-size:13px}.knowledge>p{text-align:center;grid-column:1/-1}.feedback-actions{gap:12px;margin-top:29px;display:flex}.hint-box{text-align:left;background:#f7f2e7;border:1px solid #ede2cc;border-radius:10px;width:100%;max-width:650px;margin:18px 0;padding:18px 22px}.hint-box h4{color:#997440;align-items:center;gap:8px;margin-bottom:9px;font-size:12px;display:flex}.hint-box p{color:#88735b;white-space:pre-wrap;font-size:13px;line-height:1.9}.attempt-note{color:var(--muted);margin:0 0 23px;font-size:11px}.question-dots{flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0;display:flex}.question-dots button{color:#859576;background:#e8eddf;border:1px solid #0000;border-radius:7px;place-items:center;width:29px;height:29px;font-size:10px;display:grid}.question-dots .active{border-color:var(--green);color:var(--green);background:#fff}.question-dots .done{background:var(--green);color:#fff}.device-note{color:#93a086;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.result-page{text-align:center;max-width:880px;margin:60px auto 70px}.success-medal{background:var(--lime);width:88px;height:88px;color:var(--green);border-radius:50%;place-items:center;margin:0 auto 20px;display:grid}.result-page .eyebrow{justify-content:center}.result-page h1{margin:15px 0;font-size:32px}.result-page>p{color:var(--muted);font-size:13px}.stats-grid{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(4,1fr);margin:35px 0;padding:28px 10px;display:grid}.stats-grid>div{border-left:1px solid var(--line);flex-direction:column;gap:10px;display:flex}.stats-grid>div:first-child{border:0}.stats-grid strong{color:var(--green);font-size:34px;font-weight:650}.stats-grid span{color:var(--muted);font-size:12px}.review-box{text-align:left;background:#edf1e5;border-radius:13px;padding:24px}.review-box h3{align-items:center;gap:9px;margin-bottom:15px;font-size:14px;display:flex}.review-box>p{color:#5d754d;gap:8px;font-size:13px;display:flex}.wrong-tags{flex-wrap:wrap;gap:10px;display:flex}.wrong-tags span{background:#fff;border:1px solid #dde5d4;border-radius:7px;padding:9px 13px;font-size:12px}.result-actions{justify-content:center;gap:15px;margin-top:28px;display:flex}.correct-name{color:var(--green);margin:15px 0;font-size:24px}.modal{width:min(900px,100% - 30px);max-height:90dvh;color:var(--ink);background:#fbfcf7;border:1px solid #dde4d4;border-radius:17px;padding:0 25px 25px;box-shadow:0 15px 60px #102d2828}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10251e88}.modal-head{border-bottom:1px solid var(--line);z-index:5;background:#fbfcf7;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;padding:19px 0;display:flex;position:sticky;top:0}.modal h2{font-size:20px}.zoom-image{object-fit:contain;width:100%;max-height:72vh}.admin-app main{padding-top:40px;padding-bottom:45px}.admin-title{justify-content:space-between;align-items:center;gap:15px;display:flex}.admin-title h1{margin:11px 0;font-size:31px}.admin-title p{color:var(--muted);font-size:13px}.admin-stats{border:1px solid var(--line);background:#fff;border-radius:12px;gap:28px;margin:28px 0;padding:21px 24px;display:flex}.admin-stats span{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.admin-stats strong{color:var(--green);margin-right:-3px;font-size:22px;font-weight:650}.admin-tabs{border-bottom:1px solid var(--line);gap:30px;margin:30px 0 22px;display:flex}.admin-tabs button{color:var(--muted);background:0 0;border-bottom:2px solid #0000;padding:12px 3px;font-size:14px}.admin-tabs .active{color:var(--green);border-color:var(--green);font-weight:650}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0;display:flex}.toolbar>.primary{margin-left:auto}.toolbar select{width:auto;font-size:12px}.search-box{color:var(--muted);background:#fff;border:1px solid #dce2d7;border-radius:10px;align-items:center;gap:7px;padding-left:12px;display:flex}.search-box input{background:0 0;border:0;min-width:160px;font-size:12px}.admin-materials{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.admin-material{border:1px solid var(--line);background:#fff;border-radius:13px;gap:13px;min-width:0;padding:13px;display:flex}.admin-material>img{object-fit:contain;background:#f2f3ec;border-radius:8px;width:94px;height:123px}.material-details{flex:1;min-width:0}.material-details h3{overflow-wrap:anywhere;margin:9px 0 6px;font-size:15px}.material-details p{color:var(--muted);font-size:10px}.status{color:#808977;background:#ecefe7;border-radius:4px;padding:3px 6px;font-size:9px;display:inline-block}.status.published{color:#4a7034;background:#e3eed7}.status.offline{color:#ad784d;background:#faecdf}.row-actions{align-items:center;gap:12px;margin-top:10px;display:flex}.row-actions .text-link{gap:4px;font-size:11px}.row-actions .danger{margin-left:auto}.danger{color:#b15c3c}.muted{color:var(--muted)}.small{font-size:11px;line-height:1.8}.empty-state{text-align:center;color:#95a284;border:1px dashed #d8e0cf;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;display:flex}.empty-state h3{color:#698257;font-size:18px}.empty-state p{font-size:12px}.loading{text-align:center;color:var(--muted);padding:90px}.login-panel{text-align:center;max-width:430px;margin:40px auto 70px}.login-icon{width:64px;height:64px;color:var(--green);background:#e5ebd8;border-radius:17px;place-items:center;margin:0 auto 20px;display:grid}.login-panel .eyebrow{justify-content:center}.login-panel h1{margin:15px 0;font-size:27px}.login-panel>p{color:var(--muted);margin-bottom:25px;font-size:12px}.login-panel form{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:19px;padding:29px;display:flex}.login-panel label,.form-stack label{color:#697761;flex-direction:column;gap:8px;font-size:12px;display:flex}.login-panel>p:last-child{margin-top:21px}.form-stack{flex-direction:column;gap:16px;display:flex}.form-stack input,.form-stack select,.form-stack textarea{font-size:13px}.editor-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.image-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.image-grid>div{border:1px solid var(--line);background:#edf0e7;border-radius:9px;position:relative;overflow:hidden}.image-grid button:first-child{background:0 0;width:100%;height:150px;padding:5px;display:block}.image-grid img{object-fit:contain;width:100%;height:100%}.image-remove{color:#a25c3a;background:#fff;border-radius:50%;padding:5px;position:absolute;top:5px;right:5px}.upload-zone{text-align:center;color:#6a8057;cursor:pointer;background:#f0f4e8;border:1px dashed #b9c9a7;border-radius:10px;flex-direction:column;align-items:center;gap:10px;margin-top:15px;padding:30px 15px;display:flex}.upload-zone strong{font-size:13px}.upload-zone span{color:#8a977e;font-size:9px}.upload-zone input,.upload-button input{display:none}.upload-status{color:#688353;background:#edf3e6;border-radius:6px;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px;padding:8px;font-size:10px;display:flex}.upload-status>span:first-child{overflow-wrap:anywhere;flex:1}.upload-status.failed{color:#a65b36;background:#fff0e3}.editor-images>p{margin:15px 0}.editor-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:22px;padding-top:22px;display:flex}.editor-actions>div{gap:8px;display:flex}.editor-actions button{font-size:12px}.cover-setting>p:first-child{color:#697761;margin-bottom:12px;font-size:12px}.cover-setting>img{object-fit:contain;background:#eef1e7;border-radius:9px;width:180px;height:120px;margin:12px 0;display:block}.cover-setting .text-link{margin-left:15px}.cover-setting .muted{margin-top:10px}.category-manage{flex-direction:column;gap:13px;display:flex}.category-row{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:20px;padding:13px 20px;display:flex}.category-row img,.mini-empty{object-fit:contain;background:#eef2e7;border-radius:7px;width:68px;height:58px}.mini-empty{color:#899d72;place-items:center;display:grid}.category-row h3{font-size:15px}.category-row p{color:var(--muted);margin-top:6px;font-size:11px}.cat-actions{gap:6px;margin-left:auto;display:flex}.preview-card{text-align:center;flex-direction:column;align-items:center;gap:15px;display:flex}.preview-card>img{object-fit:contain;background:#edf1e7;border-radius:10px;width:100%;height:360px}.preview-card p{white-space:pre-wrap;font-size:13px;line-height:1.9}.preview-card input{max-width:460px}.preview-card>svg{color:var(--green)}.toast{z-index:20;background:var(--green);color:#fff;border-radius:11px;align-items:center;gap:10px;max-width:90vw;padding:15px 22px;font-size:13px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #19392125}.import-panel h2{margin:23px 0 11px;font-size:21px}.import-panel>p{font-size:12px;line-height:1.8}.default-cat{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.import-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.import-row{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1.1fr 1.2fr 1fr .85fr 34px;align-items:center;gap:13px;padding:15px;display:grid}.import-row:last-child{border-bottom:0}.import-file{overflow-wrap:anywhere;align-items:center;gap:8px;font-size:11px;display:flex}.import-file>svg{color:#9ba88c;flex-shrink:0}.import-file small{color:var(--muted);margin-top:3px;display:block}.import-row input,.import-row select{padding:9px 11px;font-size:12px}.import-state{color:#66874e;font-size:10px}.import-state small{overflow-wrap:anywhere;margin-top:4px;display:block}.import-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin:22px 0;font-size:12px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes flipIn{0%{opacity:.35;transform:perspective(1500px)rotateY(12deg)}to{opacity:1;transform:perspective(1500px)rotateY(0)}}@media (width<=1050px){.hero{gap:20px}.hero-art{height:350px}.art-card{width:180px}.art-card img{height:135px}.art-card-2{top:150px;left:100px}.art-card-0{left:18px}.art-card-1{right:13px}.category-grid{gap:14px}.category-info{padding:16px 12px}.category-info h3{font-size:14px}.category-image{height:150px}.admin-materials{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){main{padding:0 20px}.site-header{height:77px}.header-inner{padding:0 20px}.brand{gap:9px;font-size:20px}.brand small{letter-spacing:1.7px;font-size:8px}.brand-mark{width:37px;height:37px}.course-label{display:none}.teacher-link{border:0;padding-left:0;font-size:11px}nav{gap:13px}.hero{grid-template-columns:1fr;gap:27px;padding:42px 0 26px}.hero h1{font-size:42px}.hero-spark{font-size:36px;top:62px}.hero-copy>p{margin-top:15px;font-size:13px}.hero-actions{margin-top:23px}.hero-meta{margin-top:22px}.hero-art{width:100%;max-width:500px;height:300px;margin:auto}.art-card{width:181px}.art-card-0{top:33px;left:15%}.art-card-1{top:29px;right:11%}.art-card-2{top:107px;left:35%}.art-note{top:11px;left:16px}.art-round{bottom:24px;left:35px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.categories-section{padding-top:23px}.section-head h2{font-size:24px}.section-head .eyebrow{letter-spacing:1.2px;font-size:8px}.round-size{flex-direction:column;align-items:flex-end;gap:5px}.section-head p{font-size:11px}.category-image{height:155px;margin:7px 7px 0}.category-info h3{font-size:13px;line-height:1.5}.category-info p{margin-top:5px;font-size:9px}.category-info{padding:13px 11px}.circle-arrow{width:25px;height:25px}.howto{gap:15px;padding:26px 0}.howto>div{flex-direction:column;align-items:flex-start;gap:9px;padding:0 0 0 15px;display:flex}.howto h3{font-size:11px}.howto p{margin:0;font-size:9px;line-height:1.8}.howto div>span{font-size:17px;top:0;right:3px}.howto svg{width:20px}.resume{gap:10px;padding:12px;font-size:10px}.resume .text-link{font-size:11px}.resume span svg{flex-shrink:0;width:15px}footer{letter-spacing:.3px;padding:21px 20px;font-size:8px}footer span:last-child{display:none}.game{margin-top:23px}.game-top,.game-top .text-link{font-size:11px}.game-heading h1{font-size:23px;line-height:1.5}.game-heading p{font-size:11px}.progress-track{margin-bottom:26px}.material-photo{height:350px;padding:10px}.answer-area{padding:18px}.answer-title small{font-size:9px}.answer-area form{flex-direction:column;gap:10px}.answer-area form button{padding:15px}.answer-area input{padding:14px}.feedback{min-height:490px;padding:30px 20px}.feedback h2{font-size:22px;line-height:1.6}.material-name{font-size:28px}.knowledge{grid-template-columns:1fr;gap:15px}.feedback-actions{gap:9px;width:100%}.feedback-actions button{flex:1;padding:13px 14px;font-size:12px}.feedback-icon{width:68px;height:68px}.result-page{margin-top:40px}.result-page h1{font-size:26px;line-height:1.5}.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px;padding:25px 10px}.stats-grid>div:nth-child(3){border-left:0}.stats-grid strong{font-size:29px}.result-actions{flex-wrap:wrap;gap:10px}.result-actions button{font-size:12px}.review-box{padding:20px}.device-note{font-size:9px}.admin-app main{padding-top:28px}.admin-title h1{font-size:27px}.admin-title p{font-size:11px}.admin-title>.secondary{padding:10px 12px;font-size:10px}.admin-stats{grid-template-columns:1fr 1fr;gap:17px;margin:24px 0;padding:18px;display:grid}.admin-stats strong{font-size:20px}.admin-tabs{gap:24px;margin-top:23px}.admin-tabs button{font-size:12px}.toolbar{gap:9px}.toolbar>.primary{padding:12px 15px;font-size:11px}.toolbar>.search-box,.search-box input{width:100%}.toolbar select{max-width:48%;padding:11px;font-size:11px}.toolbar>.muted{flex:1;font-size:11px;line-height:1.8}.admin-materials{grid-template-columns:1fr;gap:12px}.admin-material>img{width:108px;height:115px}.material-details h3{font-size:16px}.material-details p{font-size:11px}.row-actions{margin-top:12px}.row-actions .text-link{font-size:12px}.category-row{gap:12px;padding:12px}.category-row img,.mini-empty{flex-shrink:0;width:46px;height:48px}.category-row h3{font-size:13px}.category-row p{font-size:9px;line-height:1.6}.cat-actions{flex-wrap:wrap;flex-shrink:0;gap:0;max-width:76px}.cat-actions .icon-btn{min-width:30px;padding:6px}.modal{border-radius:12px;width:calc(100% - 20px);max-height:94dvh;padding:0 17px 20px}.modal-head{padding:13px 0}.modal h2{font-size:18px}.editor-grid{grid-template-columns:1fr;gap:22px}.editor-actions{flex-direction:column;align-items:stretch}.editor-actions>div{flex-wrap:wrap;gap:8px}.editor-actions>div button{flex:1;padding:13px 10px}.editor-actions>.text-link{justify-content:center}.preview-card>img{height:270px}.upload-zone{padding:24px 10px}.login-panel{margin:25px auto 50px}.login-panel h1{font-size:24px}.login-panel form{padding:22px}.import-row{grid-template-columns:1fr 1fr 28px;gap:10px;padding:14px}.import-file{grid-column:1/3;font-size:12px}.import-row>label:nth-child(2){grid-column:1/3}.import-row>label:nth-child(3){grid-column:1/2}.import-row>.import-state{grid-area:3/2/auto/3}.import-row>.icon-btn{grid-area:1/3/auto/4}.import-footer{flex-direction:column;align-items:stretch}.default-cat{font-size:11px}.default-cat select{flex:1;max-width:none}.import-panel .toolbar{flex-direction:column;align-items:stretch}.import-panel .upload-button{font-size:12px}.import-panel h2{font-size:20px}.toast{width:max-content;max-width:90vw;padding:13px 15px;font-size:11px}.loading{padding:60px 10px}}@media (width<=390px){.hero h1{font-size:36px}.hero-spark{margin-left:7px;font-size:28px;top:53px}.eyebrow{letter-spacing:1.3px;font-size:8px}.hero-art{height:270px}.art-card{width:156px}.art-card img{height:115px}.art-card-0{left:5%}.art-card-1{right:6%}.art-card-2{top:99px;left:27%}.hero-actions{gap:18px}.hero-actions .primary{font-size:13px}.category-image{height:126px}.category-info h3{font-size:12px}.circle-arrow{width:20px;height:20px}.circle-arrow svg{width:14px}.category-info{padding:12px 8px}.material-photo{height:300px}.game-heading h1{font-size:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=640px){.library-banner{flex-direction:column;align-items:stretch;padding:18px}.library-banner button{font-size:12px}}.library-banner{background:#e9efdc;border:1px solid #dce5c9;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin:20px 0;padding:22px;display:flex}.library-banner strong{font-size:16px}.library-banner p{color:#637556;margin-top:7px;font-size:12px;line-height:1.7}@media (width<=640px){.library-banner{flex-direction:column;align-items:stretch;padding:18px}.library-banner button{font-size:12px}}