:root{font-family:"Yu Gothic", "Hiragino Kaku Gothic ProN",sans-serif;color:#ece9e0;background:#101e24;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:52px 32px}header{margin-bottom:36px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#cab27e}h1{font-family:serif;font-size:48px;letter-spacing:.18em;margin:16px 0 4px}header p{color:#aebcbf;font-size:12px;letter-spacing:.12em}.intro{font-size:15px;margin-top:24px}.workspace{display:grid;grid-template-columns:340px 1fr;gap:24px}.panel{border:1px solid #35444a;border-radius:16px;background:#18292f;padding:28px}h2{font-size:17px;margin:0 0 26px;font-weight:500}label,legend{display:block;font-size:14px}label span{display:block;color:#9cabad;font-size:11px;margin-top:6px}input[type=number]{width:100%;padding:12px;border:1px solid #506065;border-radius:7px;background:#101e24;font:inherit;margin:12px 0 24px}fieldset{border:0;padding:0;margin:0 0 25px}.choice{border:1px solid #45565c;border-radius:7px;padding:12px;margin-top:10px;cursor:pointer}.choice:has(input:checked){border-color:#d4b677;background:#30403f}input[type=radio]{accent-color:#d4b677}button{font:inherit;border:1px solid #667477;border-radius:8px;min-height:48px;padding:12px 24px;cursor:pointer;background:#263c44;color:#f3efe5}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #e1c98f;outline-offset:3px}.primary{width:100%;background:#d8bc85;color:#17262c;border:0;font-weight:bold}.hint{font-size:12px;color:#9cabad;line-height:1.9;margin-bottom:0}.session-head{display:flex;justify-content:space-between;gap:10px}.badge{font-size:11px;color:#d7bd85}.session{text-align:center}.session h2{text-align:left}.record{width:176px;height:176px;border-radius:50%;margin:4px auto 24px;background:repeating-radial-gradient(circle,#1d3138 0 3px,#14262d 4px 6px);border:1px solid #4a5c61;display:grid;place-items:center}.record div{width:64px;height:64px;border-radius:50%;background:#c6aa75;color:#17282f;display:grid;place-items:center;font-family:serif;font-size:30px}.transport{display:flex;justify-content:center;gap:12px;margin:22px 0}#summary{font-size:13px;color:#d6dcd9}#status{min-height:44px;font-size:12px;line-height:1.8;color:#cbb987;overflow-wrap:anywhere}#chords{display:flex;gap:8px;flex-wrap:wrap;text-align:left}#chords span{font-size:12px;padding:8px;border:1px solid #40545a;border-radius:5px}.instruments{list-style:none;padding:20px 0 0;margin-top:24px;border-top:1px solid #35474d;display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left;font-size:12px}.instruments span{float:right;color:#9cabad}footer{text-align:center;color:#82969e;font-size:11px;line-height:2;margin-top:30px}@media(max-width:720px){main{padding:28px 18px}h1{font-size:36px}.workspace{grid-template-columns:1fr}.panel{padding:22px}.intro{line-height:1.9}.record{width:140px;height:140px}.session-head{align-items:baseline}}