.bb-shell{min-height:100dvh;padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(175deg,var(--bb-bg)0%,var(--bb-bg2)100%);color:var(--bb-text);font-family:var(--bb-font-body);-webkit-user-select:none;user-select:none;flex-direction:column;gap:10px;display:flex}.bb-header{justify-content:space-between;align-items:center;display:flex}.bb-back{align-items:center;min-width:44px;min-height:44px;display:flex}.bb-bgpulse{z-index:0;pointer-events:none;opacity:0;position:fixed;inset:0}.bb-header,.bb-readout,.bb-controls,.bb-orb{z-index:1;position:relative}.bb-orbwrap{flex:1 1 0;justify-content:center;align-items:center;min-height:48px;display:flex;overflow:hidden}.bb-orb{width:min(68vw,300px);height:100%;max-height:42dvh;color:var(--bb-text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin:0;padding:0}.bb-orb svg{width:100%;height:100%;transition:transform .15s ease-out;display:block}.bb-orb:active svg{transform:scale(.96)}.bb-orb:focus-visible{outline:2px solid var(--bb-accent);outline-offset:6px;border-radius:50%}.bb-readout{justify-content:center;align-items:baseline;gap:8px;margin:0;display:flex}.bb-readout-band{font-size:22px;font-weight:700}.bb-readout-purpose{color:var(--bb-muted);font-size:14px}.bb-readout-hz{font-family:var(--bb-font-mono);color:var(--bb-faint);font-size:13px}.bb-controls{flex-direction:column;gap:14px;width:100%;max-width:420px;margin:0 auto;display:flex}.bb-beatslider{height:56px;position:relative}.bb-bandstrip{border:1px solid var(--bb-line);border-radius:10px;display:flex;position:absolute;inset:0 0 16px;overflow:hidden}.bb-bandzone{flex:1}.bb-bandzone+.bb-bandzone{border-left:1px solid var(--bb-line)}.bb-bandlabels{display:flex;position:absolute;bottom:0;left:0;right:0}.bb-bandlabels span{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--bb-faint);flex:1;font-size:9px}.bb-band-delta{background:color-mix(in srgb,var(--bb-band-delta)36%,transparent)}.bb-band-theta{background:color-mix(in srgb,var(--bb-band-theta)36%,transparent)}.bb-band-alpha{background:color-mix(in srgb,var(--bb-band-alpha)36%,transparent)}.bb-band-beta{background:color-mix(in srgb,var(--bb-band-beta)36%,transparent)}.bb-band-gamma{background:color-mix(in srgb,var(--bb-band-gamma)36%,transparent)}.bb-beatslider input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:40px;margin:0;position:absolute;inset:0 0 16px}.bb-beatslider input[type=range]::-webkit-slider-runnable-track{background:0 0;height:40px}.bb-beatslider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--bb-accent);border:2px solid var(--bb-accent-ink);width:22px;height:22px;box-shadow:0 0 10px color-mix(in srgb,var(--bb-accent)70%,transparent);border-radius:50%;margin-top:9px}.bb-beatslider input[type=range]::-moz-range-track{background:0 0;height:40px}.bb-beatslider input[type=range]::-moz-range-thumb{background:var(--bb-accent);border:2px solid var(--bb-accent-ink);width:22px;height:22px;box-shadow:0 0 10px color-mix(in srgb,var(--bb-accent)70%,transparent);border-radius:50%}.bb-chips{gap:8px;display:flex}.bb-chip{background:var(--bb-chip-bg);border:1px solid var(--bb-chip-border);min-height:44px;color:var(--bb-muted);cursor:pointer;border-radius:999px;flex:1;padding:0 4px;font-size:12px;font-weight:600;transition:transform .15s ease-out}.bb-chip:active{transform:scale(.95)}.bb-chip[aria-pressed=true]{border-color:var(--bb-accent);color:var(--bb-accent)}.bb-journeyrow{gap:8px;display:flex}.bb-toggle,.bb-journeychip{background:var(--bb-chip-bg);border:1px solid var(--bb-chip-border);min-height:40px;color:var(--bb-muted);cursor:pointer;border-radius:999px;flex:1;padding:0 4px;font-size:12px;font-weight:600;transition:transform .15s ease-out}.bb-toggle:active,.bb-journeychip:active{transform:scale(.95)}.bb-toggle[aria-pressed=true]{border-color:var(--bb-accent);color:var(--bb-accent);background:color-mix(in srgb,var(--bb-accent)14%,transparent)}.bb-journeyactive{align-items:center;gap:10px;min-height:40px;display:flex}.bb-journeyname{font-size:13px;font-weight:700}.bb-journeytrack{background:var(--bb-slider-track);border-radius:999px;flex:1;height:6px;overflow:hidden}.bb-journeyfill{background:var(--bb-accent);border-radius:999px;height:100%}.bb-journeytime{font-family:var(--bb-font-mono);color:var(--bb-muted);font-size:12px}.bb-journeycancel{background:var(--bb-chip-bg);border:1px solid var(--bb-chip-border);min-width:40px;min-height:40px;color:var(--bb-muted);cursor:pointer;border-radius:999px;font-size:13px}.bb-carrier{align-items:center;gap:10px;display:flex}.bb-carrier label{letter-spacing:.1em;text-transform:uppercase;color:var(--bb-faint);font-size:12px}.bb-carrier input[type=range]{accent-color:var(--bb-accent);flex:1;min-height:44px}.bb-carrier output{font-family:var(--bb-font-mono);text-align:right;min-width:62px;color:var(--bb-text);font-size:14px}.bb-hint{color:var(--bb-faint);justify-content:center;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}@media (max-height:700px){.bb-shell{gap:6px;padding-top:8px}.bb-controls{gap:8px}.bb-readout-band{font-size:18px}.bb-readout-purpose{font-size:13px}}@media (max-height:500px) and (orientation:landscape){.bb-shell{padding:8px calc(16px + env(safe-area-inset-right))calc(10px + env(safe-area-inset-bottom))calc(16px + env(safe-area-inset-left));grid-template:"header header""orb readout""orb controls"minmax(0,1fr)/minmax(0,1fr) minmax(300px,440px);gap:6px 24px;display:grid}.bb-header{grid-area:header}.bb-orbwrap{grid-area:orb;height:100%;min-height:0;position:relative}.bb-orb{width:100%;height:100%;max-height:none;position:absolute;inset:0}.bb-readout{grid-area:readout}.bb-controls{grid-area:controls;justify-content:space-evenly;gap:8px;max-width:none;margin:0}}@media (max-height:560px){.bb-hint{display:none}}@media (prefers-reduced-motion:reduce){.bb-chip,.bb-toggle,.bb-journeychip,.bb-orb svg{transition:none}}