:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;background:#f7f7f4;color:#1f2428}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;padding:24px;display:grid;grid-gap:24px;gap:24px;align-content:start}.hero{padding-top:24px}.eyebrow{margin:0 0 8px;color:#4d6358;font-size:.9rem;font-weight:700;text-transform:uppercase}h1{margin:0;font-size:clamp(3rem,18vw,5rem);line-height:.95}.promise{margin:16px 0 0;max-width:32rem;font-size:1.2rem;line-height:1.45}.panel,.practice{border:1px solid #d8ddd6;border-radius:8px;background:#ffffff;padding:18px}.helper{margin:0 0 14px;color:#596168;line-height:1.45}.invite-form{display:grid;grid-gap:10px;gap:10px;margin-bottom:14px}label{font-weight:700}input{width:100%;border:1px solid #aab3ac;border-radius:8px;padding:10px 12px;text-transform:uppercase}button,input{min-height:48px;font:inherit}button{border:0;border-radius:8px;background:#234638;color:#ffffff;font-weight:700}button:disabled{background:#7d8983}.secondary-button{min-width:148px;background:#355c78}.audio-button{min-height:42px;padding:8px 10px;background:#234638;font-size:.95rem}.error{margin:0 0 14px;color:#9f271f;font-weight:700;line-height:1.45}h2{margin:0 0 12px;font-size:1.1rem}ul{list-style:none;margin:0;padding:0;grid-gap:12px;gap:12px}li,ul{display:grid}li{grid-gap:4px;gap:4px;padding-bottom:12px;border-bottom:1px solid #e8ebe6}li:last-child{border-bottom:0;padding-bottom:0}span{color:#596168}.practice{display:grid;grid-gap:16px;gap:16px}.status-row{display:flex;align-items:center;gap:8px;color:#3f4b45;font-weight:700}.status-dot{width:12px;height:12px;border-radius:999px;background:#8b948f}.status-online{background:#236b4f}.status-cached{background:#a56516}.status-offline{background:#9f271f}.practice-header{display:grid;grid-gap:14px;gap:14px}.phrase-card,.phrase-list{display:grid;grid-gap:12px;gap:12px}.phrase-card{padding:14px 0;border-top:1px solid #e8ebe6}.phrase-card:first-child{border-top:0;padding-top:0}.phrase-english,.phrase-spanish{margin:0;line-height:1.4}.phrase-english{font-size:1.25rem;font-weight:700}.phrase-spanish{color:#596168}.audio-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}@media (min-width:720px){.shell{max-width:760px;margin:0 auto}.phrase-card,.practice-header{grid-template-columns:1fr auto;align-items:center}.audio-actions{width:210px}}