.xn-stepbar{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.xn-stepbar button{cursor:pointer;color:var(--mut);white-space:nowrap;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:8px;padding:0;font-size:12px;font-weight:500;display:flex}.xn-stepbar button i{background:var(--line);border-radius:4px;width:100%;height:4px;display:block}.xn-stepbar button.on i{background:var(--brand)}.xn-stepbar button.cur{color:var(--ink);font-weight:600}.xn-stn{background:var(--brandS);width:24px;height:24px;color:var(--brand);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.xn-pick{border:1px solid var(--line2);background:var(--card);cursor:pointer;text-align:left;width:100%;min-height:56px;color:var(--ink);border-radius:16px;align-items:center;gap:8px;padding:8px 12px 8px 16px;display:flex}.xn-pick:hover{background:var(--bg2)}.xn-cnt{background:var(--brand);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.xn-chipx{background:var(--ink);height:32px;color:var(--bg);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 8px 0 12px;font-size:13px;font-weight:500;display:inline-flex}.xn-pk-top{z-index:3;background:var(--card);margin-top:-8px;padding:8px 0;position:sticky;top:-8px}.xn-pk-h{letter-spacing:.04em;color:var(--mut);white-space:nowrap;padding:16px 0 8px;font-size:12px;font-weight:600}.xn-pk-g{color:var(--ink);white-space:nowrap;padding:8px 0 4px;font-size:13px;font-weight:600}.xn-pk-it{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;width:100%;min-height:52px;color:var(--ink);background:0 0;align-items:center;gap:12px;padding:4px 0;display:flex}.xn-pk-it:hover{background:var(--bg2)}.xn-day{text-align:left;cursor:pointer;width:100%;color:var(--ink);align-items:flex-start;gap:12px;display:flex}.xn-day:hover{border-color:var(--line2)}.xn-day .score b{font-size:17px}.xn-pills{flex-wrap:wrap;gap:4px;display:flex}.xn-fac{text-align:left;cursor:pointer;width:100%;color:var(--ink);border:0;border-top:1px solid var(--line);background:0 0;align-items:center;gap:12px;padding:12px 0;display:flex}.xn-fac:first-child{border-top:0}.xn-fac .chev{color:var(--line2);transition:transform .2s}.xn-fac.open .chev{transform:rotate(180deg)}.xn-facb{padding:0 0 12px 52px}.xn-facb[hidden]{display:none}.xn-hr td,.xn-hr th{vertical-align:middle}.xn-hr tr.hd td:first-child{border-left:3px solid var(--jade)}.xn-hr tr.clk{cursor:pointer}.xn-hr tr.clk:hover td{background:var(--bg2)}.xn-big{font-size:32px;font-weight:600;line-height:1.15}.xn-cmp th,.xn-cmp td{font-size:13px}.xn-tile{background:var(--bg2);border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex}.xn-tile .k{color:var(--mut);white-space:nowrap;font-size:12px}.xn-tile .v{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}@media (width>=1024px){.xn-cols{grid-template-columns:400px minmax(0,1fr);align-items:start;gap:24px;display:grid}.xn-form{position:sticky;top:80px}.xn-dcols{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}}@media (width<=1023px){.xn-st{display:none}.xn-st.cur{display:block}.xn-root.kq .xn-form,.xn-root:not(.kq) .xn-res{display:none}}
