.quick-practice{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 17px}.quick-practice a{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border:1px solid #dfe7e2;border-radius:13px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 7px 24px rgba(27,62,67,.05)}.quick-practice a:hover{border-color:#8fc7bb;transform:translateY(-1px)}.quick-practice b{font-size:13px}.quick-practice span{color:#72858a;font-size:10px}
.practice-shell{width:min(1020px,calc(100% - 36px));margin:26px auto 70px}.home-link{color:inherit;text-decoration:none}.back-link{display:inline-block;margin:0 0 14px;color:#397f77;font-size:11px;font-weight:900;text-decoration:none}.practice-hero{display:flex;justify-content:space-between;align-items:center;min-height:190px;padding:32px 40px;border-radius:24px;color:white;box-shadow:var(--shadow)}.duet-hero{background:radial-gradient(circle at 83% 28%,#bb7bb2 0,#674777 39%,#273c65 100%)}.pronoun-hero{background:radial-gradient(circle at 82% 17%,#5ab9b0 0,#256c75 43%,#173744 100%)}.practice-hero h1{margin:8px 0;font:900 clamp(32px,5vw,52px)/1.1 Georgia,"Noto Serif TC",serif}.practice-hero p{max-width:650px;margin:10px 0 0;color:#e2eded;font-size:12px;line-height:1.7}.music-orbit,.mission-icon{display:grid;place-items:center;flex:none;width:94px;height:94px;border:1px solid #ffffff55;border-radius:50%;background:#ffffff19;color:#ffe5ab;font-size:49px;box-shadow:0 0 0 13px #ffffff0c}
.track-card,.song-card,.how-card,.game-panel,.pronoun-map{margin-top:14px;padding:24px;border:1px solid #dfe7e2;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(27,62,67,.05)}.section-heading,.random-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-heading h2,.how-card h2,.pronoun-map h2{margin:5px 0 0;font-size:20px}.privacy-pill,.level-tag{display:inline-flex;padding:7px 10px;border-radius:99px;background:#e8f5ef;color:#34725f;font-size:9px;font-weight:900}.muted{color:#71858a;font-size:11px;line-height:1.65}.track-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.file-slot{display:grid;gap:5px;padding:13px;border:1px dashed #b6cbc3;border-radius:11px;background:#f8fbf9}.file-slot b{font-size:11px}.file-slot span{color:#75888c;font-size:9px}.file-slot input{max-width:100%;margin-top:5px;font-size:9px}.audio-controls,.line-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:13px}.audio-controls button,.line-tools button,.range-bottom button,.quiz-actions button,.game-tabs button{border:1px solid #dce7e1;border-radius:9px;background:#f5f8f5;color:#365d61;padding:10px 13px;font-size:10px;font-weight:900}.audio-controls .accent-button,.accent-button{border-color:transparent!important;background:var(--teal)!important;color:#fff!important}.status-line{margin:11px 0 0;color:#36796d;font-size:10px}.role-switch{display:flex;gap:7px;margin:15px 0}.role-tab{border:1px solid #e0e7e3;border-radius:99px;background:#f8faf8;padding:8px 14px;color:#6f8184;font-size:10px;font-weight:900}.role-tab.selected{border-color:#6eb2a4;background:#eaf7f2;color:#25695e}.lyric-lines{display:grid;gap:8px}.lyric-line{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:12px;width:100%;padding:13px 15px;border:1px solid #e3eae6;border-radius:12px;background:#fff;color:var(--ink);text-align:left}.lyric-line.active{border-color:#70b5a5;background:#eff8f4;box-shadow:0 0 0 2px #d8efe6}.lyric-line small{color:#488b7e;font-size:8px;font-weight:900}.lyric-line span{font:700 14px/1.5 Georgia,serif}.lyric-line em{color:#a45c8d;font-style:normal;text-decoration:underline;text-decoration-color:#e4bedb;text-underline-offset:3px}.lyric-line i{color:#91a0a0;font-size:8px;font-style:normal}.word-card{display:grid;gap:4px;min-height:54px;margin-top:11px;padding:12px 14px;border-radius:11px;background:#f5f2fb}.word-card b{color:#714a7c;font-size:11px}.word-card span{color:#78888a;font-size:10px}.toggle-label{display:flex;align-items:center;gap:5px;color:#647b7e;font-size:10px}.how-card{background:#fff8ed}.how-card p{margin-bottom:0;color:#75664e;font-size:11px;line-height:1.7}
.mission-progress{display:grid;grid-template-columns:135px 1fr 70px;align-items:center;gap:14px;margin-top:14px;padding:14px 18px;border:1px solid #dfe7e2;border-radius:14px;background:#fff}.mission-progress>div:first-child{display:grid;gap:3px}.mission-progress b{font-size:11px}.mission-progress span{color:#75878a;font-size:9px}.mission-progress strong{text-align:right;color:#2c756a;font-size:12px}.progress-track{height:9px;overflow:hidden;border-radius:99px;background:#edf1ee}.progress-track i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#68bca6,#e9c36f);transition:width .3s}.game-tabs{display:flex;gap:8px;margin:15px 0 0}.game-tabs button.selected{border-color:#1b5963;background:#1b5963;color:#fff}.game-panel{margin-top:8px}.mode-row{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:15px}.mode-row label{display:grid;gap:7px;color:#63797e;font-size:10px;font-weight:900}.mode-row select{max-width:100%;border:1px solid #d8e3dd;border-radius:9px;background:white;color:var(--ink);padding:10px;font-size:11px}.quiz-card{padding:19px;border-radius:15px;background:#f7faf8}.quiz-top{display:flex;justify-content:space-between;color:#71868a;font-size:9px;font-weight:900}.question{min-height:52px;margin:20px 0;font:900 clamp(20px,3vw,27px)/1.5 Georgia,serif}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choices button{display:flex;align-items:center;gap:10px;border:1px solid #dbe5df;border-radius:10px;background:white;color:#244a54;padding:13px;text-align:left;font-size:14px;font-weight:900}.choices button:hover{border-color:#69aa9b;background:#f0f8f4}.choices small{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#eaf0ed;color:#577577;font-size:9px}.quiz-feedback{display:grid;gap:5px;margin-top:13px;padding:12px;border-radius:10px;font-size:10px;line-height:1.5}.quiz-feedback.good{background:#e5f6ed;color:#267252}.quiz-feedback.try-again{background:#fff0e4;color:#855738}.quiz-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.teacher-note{margin-top:12px;padding:12px 14px;border-left:4px solid #e1b760;border-radius:8px;background:#fff8e8}.teacher-note b{font-size:10px}.teacher-note p{margin:4px 0 0;color:#766c55;font-size:10px;line-height:1.6}.teacher-note code{padding:2px 4px;border-radius:4px;background:#fff;color:#71562b}.range-head{display:flex;justify-content:space-between;align-items:center}.range-head h2{margin:5px 0;font-size:21px}.range-clock{display:grid;place-items:center;width:57px;height:57px;border-radius:50%;background:#fff0e6;color:#bd5746}.range-clock span{font-size:21px;font-weight:1000;line-height:1}.range-clock small{font-size:8px}.range-prompt{margin:15px 0;padding:13px;border-radius:11px;background:#eff6f3;color:#234d55;font:900 20px/1.5 Georgia,serif}.range-prompt span{color:#d07b42}.target-field{position:relative;min-height:250px;overflow:hidden;border:2px solid #6f9f96;border-radius:17px;background:radial-gradient(ellipse at center,#284c58,#173743);}.target-field:before,.target-field:after{position:absolute;content:"";pointer-events:none}.target-field:before{inset:0;background:repeating-linear-gradient(0deg,transparent 0 58px,#ffffff0d 59px 60px),repeating-linear-gradient(90deg,transparent 0 88px,#ffffff0d 89px 90px)}.field-hint{position:absolute;inset:0;display:grid;place-content:center;color:#d5e6df;text-align:center;font-size:12px;line-height:1.8}.word-target{position:absolute;z-index:1;left:var(--x);top:var(--y);transform:translate(-50%,-50%);min-width:75px;padding:14px 18px;border:4px solid #ffffffc9;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8cc,#e6a84d 57%,#9e5832);color:#452f24;font-size:17px;font-weight:1000;box-shadow:0 0 0 5px #ffffff21,0 8px 17px #061e2c80;animation:target-in .2s ease}.word-target:hover{transform:translate(-50%,-50%) scale(1.09)}@keyframes target-in{from{opacity:0;scale:.65}to{opacity:1;scale:1}}.range-bottom{display:flex;align-items:center;gap:16px;margin-top:13px}.range-bottom b{color:#247669;font-size:13px}.range-bottom span{flex:1;color:#8b713e;font-size:10px;font-weight:900}.range-bottom button:disabled{opacity:.65}.range-feedback{min-height:19px;margin:10px 0 0;color:#738589;font-size:10px}.range-feedback.hit{color:#217250;font-weight:900}.range-feedback.miss{color:#a35d45;font-weight:900}.pronoun-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:13px}.pronoun-groups article{display:grid;gap:6px;padding:14px;border:1px solid #e0e8e3;border-radius:11px}.pronoun-groups b{font-size:11px}.pronoun-groups span{color:#287469;font:800 10px/1.5 monospace}.pronoun-groups small{color:#738589;font-size:9px}
@media(max-width:680px){.quick-practice{grid-template-columns:1fr}.practice-shell{width:calc(100% - 22px);margin-top:15px}.practice-hero{min-height:0;padding:24px 21px}.music-orbit,.mission-icon{width:64px;height:64px;font-size:34px}.track-card,.song-card,.how-card,.game-panel,.pronoun-map{padding:18px}.track-inputs{grid-template-columns:1fr}.lyric-line{grid-template-columns:48px 1fr}.lyric-line i{grid-column:2}.mission-progress{grid-template-columns:100px 1fr 50px;gap:8px;padding:12px}.mode-row{align-items:stretch;flex-direction:column}.choices,.pronoun-groups{grid-template-columns:1fr}.range-bottom{flex-wrap:wrap}.range-bottom span{flex:1}.range-bottom button{width:100%}.game-tabs button{flex:1}.role-switch{flex-wrap:wrap}}

.prompt-area{display:flex;align-items:center;gap:10px;margin:10px 0;color:#536d72;font-size:12px;font-weight:900}.prompt-area select{padding:9px 12px;border:1px solid #d8e5dd;border-radius:9px;background:#fff;color:#204655;font-weight:800}

.prompt-theme{display:block;margin:-4px 0 8px;color:#758589;font-size:11px;font-weight:800}