.practice-main{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:46px 0 70px}.practice-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.practice-hero>div{max-width:720px}.practice-hero span{color:#cf6f3d;font-size:.75rem;font-weight:900;letter-spacing:1.4px}.practice-hero h1{margin:8px 0;font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;color:#173e48}.practice-hero p{color:#5f777d;line-height:1.65}.practice-hero label{display:grid;gap:7px;min-width:180px;color:#48656c;font-weight:900}.practice-hero select{padding:12px;border:1px solid #bcd0d1;border-radius:10px;background:#fff;font:inherit}.practice-modes{display:flex;gap:8px;overflow-x:auto;padding:5px 0 14px}.practice-modes button{white-space:nowrap;border:1px solid #cbdadb;border-radius:999px;padding:10px 15px;background:#fff;color:#426168;font-weight:800;cursor:pointer}.practice-modes button.active{background:#153f49;border-color:#153f49;color:#fff}.practice-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:8px 0 20px}.practice-metrics div{background:#fff;border:1px solid #d9e5e5;border-radius:12px;padding:14px}.practice-metrics small,.practice-metrics strong{display:block}.practice-metrics small{color:#72868b;font-size:.72rem}.practice-metrics strong{margin-top:4px;color:#173e48;font-size:1.35rem}.studio{background:#fff;border:1px solid #d9e5e5;border-radius:18px;padding:27px;min-height:360px;box-shadow:0 18px 45px #143d4710}.studio-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.studio-head h2{margin:0;color:#173e48}.studio-head span{color:#6a8186}.flashcard{width:min(680px,100%);min-height:260px;margin:0 auto;display:grid;place-items:center;text-align:center;border:0;border-radius:20px;padding:28px;background:linear-gradient(145deg,#143f49,#1a655f);color:#fff;cursor:pointer}.flashcard small,.flashcard strong,.flashcard em{display:block}.flashcard small{letter-spacing:1px;color:#b9d8d5}.flashcard strong{font-size:clamp(1.7rem,5vw,3rem)}.flashcard em{margin-top:14px;color:#d9ebe9}.card-buttons{display:flex;justify-content:center;gap:10px;margin-top:18px}.card-buttons button,.studio-action{border:0;border-radius:9px;padding:12px 18px;font-weight:900;cursor:pointer}.repeat{background:#fff0e7;color:#a9532f}.known,.studio-action{background:#176f68;color:#fff}.direction{display:flex;justify-content:center;margin:0 0 14px}.direction select{padding:9px;border:1px solid #c3d4d5;border-radius:8px}.dictation-box{max-width:720px;margin:auto;text-align:center}.play-button{width:76px;height:76px;border:0;border-radius:50%;background:#e7f2f0;color:#176f68;font-size:27px;cursor:pointer}.dictation-box input{display:block;width:100%;margin:22px 0 12px;padding:14px;border:1px solid #bcd0d1;border-radius:10px;font:inherit}.feedback{margin-top:16px;padding:15px;border-radius:10px;background:#e9f4f1;color:#17675f}.feedback.wrong{background:#fff0ed;color:#943b35}.reading-text{padding:20px;border-radius:12px;background:#f2f6f6;color:#244851;line-height:1.8;font-size:1.06rem}.reading-options{display:grid;gap:8px;margin-top:15px}.reading-options button{padding:12px;text-align:left;border:1px solid #c9d9da;border-radius:9px;background:#fff;cursor:pointer}.daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.daily-grid article{border:1px solid #dce7e7;border-radius:13px;padding:18px}.daily-grid h3{margin:0 0 6px;color:#173e48}.continue-box{text-align:center;margin-top:22px}.signin-box{padding:20px;border-radius:12px;background:#fff7ef;text-align:center}.signin-box a{display:inline-block;margin-top:8px;padding:10px 14px;border-radius:8px;background:#153f49;color:#fff;text-decoration:none;font-weight:800}#practice-toast{position:fixed;right:20px;bottom:20px;z-index:1200;padding:13px 16px;border-radius:10px;background:#153f49;color:#fff;opacity:0;transform:translateY(10px);transition:.2s}#practice-toast.show{opacity:1;transform:none}@media(max-width:800px){.practice-hero{align-items:stretch;flex-direction:column}.practice-hero label{min-width:0}.practice-metrics{grid-template-columns:repeat(2,1fr)}.daily-grid{grid-template-columns:1fr}.studio{padding:19px}.practice-main{padding-top:26px}}@media(max-width:450px){.practice-metrics{grid-template-columns:1fr 1fr}.card-buttons{flex-direction:column}.card-buttons button{width:100%}}