._box_1hpho_2{gap:var(--s3);max-width:62ch;padding:var(--s4);background:var(--bg-raised);border:var(--panel-border);box-shadow:var(--panel-shadow);border-radius:var(--r-sm);display:grid}._fields_1hpho_3{align-items:center;gap:var(--s2) var(--s3);flex-wrap:wrap;display:flex}._series_1hpho_4{gap:var(--s2);flex-wrap:wrap;width:100%;display:flex}._seg_1hpho_5{display:inline-flex;position:relative}._seg_1hpho_5 input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}._seg_1hpho_5 span{min-height:40px;padding:0 var(--s4);border-radius:var(--r-pill);font-weight:700;font-size:var(--fs-sm);background:var(--bg);box-shadow:inset 0 0 0 var(--edge-w) var(--edge);align-items:center;display:inline-flex}._seg_1hpho_5 input:checked+span{background:var(--ink);color:var(--bg)}._seg_1hpho_5 input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}._label_1hpho_10{font-family:var(--ff-display);font-size:1.125rem;font-weight:700}._input_1hpho_11{min-width:0;max-width:220px;min-height:48px;padding:0 var(--s4);border-radius:var(--r-sm);border:2px solid var(--ink);background:var(--bg);color:var(--fg);font:700 1.25rem/1 var(--ff-display);font-variant-numeric:tabular-nums;flex:140px}._input_1hpho_11::placeholder{color:var(--fg-subtle);font-weight:600}._input_1hpho_11:focus-visible{outline:3px solid var(--focus);outline-offset:2px}._out_1hpho_15{--bar:var(--hairline-strong);min-height:3.25rem;padding:var(--s2) var(--s3);border-left:6px solid var(--bar);border-radius:0 var(--r-sm) var(--r-sm) 0;background:color-mix(in srgb,var(--bar) 10%,transparent);font-size:var(--fs-sm);gap:4px;line-height:1.5;display:grid}._out_1hpho_15[data-tone=filler]{--bar:var(--fl-filler)}._out_1hpho_15[data-tone=recap]{--bar:var(--fl-recap)}._out_1hpho_15[data-tone=mixed]{--bar:var(--fl-mixed)}._out_1hpho_15[data-tone=kanon]{--bar:var(--fl-kanon-strong)}._head_1hpho_20{font-weight:800;font-size:var(--fs-base,1rem)}._hint_1hpho_21{color:var(--fg-subtle)}