*{box-sizing:border-box}body{margin:0;background:#101d22;color:#eff5f0;font:17px/1.65 Geist,system-ui,sans-serif}main{overflow-x:hidden;width:100%;max-width:100%}nav,section,footer{max-width:1050px;margin:auto;padding:32px}nav{display:flex;justify-content:space-between;border-bottom:1px solid #49605e}header{text-align:center;padding:110px 24px}h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.05;max-width:1000px;margin:auto}header p{max-width:620px;margin:28px auto;color:#b5cfc6}section{margin-bottom:64px}h2{line-height:1.25}a{color:#b3eed5}label{display:block;margin:20px 0}input,select{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid #71867e;border-radius:8px;background:#162c30;color:#fff;font:inherit}button{padding:13px 20px;margin:8px 8px 8px 0;border:0;border-radius:8px;background:#b3eed5;color:#10251d;font:inherit;cursor:pointer}button:hover{transform:translateY(-2px)}button:disabled{opacity:.4;cursor:default}.player{background:#1e3439;border-radius:24px}ol{list-style:none;padding:0;display:grid;grid-auto-flow:dense;grid-template-columns:1fr;gap:20px}li{border-top:1px solid #59716c;padding:24px 0}li p,#transcript{white-space:pre-wrap}footer{padding-top:80px;padding-bottom:80px;color:#b5cfc6}#status{min-height:2em}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:600px){section{padding:22px}header{padding:70px 22px}}@media(prefers-reduced-motion:no-preference){header{animation:appear .6s ease-out}button{transition:transform .2s}@keyframes appear{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:none}}}