.steps{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.steps a{padding:12px 16px;background:white;border:1px solid #ded8cc;border-radius:7px;color:#72551b;font-size:14px;text-decoration:none}.activity{margin:22px 0;scroll-margin-top:18px}.activity-heading{display:flex;gap:18px;align-items:start}.number{font-size:28px;font-weight:bold;color:#b98a22}.activity h2{margin:2px 0 9px}.time{margin-left:auto;white-space:nowrap;font-size:12px;color:#756b59}.instruction{margin-top:20px}.counts{display:flex;gap:12px;margin:24px 0}.counts span{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:9px;background:#f5f0e3;font-size:25px;font-weight:bold}.counts .current{background:#e9bd57;outline:3px solid #72551b;outline-offset:2px}.controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}.controls button,.finish-actions button{width:auto;margin:0;padding:12px 18px}.secondary{background:white;border:1px solid #ded8cc;color:#72551b}.controls label{margin:0}.controls label:not(.sound){font-size:14px;display:flex;align-items:center;gap:12px}.controls input[type=range]{width:140px;padding:0;accent-color:#b98a22}.sound{font-size:14px;display:flex;gap:8px;align-items:center}.sound input{width:18px;height:18px;accent-color:#b98a22}.knowledge{border:1px solid #e5dfd3;border-radius:8px;padding:18px;margin:24px 0}.knowledge legend{font-size:16px;font-weight:bold;line-height:1.4;padding:0 7px}.knowledge label{display:flex;align-items:center;gap:10px;font-weight:normal}.knowledge input{width:18px;height:18px;accent-color:#b98a22}.knowledge p{margin-top:16px;color:#72551b;font-size:14px}.learning{font-size:14px;border-top:1px solid #ebe6db;padding-top:18px;margin-top:24px}.pattern-scroll{overflow-x:auto;margin:22px 0;padding:5px}.pattern{display:grid;grid-template-columns:repeat(16,1fr);gap:6px;min-width:650px}.pattern button{margin:0;padding:15px 0;background:#f5f0e3;border:1px solid #ded8cc;font-size:14px}.pattern button[aria-pressed=true]{background:#e9bd57;border-color:#b98a22}.pattern .current{outline:3px solid #27231b;outline-offset:1px}.beat-labels{display:grid;grid-template-columns:repeat(4,1fr);min-width:650px;margin-bottom:12px;font-size:14px;color:#756b59}.notes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.notes label{margin:0}.notes select{display:block;width:100%;margin-top:9px;font:inherit;padding:12px;background:white;border:1px solid #ded8cc;border-radius:8px;color:#27231b}.notes .current{outline:3px solid #b98a22;outline-offset:2px}textarea{font:inherit;width:100%;border:1px solid #ded8cc;border-radius:8px;padding:14px;resize:vertical;line-height:1.5}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b98a22;outline-offset:3px}#a-status{font-size:14px}.finish{background:#27231b;border-radius:13px;padding:30px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin:28px 0}.finish h2{color:#f2ce76;line-height:1.3;margin:13px 0}.finish p{color:#e3d6b7;font-size:14px}.finish .eyebrow{color:#e9bd57}.finish-actions{display:flex;flex-direction:column;gap:14px;align-items:start}.finish-actions a{color:#f2ce76;font-size:14px}.funder p{font-size:16px}.dark-link{color:#72551b;display:inline-block;margin-top:20px}.privacy{font-size:13px;margin:22px 0}.intro p{max-width:780px}@media(max-width:750px){.time{display:none}.activity-heading{gap:12px}.finish{grid-template-columns:1fr}.notes{grid-template-columns:repeat(2,1fr)}.controls label:not(.sound){flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}