.mp-flow-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;font-size:var(--osp-type-body);font-weight:var(--osp-weight-title);line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.mp-flow-btn--primary{border-color:var(--accent-dark);background:var(--accent);color:var(--text-on-dark)}.mp-flow-btn--primary:active{background:var(--accent-dark)}.mp-flow-btn--ghost{border-color:transparent;background:transparent;color:var(--muted)}.mp-flow-btn:disabled{opacity:.6;cursor:default}.mp-flow-btn:focus-visible,.mp-chip:focus-visible,.mp-pick:focus-visible,.mp-stepper-btn:focus-visible,.mp-stepper-value:focus-visible,.mp-composer-close:focus-visible,.mp-welcome-skip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mp-num{font-variant-numeric:tabular-nums}.mp-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;font-size:12.5px;font-weight:var(--osp-weight-label);line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.mp-chip:before{content:"";position:absolute;inset:-4px 0}.mp-chip.is-on{border-color:var(--accent-dark);background:rgba(var(--accent-rgb),.14);color:var(--accent-dark)}.mp-chip:disabled{opacity:.55;cursor:default}.mp-chip.is-busy{opacity:.7}.mp-chip-state{font-size:11px;font-weight:700;color:var(--muted)}.mp-chip.is-on .mp-chip-state{color:var(--accent-dark)}.mp-chip--link .mp-chip-state{color:var(--blue)}.mp-composer{display:grid;gap:14px;margin:12px 0 4px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--ink);font-size:var(--osp-type-body);line-height:1.4}.mp-composer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mp-composer-title{margin:6px 0 0;font-size:var(--osp-type-title);font-weight:var(--osp-weight-title);line-height:1.25;letter-spacing:-.01em}.mp-composer-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-8px -8px 0 0;padding:0;border:0;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer}.mp-composer-context{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:-6px}.mp-composer-prop{font-weight:var(--osp-weight-title)}.mp-composer-best{color:var(--muted);font-size:var(--osp-type-meta)}.mp-composer-best strong{color:var(--ink);font-weight:var(--osp-weight-strong)}.mp-composer-field{display:grid;gap:8px}.mp-composer-label{font-size:var(--osp-type-label);font-weight:var(--osp-weight-label);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.mp-composer-fine{font-size:var(--osp-type-meta);color:var(--muted)}.mp-composer-fine:empty{display:none}.mp-composer-error{margin:0;font-size:var(--osp-type-meta);font-weight:700;color:var(--red)}.mp-composer-error a,.mp-welcome-tease a{color:var(--accent-dark);font-weight:var(--osp-weight-title)}.mp-composer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mp-composer-actions .mp-flow-btn--primary{flex:1 1 160px}.mp-stepper{display:grid;grid-template-columns:48px minmax(96px,1fr) 48px auto;align-items:center;gap:8px}.mp-stepper-btn{height:48px;padding:0;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:15px;font-weight:var(--osp-weight-strong);line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.mp-stepper-btn:active{background:var(--surface-3)}.mp-stepper-btn:disabled{opacity:.4;cursor:default}.mp-stepper-center{display:block;min-width:0}.mp-stepper-value,.mp-stepper-input{display:block;width:100%;height:48px;padding:0 10px;border-radius:12px;border:1px solid var(--accent-dark);background:var(--surface);color:var(--accent-dark);font:inherit;font-size:22px;font-weight:var(--osp-weight-strong);line-height:1;letter-spacing:-.01em;text-align:center;cursor:text;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.18)}.mp-stepper-value[hidden],.mp-stepper-input[hidden]{display:none}.mp-stepper-input{outline:2px solid var(--accent);outline-offset:1px}.mp-stepper-suffix{font-size:var(--osp-type-meta);font-weight:var(--osp-weight-label);color:var(--muted);white-space:nowrap}.mp-channel-row{display:flex;flex-wrap:wrap;gap:8px}.mp-composer--armed{padding:12px 14px;border-color:rgba(var(--accent-rgb),.38);background:rgba(var(--accent-rgb),.08);gap:6px}.mp-armed-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--accent-dark);background:var(--accent);color:var(--text-on-dark);font-size:13px;font-weight:var(--osp-weight-strong);line-height:1;font-variant-numeric:tabular-nums;align-self:flex-start}.mp-armed-bell{font-size:15px;line-height:1}.mp-composer--wall{gap:8px}.mp-composer-wall-title{margin:0;font-size:var(--osp-type-title);font-weight:var(--osp-weight-title)}.mp-welcome{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:12px;min-height:100%;color:var(--ink)}.mp-welcome-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-top:2px}.mp-welcome-title{margin:0;font-size:var(--osp-type-page);font-weight:var(--osp-weight-strong);line-height:1.15;letter-spacing:-.02em}.mp-welcome-sub{margin:4px 0 0;font-size:var(--osp-type-body);color:var(--muted)}.mp-welcome-skip{flex:none;min-height:44px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-size:var(--osp-type-body);font-weight:var(--osp-weight-title);cursor:pointer}.mp-welcome-rail{display:flex;gap:8px;margin:0 -16px;padding:2px 16px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mp-welcome-rail::-webkit-scrollbar{display:none}.mp-chip--league{flex:none;scroll-snap-align:start;min-height:36px;padding:0 14px;font-size:13px;font-weight:var(--osp-weight-title)}.mp-welcome-body{display:grid;gap:8px;align-content:start}.mp-welcome-section-title{margin:6px 0 0;font-size:var(--osp-type-label);font-weight:var(--osp-weight-label);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.mp-pick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mp-pick{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:48px;padding:6px 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;font-size:13px;font-weight:var(--osp-weight-title);line-height:1.2;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.mp-pick--player{grid-template-columns:minmax(0,1fr) 18px;grid-template-rows:auto auto}.mp-pick--player .mp-pick-name{grid-column:1}.mp-pick--player .mp-pick-check{grid-column:2;grid-row:1 / span 2}.mp-pick-logo{width:28px;height:28px;object-fit:contain}.mp-pick-mono{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--surface-3);color:var(--muted);font-size:11px;font-weight:var(--osp-weight-strong)}.mp-pick-name{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.mp-pick-meta{grid-column:1;font-size:var(--osp-type-label);font-weight:600;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-pick-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--line);color:transparent;background:var(--surface)}.mp-pick.is-on{border-color:var(--accent-dark);background:rgba(var(--accent-rgb),.12);color:var(--accent-dark)}.mp-pick.is-on .mp-pick-check{border-color:var(--accent-dark);background:var(--accent);color:var(--text-on-dark)}.mp-welcome.is-full .mp-pick:not(.is-on){opacity:.55}.mp-welcome.is-teasing .mp-welcome-tease{color:var(--bronze-600)}.mp-pick--skeleton{min-height:48px;border-color:transparent;background:linear-gradient(90deg,var(--surface-2) 20%,var(--surface-3) 50%,var(--surface-2) 80%);background-size:200% 100%;animation:mp-flow-shimmer 1.2s linear infinite}.mp-welcome-skeleton{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@keyframes mp-flow-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mp-welcome-foot{position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px -16px calc(-16px - env(safe-area-inset-bottom,0px));padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--surface)}.mp-welcome-foot-text{display:grid;gap:2px;min-width:0}.mp-welcome-counter{font-size:var(--osp-type-title);font-weight:var(--osp-weight-strong)}.mp-welcome-tease{font-size:var(--osp-type-meta);color:var(--muted)}.mp-welcome-tease[hidden]{display:none}.mp-welcome-foot .mp-flow-btn{flex:none;min-width:120px}@media(min-width:480px){.mp-pick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.mp-pick--skeleton{animation:none}}