:root{color:#13203a;background:linear-gradient(#fff4fb 0%,#eef5ff 45%,#f2fff8 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}.page{max-width:860px;margin:0 auto;padding:20px 20px 110px}h1{color:#24408a}.muted{color:#6a7383}.card{background:linear-gradient(#fff 0%,#fefeff 100%);border:1px solid #e6ecff;border-radius:20px;margin-bottom:16px;padding:16px;box-shadow:0 8px 24px #3859a81f}.card-title{color:#233873;margin:0 0 8px;font-size:1.1rem}.card-subtitle{color:#576178;margin:0 0 12px}.btn{cursor:pointer;border:0;border-radius:18px;padding:14px 18px;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#4c8dff,#7a67ff);box-shadow:0 8px 18px #4c8dff59}.btn-secondary{color:#334b83;background:linear-gradient(135deg,#ffe7fb,#e7efff)}.btn-ghost{color:#1f5dbd;background:linear-gradient(135deg,#e9fff4,#e7f0ff);margin-bottom:12px}.btn-full{width:100%}.progress-wrap{margin-bottom:12px}.progress-meta{justify-content:space-between;margin-bottom:6px;font-size:.95rem;display:flex}.progress-track{background:#dbe6ff;border-radius:999px;width:100%;height:10px}.progress-fill{background:linear-gradient(90deg,#57a2ff,#8f72ff);border-radius:999px;height:100%}.options{gap:10px;margin-bottom:12px;display:grid}.option{text-align:left;color:#253a73;background:linear-gradient(135deg,#fff,#f5f9ff);border:1px solid #d9e4ff;border-radius:16px;padding:14px;font-size:1rem}.option-selected{background:linear-gradient(135deg,#edf3ff,#efe9ff);border-color:#6a8dff}.feedback{color:#22365d;margin:0 0 12px;font-weight:700}.learning-block{background:#f6f9ff;border:1px dashed #b7c9ff;border-radius:14px;margin-bottom:12px;padding:12px}.listen-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.listen-controls .btn-ghost{margin-bottom:0}.actions-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.actions-stack,.trend-list{gap:10px;display:grid}.trend-meta{justify-content:space-between;margin-bottom:6px;font-size:.92rem;display:flex}.trend-track{background:#e1e9ff;border-radius:999px;width:100%;height:10px}.trend-fill{background:linear-gradient(90deg,#68a7ff,#9a7bff);border-radius:999px;height:100%}.more-modes{background:#ffffffb3;border:1px dashed #b9c9f4;border-radius:16px;margin-bottom:16px;padding:10px}.more-modes>summary{cursor:pointer;color:#2a4585;margin-bottom:10px;font-weight:700}.bottom-nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;border-top:1px solid #dce4f8;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{text-align:center;color:#30456f;background:linear-gradient(135deg,#f7f9ff,#f2f7ff);border-radius:16px;padding:12px 6px;font-size:.96rem;font-weight:600;text-decoration:none}.bottom-nav-item.active{color:#254fb6;background:linear-gradient(135deg,#dfeaff,#eadfff);box-shadow:0 6px 14px #4773e038}.grid-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.grid-nav a,.link-reset{text-decoration:none}.grid-nav a{color:#13203a;text-align:center;background:linear-gradient(135deg,#fff,#f6f9ff);border:1px solid #e2e9ff;border-radius:14px;padding:12px;font-weight:600}@media (width<=640px){.listen-controls{grid-template-columns:1fr}}@media (orientation:landscape) and (width>=900px){.page{max-width:1100px;padding:24px 24px 98px}.card{border-radius:22px;padding:20px}.btn{border-radius:20px;padding:16px 20px;font-size:1.08rem}.option{border-radius:18px;padding:16px;font-size:1.03rem}.bottom-nav{border-radius:16px 16px 0 0;max-width:1100px;padding:12px;left:50%;transform:translate(-50%)}.bottom-nav-item{border-radius:18px;padding:14px 8px}}