*{box-sizing:border-box}body{margin:0;background:#eef0ec;color:#202521;font-family:Arial,"Microsoft YaHei",sans-serif}.app-shell{width:min(100%,480px);min-height:100vh;margin:auto;background:#fcfcf8;position:relative}.hidden{display:none!important}.access-screen{min-height:100vh;padding:120px 28px 36px;background:#244c3c;color:#fff}.brand-mark{width:64px;height:64px;border:1px solid #c8d89e;display:grid;place-items:center;color:#d9efac;font:42px Georgia,serif;margin-bottom:22px}.eyebrow{color:#87ad65;font-size:11px;letter-spacing:1.7px;font-weight:700}.access-screen h1,.app-header h1{font:34px/1.15 Georgia,"Times New Roman",serif;margin:12px 0}.access-screen p{color:#d6e1d9;line-height:1.7}.access-screen form{margin-top:38px}.access-screen input,textarea{width:100%;border:0;background:#fff;color:#202521;padding:15px;font-size:16px;border-radius:2px}.access-screen button,.practice-card button{width:100%;border:0;background:#c2df76;color:#213d2f;padding:15px;font-weight:700;font-size:15px;margin-top:12px;border-radius:2px}.message{min-height:20px;color:#ffd6cc;font-size:13px}.app-header{padding:26px 22px 18px;display:flex;align-items:start;justify-content:space-between;background:#fcfcf8;border-bottom:1px solid #e7e9e3}.app-header h1{font-size:25px;margin-top:7px}.text-button{background:none;border:0;color:#496b55;padding:6px;font-size:13px}.view{display:none;padding:22px 18px 95px;min-height:calc(100vh - 102px)}.view.active{display:block}.countdown-panel{margin-top:7vh;text-align:center;padding:42px 20px;background:#244c3c;color:#fff}.live-dot{color:#d5ed93;letter-spacing:1.5px;font-size:11px}.countdown-panel h2{font:25px Georgia,serif;margin:18px 0}.countdown{font:43px Georgia,serif;color:#d5ed93;letter-spacing:2px}.countdown-panel p{font-size:13px;color:#cfddd5;line-height:1.6}.replay-cta{width:100%;border:1px solid #d5ed93;background:#d5ed93;color:#244c3c;padding:13px;font-size:14px;font-weight:700;margin-top:20px}.live-label{font-size:13px;color:#375d48;margin-bottom:12px}.live-label span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d65243;margin-right:5px}.video-frame{width:min(100%,360px);margin:0 auto;background:#111;aspect-ratio:9/16;position:relative;overflow:hidden}.video-frame video{width:100%;height:100%;display:block;object-fit:cover;background:#111}.video-frame:fullscreen{width:100%;height:100%;max-width:none;aspect-ratio:auto;display:grid;place-items:center;background:#000}.video-frame:fullscreen video{object-fit:contain;max-width:100%;max-height:100%}.start-live{position:absolute;inset:0;z-index:3;border:0;background:linear-gradient(135deg,#3b6b4f 0%,#2d5340 100%);color:#fff;font-size:17px;font-weight:700;letter-spacing:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer}.start-live::before{content:"";display:block;width:48px;height:48px;border:2px solid rgba(255,255,255,.45);border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/55% no-repeat rgba(255,255,255,.12)}.start-live:active{background:linear-gradient(135deg,#2d5340 0%,#1e3b2c 100%)}.start-live.hidden{display:none}#liveShield{position:absolute;inset:0;z-index:2}.section-heading{margin:5px 0 20px}.section-heading span{color:#71905c;font-size:11px;letter-spacing:1.5px;font-weight:700}.section-heading h2{font:27px Georgia,serif;margin:8px 0}.practice-card{background:#e7eee0;border:1px solid #d4e0cd;padding:20px}.practice-card p{font-size:14px;line-height:1.6}.exercise-questions{font-size:14px;line-height:1.65}.exercise-questions ol{margin:0 0 16px;padding-left:22px}.exercise-questions li+li{margin-top:8px}.practice-card textarea{height:180px;resize:none;border:1px solid #ccd8c4}.voice-controls{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:12px;color:#607164}.voice-controls button{padding:7px 10px;border:1px solid #a7b69d;background:#fff;color:#48653d;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.voice-controls button.recording{background:#d5ed93;border-color:#6b8b58;color:#244c3c}.voice-controls button:disabled{color:#9aa399;background:#eef1ec}.voice-list{display:grid;gap:6px;margin:8px 0 12px}.voice-item{display:flex;align-items:center;gap:8px;padding:7px 9px;background:#f7faf4;border:1px solid #d6e0d0;font-size:12px;color:#607164}.voice-item span{flex:1}.voice-item button{width:auto;margin:0;padding:5px 9px;font-size:12px;font-weight:400;background:#fff;border:1px solid #a7b69d}.practice-card button:disabled{background:#c9cdc6;color:#788078}.subtle{font-size:12px;color:#607164!important}.profile-form{margin-bottom:28px}.profile-form .section-heading{margin-bottom:8px}.profile-summary{display:flex;align-items:baseline;gap:8px;color:#344238;font-size:15px}.profile-summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-summary button{border:0;background:transparent;color:#64815b;padding:0;font-size:12px;white-space:nowrap}.profile-strip{display:flex;align-items:center;gap:13px;padding:17px;background:#244c3c;color:#fff;margin-bottom:28px}.profile-strip p{font-size:12px;color:#c8d8ce;margin:5px 0}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#d4eb8c;color:#244c3c;font-weight:700}.lesson-list{display:grid;gap:9px}.lesson{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border:1px solid #e1e5de}.lesson.disabled{background:#f1f2ed;color:#999}.lesson-index{font:19px Georgia,serif;color:#709157}.disabled .lesson-index{color:#a7aaa5}.lesson-copy{flex:1}.lesson-copy strong,.lesson-copy span{display:block}.lesson-copy strong{font-size:14px}.lesson-copy span{font-size:12px;color:#718075;margin-top:4px}.lesson-actions{display:flex;flex-direction:row;gap:6px;align-items:center}.replay-button,.exercise-button{border:1px solid #6b8b58;background:#fff;color:#48653d;padding:7px 10px;font-size:12px;white-space:nowrap}.exercise-button{border-color:#a7b69d;color:#5e7358}.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);display:flex;background:#fff;border-top:1px solid #e1e4dd;padding-bottom:max(6px,env(safe-area-inset-bottom))}.tab{flex:1;border:0;background:#fff;color:#8b938b;padding:10px 4px;font-size:12px}.tab span{display:block;font-size:18px;margin-bottom:3px}.tab.active{color:#315d47}dialog{width:min(100%,480px);margin:auto;border:0;padding:0;background:#111;color:#fff}dialog::backdrop{background:rgba(0,0,0,.7)}.player-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.icon-button{width:34px;height:34px;border:1px solid #777;background:transparent;color:#fff;font-size:23px}dialog video{display:block;width:100%;max-height:72vh;background:#000}#profileSetup{width:min(calc(100% - 36px),420px);padding:0;border:0;background:#fcfcf8;color:#202521}#profileSetup::backdrop{background:rgba(0,0,0,.58)}.profile-setup{padding:28px}.profile-setup h2{font:28px Georgia,serif;margin:9px 0}.profile-setup p{color:#607164;font-size:14px;line-height:1.6}.profile-setup input{width:100%;border:1px solid #ccd8c4;padding:13px;font-size:15px}.profile-setup input+input{margin-top:9px}.profile-setup button[type="submit"]{width:100%;border:0;background:#244c3c;color:#fff;padding:13px;font-weight:700;margin-top:14px}.profile-setup .text-button{display:block;margin:10px auto 0}@media(min-width:700px){body{padding:20px}.app-shell{box-shadow:0 8px 35px rgba(0,0,0,.12);min-height:calc(100vh - 40px)}}
.admin-body{background:#f5f6f1;color:#202521;padding:0}.admin-login{max-width:420px;margin:48px auto}.admin-login h2{margin-top:0}.admin-login form{display:grid;gap:10px}.admin-login input{border:1px solid #ccd8c4;padding:12px;font-size:15px}.admin-login button{border:0;background:#244c3c;color:#fff;padding:12px;font-weight:700}.admin-shell{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:40px 0 70px}.admin-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #d9ddd5;padding-bottom:24px}.admin-header h1{font:40px/1.1 Georgia,"Times New Roman",serif;margin:8px 0 0}.back-link{color:#3d664c;font-size:14px;text-decoration:none;border-bottom:1px solid #93aa94;padding-bottom:3px}.admin-message{min-height:20px;margin:16px 0 0;font-size:14px}.admin-message.success{color:#2f7147}.admin-message.error{color:#b34336}.admin-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:24px}.admin-section{background:#fff;border:1px solid #dfe3dc;padding:26px}.single-key-section{margin-top:24px}.single-key-camp{display:block;max-width:420px;margin-top:18px;font-size:14px;font-weight:700;color:#3e473f}.single-key-camp select{display:block;width:100%;margin-top:8px;border:1px solid #cbd3c9;background:#fff;color:#252b26;padding:12px;font:14px Arial,"Microsoft YaHei",sans-serif}.single-key-button{border:0;background:#244c3c;color:#fff;padding:14px 20px;margin-top:18px;font-size:14px;font-weight:700;cursor:pointer}.single-key-button:hover{background:#376951}.single-key-result{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;background:#eef5e8;border:1px solid #d0dfc6}.single-key-result strong{font:18px ui-monospace,Consolas,monospace;letter-spacing:1px}.single-key-result .copy-button{float:none;margin-left:auto}.keys-section{margin-top:18px}.section-title{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #e5e8e2;padding-bottom:15px}.section-title h2{font:26px Georgia,"Times New Roman",serif;margin:0}.section-title span{font-size:13px;color:#758077}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid label{display:block;margin:18px 0 0;font-size:14px;font-weight:700;color:#3e473f}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.key-toolbar input,.key-toolbar select{display:block;width:100%;margin-top:8px;border:1px solid #cbd3c9;background:#fff;color:#252b26;padding:12px;font:14px Arial,"Microsoft YaHei",sans-serif;border-radius:0}.form-grid textarea{height:105px;resize:vertical;line-height:1.6}.form-grid button{grid-column:1/-1;border:0;background:#244c3c;color:#fff;padding:14px;margin-top:20px;font-size:14px;font-weight:700;cursor:pointer}.form-grid button:hover,.small-button:hover{background:#376951}.created-keys{margin-top:20px;padding:16px;background:#eef5e8;border:1px solid #d0dfc6}.created-keys>div{display:flex;justify-content:space-between;align-items:center}.created-keys span{font-size:13px;color:#577147}.created-keys textarea{width:100%;height:115px;margin-top:12px;border:1px solid #c7d6be;background:#fff;padding:10px;font:13px/1.6 ui-monospace,Consolas,monospace;resize:vertical}.copy-button{float:right;border:1px solid #537542;background:#fff;color:#35582e;padding:8px 11px;font-size:12px;font-weight:700;cursor:pointer}.copy-button:hover{background:#537542;color:#fff}.camp-list{display:grid;gap:8px;margin-top:22px}.camp-list article{border-left:3px solid #83a966;background:#f5f7f1;padding:12px 14px}.camp-list strong,.camp-list span,.camp-list small{display:block}.camp-list span{font-size:13px;margin:5px 0}.camp-list small{font-size:12px;color:#738078}.key-toolbar{display:grid;grid-template-columns:1.5fr 1fr .8fr auto;gap:10px;margin:20px 0}.key-toolbar input,.key-toolbar select{margin:0}.danger-button{border:0;background:#a9493d;color:#fff;padding:0 14px;font-size:13px;font-weight:700;cursor:pointer}.danger-button:disabled{background:#c9ceca;color:#798078;cursor:not-allowed}.table-wrap{overflow:auto;border:1px solid #e1e5df}table{width:100%;min-width:850px;border-collapse:collapse}th,td{padding:13px 10px;text-align:left;border-bottom:1px solid #e6e9e3;vertical-align:middle;font-size:14px}th{background:#f4f6f2;color:#6a756d;font-size:12px}td small{display:block;font-size:12px;color:#7b857e;margin-top:4px}td select,td input{border:1px solid #cbd3c9;background:#fff;padding:8px;font-size:13px;min-width:145px}.status{display:inline-block;padding:5px 8px;font-size:12px;white-space:nowrap}.bound{background:#fae3da;color:#914327}.idle{background:#e4f0e2;color:#416b4d}.actions{white-space:nowrap}.small-button{border:0;background:#244c3c;color:#fff;padding:8px 10px;font-size:12px;cursor:pointer}.small-button.outline{background:#fff;color:#566258;border:1px solid #bec7bd;margin-left:5px}.small-button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:700px){.admin-shell{width:calc(100% - 24px);padding:24px 0 42px}.admin-header{align-items:flex-start;flex-direction:column;gap:14px}.admin-header h1{font-size:34px}.admin-grid{grid-template-columns:1fr}.admin-section{padding:18px}.form-grid{grid-template-columns:1fr}.key-toolbar{grid-template-columns:1fr 1fr}.key-toolbar input{grid-column:1/-1}.danger-button{min-height:42px}.section-title{gap:10px}.section-title h2{font-size:24px}}