.hum{--hum-trace:#7dfce0;--hum-bezel-1:#3a3d5c;--hum-bezel-2:#151729;--hum-bezel-3:#2a2d48;--hum-glass-1:#0b2a2c;--hum-glass-2:#061619;--hum-glass-3:#03090c;--hum-panel:#10131f;--hum-panel-edge:#23263c;--hum-tone:#7dfce0;--hum-filter:#ffba20;--hum-envelope:#ff6b9d;--hum-wobble:#c084fc;--hum-effects:#63b3ff}.hum-g-tone{--hum-accent:var(--hum-tone)}.hum-g-filter{--hum-accent:var(--hum-filter)}.hum-g-envelope{--hum-accent:var(--hum-envelope)}.hum-g-wobble{--hum-accent:var(--hum-wobble)}.hum-g-effects{--hum-accent:var(--hum-effects)}.hum-layout{gap:20px;display:grid}.hum-stage{flex-direction:column;gap:12px;display:flex}.hum-scope-wrap{aspect-ratio:1;width:min(100%,440px);margin:0 auto;position:relative}.hum-scope{border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 0 0 4px #080916,0 18px 40px #00000080}.hum-scope-start{background:var(--primary-container);width:fit-content;height:fit-content;color:var(--on-primary-container);border-radius:999px;margin:auto;padding:14px 24px;font-weight:700;position:absolute;inset:0}.hum-panel,.hum-card{background:var(--hum-panel);border:1px solid var(--hum-panel-edge);border-radius:20px;flex-direction:column;gap:14px;padding:16px;display:flex}.hum-card{background:linear-gradient(160deg,#142027,var(--hum-panel)60%);gap:0}.hum-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--hum-trace);margin-bottom:4px;font-size:11px;font-weight:700}.hum-goal{color:var(--on-surface-variant);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.hum-goal-mark{border:1.5px solid var(--outline);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.hum-goal-now{color:var(--on-surface)}.hum-goal-now .hum-goal-mark{border-color:var(--hum-trace);color:var(--hum-trace)}.hum-goal-done{color:var(--on-surface-variant)}.hum-goal-done .hum-goal-mark{background:var(--hum-trace);border-color:var(--hum-trace);color:#002018}.hum-goal-later{opacity:.6}.hum-takeaway{border-left:3px solid var(--hum-trace);background:#7dfce00f;border-radius:14px;margin-top:14px;padding:12px 14px}.hum-review summary{cursor:pointer;color:var(--on-surface);font-size:14px;font-weight:600}.hum-link{color:var(--ds-secondary);text-underline-offset:3px;align-self:flex-start;font-size:13px;text-decoration:underline}.hum-groups{flex-wrap:wrap;gap:12px;display:flex}.hum-group{border:1px solid var(--hum-panel-edge);border-top:2px solid var(--hum-accent);border-radius:14px;flex:auto;min-width:0;padding:8px 10px 10px}.hum-group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--hum-accent);padding:0 6px;font-size:11px;font-weight:700}.hum-group-knobs{flex-wrap:wrap;gap:6px 10px;display:flex}.hum-knob{text-align:center;flex-direction:column;align-items:center;width:76px;display:flex}.hum-knob-dial{cursor:ns-resize;touch-action:none;border-radius:50%;width:58px;height:58px}.hum-knob-dial:focus-visible,.hum-choice-btn:focus-visible{outline:2px solid var(--hum-accent);outline-offset:2px}.hum-knob-dial svg{width:100%;height:100%;overflow:visible}.hum-knob-cap{fill:#1d2034;stroke:#34385a;stroke-width:1.5px}.hum-knob-track{fill:none;stroke:#2a2d45;stroke-width:4px;stroke-linecap:round}.hum-knob-value{fill:none;stroke:var(--hum-accent);stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--hum-accent))}.hum-knob-pointer{stroke:var(--on-surface);stroke-width:3px;stroke-linecap:round}.hum-knob-label{color:var(--on-surface);margin-top:2px;font-size:12px;font-weight:600}.hum-knob-readout{color:var(--on-surface-variant);font-variant-numeric:tabular-nums;font-size:11px;line-height:1.25}.hum-choice{flex-direction:column;gap:6px;padding:4px 0;display:flex}.hum-choice-row{gap:4px;display:flex}.hum-choice-btn{border:1px solid var(--hum-panel-edge);min-width:40px;height:40px;color:var(--on-surface-variant);background:#171a2b;border-radius:10px;padding:0 8px;font-size:12px;font-weight:600}.hum-choice-btn[aria-checked=true]{border-color:var(--hum-accent);color:var(--hum-accent);background:color-mix(in srgb,var(--hum-accent)12%,#171a2b)}.hum-knob-new .hum-knob-dial,.hum-choice.hum-knob-new .hum-choice-row{box-shadow:0 0 0 2px color-mix(in srgb,var(--hum-accent)55%,transparent);border-radius:999px}.hum-choice.hum-knob-new .hum-choice-row{border-radius:12px}@media (prefers-reduced-motion:no-preference){.hum-knob-new .hum-knob-dial,.hum-choice.hum-knob-new .hum-choice-row{animation:1.4s ease-out 3 hum-arrive}}@keyframes hum-arrive{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--hum-accent)80%,transparent)}to{box-shadow:0 0 0 12px #0000}}.hum-hint{min-height:2.6em;color:var(--on-surface-variant);font-size:13px;line-height:1.4}.hum-pill{border:1px solid var(--outline);color:var(--on-surface);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.hum-pill:disabled{opacity:.5}.hum-pill:not(:disabled):hover{border-color:var(--hum-trace)}.hum-saved{border:1px solid var(--hum-panel-edge);border-radius:999px;align-items:stretch;font-size:13px;display:flex;overflow:hidden}.hum-saved-load{color:var(--on-surface);padding:6px 12px}.hum-saved-act{border-left:1px solid var(--hum-panel-edge);color:var(--on-surface-variant);padding:6px 10px}.hum-play{background:var(--primary-container);height:56px;color:var(--on-primary-container);letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;border-radius:999px;align-items:center;gap:8px;padding:0 28px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 4px #009b76}.hum-play-on{transform:translateY(3px);box-shadow:0 1px #009b76,0 0 24px #00ffc273}@media (prefers-reduced-motion:reduce){.hum-play-on{transform:none}}.hum-seg,.hum-icon-btn{border:1px solid var(--outline);min-height:36px;color:var(--on-surface-variant);border-radius:999px;padding:0 14px;font-size:13px;font-weight:600}.hum-seg[aria-pressed=true]{border-color:var(--hum-trace);color:var(--hum-trace);background:#7dfce014}.hum-icon-btn{place-items:center;width:40px;padding:0;display:inline-grid}.hum-icon-btn[aria-pressed=true]{color:var(--ds-error);border-color:var(--ds-error)}.hum-range{accent-color:var(--hum-trace);width:110px}.hum-grid-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.hum-grid{flex-direction:column;gap:6px;min-width:560px;display:flex}.hum-grid-row{grid-template-columns:112px repeat(16,minmax(24px,1fr));align-items:stretch;gap:4px;display:grid}.hum-row-head{flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-width:0;padding-right:6px;display:flex}.hum-row-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--on-surface);font-size:13px;font-weight:600;overflow:hidden}.hum-mini{border:1px solid var(--hum-panel-edge);color:var(--on-surface-variant);border-radius:6px;padding:2px 7px;font-size:11px}.hum-mini-on{border-color:var(--hum-trace);color:var(--hum-trace)}.hum-cell{background:#1a1d2e;border:1px solid #0000;border-radius:6px;min-height:38px;position:relative;overflow:hidden}.hum-cell-beat{background:#22263b}.hum-cell-on{background:color-mix(in srgb,var(--hum-trace)75%,#1a1d2e)}.hum-cell-bar{background:var(--hum-trace);position:absolute;bottom:0;left:0;right:0}.hum-cell-on:has(.hum-cell-bar){background:color-mix(in srgb,var(--hum-trace)22%,#1a1d2e)}.hum-cell-now{border-color:var(--on-surface)}.hum-cell:focus-visible{outline:2px solid var(--ds-secondary);outline-offset:1px}.hum-roll-row .hum-cell{min-height:26px}.hum-roll-head{font-variant-numeric:tabular-nums;color:var(--on-surface-variant);align-items:flex-end;font-size:12px}.hum-layout{grid-template-areas:"center""lesson""left""right"}.hum-area-center{grid-area:center}.hum-area-lesson{grid-area:lesson}.hum-area-left{grid-area:left}.hum-area-right{grid-area:right}@media (min-width:1100px){.hum-layout{grid-template:"lesson center right""left center right"1fr/minmax(280px,320px) minmax(0,1fr) minmax(260px,300px);align-items:start}.hum-area-center{position:static}}.hum-knob-column{flex-direction:column;gap:12px;display:flex}@media (max-width:1099px){.hum-knob-column{flex-flow:wrap}.hum-knob-column .hum-group{flex:260px}}.hum-group{background:var(--hum-panel)}.hum-soundbar{text-align:center;flex-direction:column;gap:10px;display:flex}.hum-soundbar .hum-hint{min-height:2.8em}.hum-beat{margin-top:16px}.hum-collapse{align-items:center;gap:8px;display:inline-flex}.hum-collapse-mark{color:var(--hum-trace);font-size:14px;display:inline-block}.hum-collapse[aria-expanded=true] .hum-collapse-mark{transform:rotate(90deg)}@media (prefers-reduced-motion:no-preference){.hum-collapse-mark{transition:transform .12s ease-out}}.hum-row-rename{text-align:left;align-items:center;gap:3px;display:inline-flex}.hum-row-rename .material-symbols-outlined{color:var(--on-surface-variant)}.hum-row-rename:hover{color:var(--hum-trace)}.hum-row-input{border:1px solid var(--hum-trace);width:100%;color:var(--on-surface);background:#171a2b;border-radius:6px;padding:2px 6px;font-size:13px;font-weight:600}