.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.tongueTwisterChallenge{max-width:1080px}.tongueTwisterChallenge h3{font-size:20px;font-weight:700;text-align:left;color:#17445c;margin-bottom:8px}@media(max-width:576px){.tongueTwisterChallenge h3{font-size:18px}}.tongueTwisterChallenge label{display:block;font-weight:600;margin-bottom:6px;color:#3f464d;font-size:13px;text-align:left}.tongueTwisterChallenge .card{background:#fdfdfd;border:1px solid #eee;border-radius:10px;padding:18px}@media(max-width:576px){.tongueTwisterChallenge .card{padding:14px}}.tongueTwisterChallenge .card__title{font-size:18px;font-weight:700;color:#17445c;text-align:left;border-left:4px solid #4e8ab5;padding-left:8px;margin-bottom:14px}@media(max-width:576px){.tongueTwisterChallenge .card__title{font-size:16px}}.tongueTwisterChallenge .fieldHint{font-size:12px;color:#7993a5;text-align:left;margin:4px 0 8px;line-height:1.7}.tongueTwisterChallenge .formGrid,.tongueTwisterChallenge .scoreGrid,.tongueTwisterChallenge .bestGrid{display:grid;grid-template-columns:1fr;gap:12px}@media(max-width:992px){.tongueTwisterChallenge .formGrid,.tongueTwisterChallenge .scoreGrid,.tongueTwisterChallenge .bestGrid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.tongueTwisterChallenge .scoreGrid{grid-template-columns:repeat(3,1fr)}}.tongueTwisterChallenge .input{width:100%;min-height:40px;border:1px solid #ddd;border-radius:8px;padding:8px 10px;background:#fff;color:#17445c}.tongueTwisterChallenge .twisterCard,.tongueTwisterChallenge .permissionBox,.tongueTwisterChallenge .transcriptBox,.tongueTwisterChallenge .commentBox,.tongueTwisterChallenge .tipsList{text-align:left;border-radius:10px;padding:14px;background:#f7f9fb;border:1px solid #eef1f5}.tongueTwisterChallenge .twisterCard__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.tongueTwisterChallenge .twisterCard__meta span{display:inline-block;padding:3px 10px;border-radius:999px;background:#fff;border:1px solid #e3eaff;color:#4e8ab5;font-size:12px;font-weight:700}.tongueTwisterChallenge .twisterText{font-size:24px;line-height:1.75;font-weight:800;color:#17445c;margin-bottom:8px}@media(max-width:576px){.tongueTwisterChallenge .twisterText{font-size:19px}}.tongueTwisterChallenge .permissionBox{background:#fffaf0;border-color:#ffe7b8}.tongueTwisterChallenge .permissionBox strong{color:#17445c}.tongueTwisterChallenge .permissionBox p{margin:6px 0 0;color:#3f464d;line-height:1.7}.tongueTwisterChallenge .modeBanner{border-radius:8px;padding:10px 14px;font-size:13px;text-align:left;line-height:1.6}.tongueTwisterChallenge .modeBanner.warn{background:#fff7f0;border:1px dashed #df2073;color:#df2073}.tongueTwisterChallenge .modeBanner.ok{background:#f0fff4;border:1px dashed #2fae5f;color:#2fae5f}.tongueTwisterChallenge .recordPanel{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;background:linear-gradient(135deg,#f7fbff,#fff);border:1px solid #e8f0ff;text-align:left}.tongueTwisterChallenge .micIcon{width:48px;height:48px;border-radius:50%;background:#4e8ab5;display:grid;place-items:center;position:relative}.tongueTwisterChallenge .micIcon span{width:14px;height:22px;border-radius:10px;background:#fff;display:block}.tongueTwisterChallenge .recordPanel.recording .micIcon:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(47,117,255,.35);animation:pulse 1s infinite}.tongueTwisterChallenge .timerText{font-size:30px;font-weight:800;color:#17445c}.tongueTwisterChallenge .statusText{color:#3f464d;font-size:13px}.tongueTwisterChallenge .btnRow{display:flex;gap:10px;flex-wrap:wrap}.tongueTwisterChallenge .actionBtn{display:inline-block;border:none;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}@media(max-width:576px){.tongueTwisterChallenge .actionBtn{flex:1 1 auto;min-width:130px}}.tongueTwisterChallenge .actionBtn.primary{background:#4e8ab5;color:#fff}.tongueTwisterChallenge .actionBtn.primary:hover{background:#3c79a5}.tongueTwisterChallenge .actionBtn.primary:disabled{background:#ccc;cursor:not-allowed}.tongueTwisterChallenge .actionBtn.ghost{background:#fff;color:#3f464d;border:1px solid #ddd}.tongueTwisterChallenge .actionBtn.ghost:hover{border-color:#4e8ab5;color:#4e8ab5}.tongueTwisterChallenge .actionBtn.ghost:disabled{color:#ccc;border-color:#eee;cursor:not-allowed}.tongueTwisterChallenge .actionBtn.danger{background:#fff;color:#df2073;border:1px solid #df2073}.tongueTwisterChallenge .actionBtn.danger:hover{background:#df2073;color:#fff}.tongueTwisterChallenge .ratingGroup{display:flex;flex-wrap:wrap;gap:12px}.tongueTwisterChallenge .scoreBox,.tongueTwisterChallenge .bestGrid>div{background:#fff;border:1px solid #e9edf5;border-radius:10px;padding:14px;text-align:left}.tongueTwisterChallenge .scoreBox span,.tongueTwisterChallenge .bestGrid>div span{display:block;font-size:12px;color:#3f464d;margin-bottom:4px}.tongueTwisterChallenge .scoreBox strong,.tongueTwisterChallenge .bestGrid>div strong{font-size:24px;color:#17445c}.tongueTwisterChallenge .primaryScore{border-color:#4e8ab5;background:#f4f8ff}.tongueTwisterChallenge .commentBox{color:#17445c;font-weight:700;line-height:1.7}.tongueTwisterChallenge .transcriptBox p,.tongueTwisterChallenge .tipsList p{margin:0 0 8px;line-height:1.7;color:#3f464d}@keyframes pulse{0%{transform:scale(.8);opacity:.9}to{transform:scale(1.35);opacity:0}}