.beat-hero{max-width:850px;margin-bottom:32px}.beat-hero h1{font-size:clamp(2.7rem,7vw,5.6rem);max-width:850px}.beat-hero h1 em{color:#d6b475;font-style:normal}.beat-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:24px;align-items:start}.beat-console,.beat-side{border:1px solid #75664b;background:#0e1920ed;border-radius:12px;padding:24px;min-width:0}.beat-settings{display:grid;gap:12px}.beat-settings select{padding:12px;background:#0b1219;color:#f5eddf;border:1px solid #75664b;border-radius:6px;font:inherit;font-size:16px;width:100%}.beat-settings input[type=range]{width:100%}.beat-settings label{font-weight:700}.beat-options{display:flex;gap:20px;flex-wrap:wrap;margin:16px 0;font-size:.95rem}.beat-options input{accent-color:#d6b475}.beat-meters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.beat-meters div{padding:12px;background:#ffffff08;border:1px solid #ffffff12;border-radius:6px}.beat-meters small{display:block;color:#bbb6a9}.beat-meters strong{font-size:1.7rem;color:#f6dfae;font-variant-numeric:tabular-nums}.beat-stage{position:relative;border:1px solid #75664b;border-radius:12px;overflow:hidden;background:#070e15}.beat-stage canvas{width:100%;height:340px;display:block}.beat-indicator{position:absolute;top:14px;left:12px;right:12px;text-align:center;font-weight:800;font-size:1.2rem;pointer-events:none;color:#f5dfae}.beat-pad{display:block;width:100%;min-height:88px;border:2px solid #d6b475;background:#d6b475;color:#0d161b;font-size:1.6rem;font-weight:900;border-radius:8px;margin:16px 0;touch-action:manipulation;user-select:none;-webkit-user-select:none}.beat-pad:active{background:#fff0ce}.beat-pad:disabled{opacity:.4}.beat-control-row{display:flex;flex-wrap:wrap;gap:10px}.beat-control-row button{font:inherit;cursor:pointer}.beat-console button:disabled{opacity:.45;cursor:default}.beat-status{min-height:3em;color:#d6b475!important}.beat-side h2{font-size:1.6rem;margin-top:0}.beat-side li{margin:12px 0;color:#c7c3b8;line-height:1.6}.beat-side ol{padding-left:22px}.beat-side p{font-size:.95rem}.beat-best{padding:18px 0;border-top:1px solid #75664b;color:#f5dfae}.beat-invite{padding:16px;border-left:3px solid #d6b475;background:#d6b47512;margin-bottom:20px}.beat-result{border-top:1px solid #75664b;margin-top:24px;padding-top:24px}.beat-result h2{font-size:2rem}.beat-result .actions{margin-top:16px}.beat-share-url{width:100%;padding:12px;background:#0b1219;color:#eee;border:1px solid #75664b;font-size:16px;border-radius:5px}.beat-result [hidden]{display:none}.beat-side a{text-decoration:underline;text-underline-offset:4px}.beat-pad:focus-visible,.beat-console button:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:800px){.beat-layout{grid-template-columns:1fr}.beat-console,.beat-side{padding:18px}.beat-stage canvas{height:290px}.beat-meters strong{font-size:1.4rem}.beat-control-row .btn{flex:1}.beat-pad{min-height:90px}.beat-hero h1{font-size:3rem}}@media(prefers-reduced-motion:reduce){.beat-console *{transition:none;animation:none}}