@layer components{.fbx{background:var(--gp-page);height:100%;color:var(--gp-ink);font-family:var(--gp-f-body);flex-direction:column;display:flex;container:fbx/inline-size}.fbx-shell{flex:1 1 0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 356px;min-height:0;display:grid}.fbx-stage{min-width:0;min-height:0;padding:24px 24px 48px 32px;overflow-y:auto}.fbx-stage-in{flex-direction:column;gap:16px;max-width:1040px;margin:0 auto;display:flex}.fbx-panel{border-radius:var(--gp-r-l);background:var(--gp-card);overscroll-behavior:contain;min-height:0;margin:24px 24px 24px 0;padding:2px 20px 4px;overflow-y:auto}.fbx-head{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.fbx-head-row{align-items:center;gap:12px;display:flex}.fbx-cardtoggles{gap:8px;margin-left:auto;display:flex}.fbx-cardtoggle{justify-content:center;width:36px;height:36px;padding:0}.fbx-cardtoggle svg{width:18px;height:18px}.fbx-title{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:800;line-height:1.1}.fbx-h{margin:0;font-size:16px;font-weight:650;line-height:1.3}.fbx-meta{color:var(--gp-ink-3);margin:0;font-size:13px;font-weight:500;line-height:1.45}.fbx-lbl{color:var(--gp-ink-2);font-size:13px;font-weight:600}.fbx-card{border-radius:var(--gp-r-l);background:var(--gp-card);padding:16px}.fbx-chead{flex-wrap:wrap;align-items:center;gap:8px;min-height:36px;margin:-4px 0 10px;display:flex}.fbx-chead-icon{color:var(--gp-ink-3);flex:none;display:grid}.fbx-chead-icon svg{width:18px;height:18px;transition:color var(--gp-d-state) var(--gp-ease-state), fill var(--gp-d-state) var(--gp-ease-state)}.fbx-card[data-current] .fbx-chead-icon{color:var(--gp-m-500);animation:gp-squash .26s var(--gp-spring-press)}.fbx-card[data-current] .fbx-chead-icon svg{fill:var(--gp-m-100)}.fbx-h{flex:none}.fbx-chead-hint{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin-left:4px;overflow:hidden}.fbx-chead-control{flex:none;margin-left:auto}.fbx-x{border-radius:var(--gp-r-s);width:32px;height:32px;color:var(--gp-ink-3);cursor:pointer;transition:color var(--gp-d-state) linear, background-color var(--gp-d-state) linear;flex:none;place-items:center;margin-left:auto;display:grid}.fbx-x svg{width:16px;height:16px}.fbx-x:hover{background:var(--gp-well);color:var(--gp-ink)}.fbx-now{z-index:3;position:relative}.fbx-now-key{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.fbx-key{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:750;line-height:1.15}.fbx-tag{border-radius:var(--gp-r-pill);background:var(--gp-well);height:26px;color:var(--gp-ink-2);align-items:center;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.fbx-steps{flex-wrap:wrap;align-items:center;gap:3px;margin:0;padding:0;list-style:none;display:flex}.fbx-steps li{width:calc(var(--n,2) * 15px + 14px);border-radius:var(--gp-r-xs);background:var(--gp-well);height:24px;color:var(--gp-ink-2);white-space:nowrap;place-items:center;font-size:11.5px;font-weight:700;display:grid}.fbx-steps li[data-half]{background:var(--gp-m-100);color:var(--gp-m-700)}.fbx-readout-row{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px;display:flex}.fbx-readout .csel{--csel-size:17px}.fbx-num{border-radius:var(--gp-r-s);background:var(--gp-m-100);min-width:32px;height:30px;color:var(--gp-m-700);place-items:center;padding:0 8px;font-size:15px;font-weight:750;display:inline-grid}.fbx-shape{align-items:center;gap:6px;display:inline-flex}.fbx-tones{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.fbx-tones li{border-radius:var(--gp-r-pill);background:var(--gp-well);font-variant-numeric:tabular-nums;align-items:center;gap:5px;height:28px;padding:0 10px;font-size:13px;display:inline-flex}.fbx-tones b{font-weight:700}.fbx-tones span{color:var(--gp-ink-3);font-size:12px;font-weight:600}.fbx-tones li[data-root]{background:var(--gp-m-500);color:var(--gp-m-on)}.fbx-tones li[data-root] span{color:var(--gp-m-on);opacity:.85}.fbx-legend{flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;padding:0;list-style:none;display:flex}.fbx-legend li{color:var(--gp-ink-2);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:inline-flex}.fbx-cof-body{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:center;gap:28px;display:grid}.fbx-cof{aspect-ratio:1;background:var(--gp-well);border-radius:50%;width:100%;max-width:360px;margin:0 auto;position:relative}.fbx-cof-wedge{width:100%;height:100%;transition:transform .48s var(--gp-spring-land);position:absolute;inset:0}.fbx-cof-wedge path{fill:var(--gp-m-100)}.fbx-cof-hub{background:var(--gp-card);border-radius:50%;position:absolute;inset:27.5%}.fbx-cof-cell{z-index:1;width:44px;height:44px;font:650 14px/1 var(--gp-f-body);white-space:nowrap;cursor:pointer;border-radius:50%;place-items:center;margin:-22px 0 0 -22px;display:grid;position:absolute}.fbx-cof-cell[data-ring=minor]{width:38px;height:38px;margin:-19px 0 0 -19px;font-size:12.5px}.fbx-cof-cell[data-ring=dim]{width:28px;height:28px;margin:-14px 0 0 -14px;font-size:10.5px}.fbx-cof-cell[aria-pressed=false]:not([data-in]){--o:0px;box-shadow:none;color:var(--gp-ink-2);background-color:#0000}.fbx-cof-cell[aria-pressed=false]:not([data-in]):hover,.fbx-cof-cell[aria-pressed=false]:not([data-in]).is-down{background-color:var(--gp-card);color:var(--gp-ink)}span.fbx-cof-cell{color:var(--gp-ink-3);cursor:default}span.fbx-cof-cell[data-in]{background:var(--gp-m-100);color:var(--gp-m-700)}button.fbx-cof-cell[data-ring=dim]:after{content:"";border-radius:50%;position:absolute;inset:-8px}.fbx-cof-side{flex-direction:column;gap:14px;display:flex}.fbx-cof-lead{color:var(--gp-ink-2);margin:0;font-size:15px;line-height:1.5}.fbx-cof-key{gap:8px;margin:0;display:grid}.fbx-cof-key div{grid-template-columns:64px minmax(0,1fr);gap:8px;display:grid}.fbx-cof-key dt{font-size:13px;font-weight:650}.fbx-cof-key dd{color:var(--gp-ink-3);margin:0;font-size:13.5px;line-height:1.45}.fbx-strip{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:8px;min-height:56px;display:grid}.fbx-strip>.fbx-meta{grid-column:1/-1;align-self:center}.fbx-bar{border-radius:var(--gp-r-m);background:var(--gp-card);min-width:0;box-shadow:var(--gp-ring-c);transition:transform var(--gp-d-rise) var(--gp-e-rise), box-shadow var(--gp-d-rise) var(--gp-e-rise), background-color var(--gp-d-state) linear;justify-content:center;align-items:center;padding:8px 4px;display:flex;position:relative}.fbx-bar[data-current]{background:var(--gp-m-500);box-shadow:var(--gp-ring-m), 3px 3px 0 0 var(--gp-m-sh);color:var(--gp-m-on);transform:translate(-1px,-1px)}.fbx-bar-x{border-radius:var(--gp-r-xs);width:22px;height:22px;color:var(--gp-ink-3);cursor:pointer;opacity:.7;place-items:center;display:grid;position:absolute;top:2px;right:2px}.fbx-bar-x svg{width:13px;height:13px}.fbx-bar-x:hover{background:var(--gp-well);color:var(--gp-ink);opacity:1}.fbx-bar[data-current] .fbx-bar-x{color:inherit}.fbx-bar-n{flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:100%;display:flex}.fbx-bar-n span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.fbx-bar-n b{font-size:15px;font-weight:700}.fbx-bar-n span{opacity:.8;font-size:12px;font-weight:500}.fbx-prow{flex-direction:column;gap:6px;display:flex}.fbx-prow [data-outside]{color:var(--gp-ink-3)}.fbx-transport{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.fbx-clear{margin-left:auto}.fbx-sec{box-shadow:inset 0 -1px 0 var(--gp-line);flex-direction:column;gap:12px;padding:18px 0;display:flex}.fbx-sec:last-child{box-shadow:none}.fbx-sheet .fbx-sec:first-child{padding-top:4px}.fbx-keys{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.fbx-choice{justify-content:center;height:40px;padding:0}:is(.fbx,.fbx-sheet) .fbx-choice[aria-checked=false]{--o:0px;box-shadow:inset 0 0 0 1px var(--gp-edge);color:var(--gp-ink-2);background-color:#0000;transform:none}:is(.fbx,.fbx-sheet) .fbx-choice[aria-checked=false].is-down{background-color:var(--gp-well)}.fbx-fl{flex-direction:column;gap:6px;display:flex}.fbx-select{cursor:pointer}.fbx-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fbx-deg b{font-weight:700}.fbx-deg small,.fbx-deg .fbx-deg-name{opacity:.8;font-size:12px;font-weight:500}.fbx-deg[data-outside]{height:30px;padding:0 10px;font-size:12.5px}.fbx-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.fbx-vol{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;min-height:44px;display:grid}.fbx-dock{background:var(--gp-card);box-shadow:0 -1px 0 var(--gp-line);flex:none;align-items:center;gap:12px;padding:10px 16px;display:none}.fbx-dock-sum{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.fbx-dock-sum b,.fbx-dock-sum span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fbx-dock-sum b{font-size:15px;font-weight:650}.fbx-dock-sum span{color:var(--gp-ink-3);font-size:12.5px;font-weight:500}@container fbx (max-width:959px){.fbx-shell{grid-template-columns:minmax(0,1fr)}.fbx-panel{display:none}.fbx-dock{display:flex}.fbx-stage{padding:20px 24px 32px}}@container fbx (max-width:719px){.fbx-stage{padding:14px 16px 24px}.fbx-stage-in{gap:12px}.fbx-title{font-size:24px}.fbx-key{font-size:22px}.fbx-card{padding:14px 12px}.fbx-chead-hint{display:none}.fbx-cof-body{grid-template-columns:minmax(0,1fr);gap:16px}}@media (prefers-reduced-motion:reduce){.fbx-cof-wedge,.fbx-bar{transition:none}.fbx-card[data-current] .fbx-chead-icon{animation:none}.fbx-bar[data-current]{transform:none}}}