.qi-map{--focus:var(--lime);background:radial-gradient(60% 50% at 50% 40%, #6449d138, transparent 70%), var(--ink);color:var(--dark-fg);border:1px solid #22243a;border-radius:24px;overflow:hidden;box-shadow:0 0 0 10px #10111d0a,0 50px 90px -40px #10111d8c}.qi-map__head{border-bottom:1px solid var(--dark-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.625rem 1rem;padding:.75rem .875rem .75rem 1.125rem;display:flex}.qi-map__title{color:#fff;align-items:center;gap:.625rem;font-size:.8438rem;font-weight:600;display:inline-flex}.qi-seg{border:1px solid var(--dark-line);background:#ffffff0a;border-radius:12px;gap:2px;padding:3px;display:inline-flex}.qi-seg button{min-height:44px;font:inherit;color:var(--dark-muted);white-space:nowrap;cursor:pointer;transition:background-color .15s var(--ease), color .15s var(--ease);background:0 0;border:0;border-radius:9px;align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:550;display:inline-flex}.qi-seg button:hover:not(:disabled){color:#fff}.qi-seg button:disabled{cursor:default}.qi-seg button[aria-pressed=true]{color:#fff;background:#ffffff1f}.qi-map__canvas{container:map/inline-size}.qi-map .beams{min-height:320px}.qi-map[data-mode=local] .beam-flow--global{display:none}.qi-map[data-mode=global] .beam-base--global{stroke:#8b74ff8c;stroke-dasharray:none}.qi-map[data-mode=global] .node--global .node__icon{border-style:solid;border-color:#c3b6ffbf}.qi-map__log{border-color:#fff;margin:0 .75rem .75rem}.qi-map__log .w__head{color:var(--fg)}@container map (width<=480px){.qi-map .beams{min-height:0}}.qi-steps{gap:clamp(1rem,2.5vw,1.5rem);margin:0;padding:0;list-style:none;display:grid}.qi-step{border:1px solid var(--rule);background:var(--paper);border-radius:26px;align-items:center;gap:1.25rem;padding:clamp(1.25rem,3vw,2rem);display:grid}@media (width>=860px){.qi-step{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,4rem)}.qi-step:nth-child(2n) .qi-step__copy{order:2}}.qi-step__n{background:var(--ink);width:40px;height:40px;font-family:var(--font-mono);color:var(--lime);border-radius:12px;place-items:center;margin-bottom:1rem;font-size:.8125rem;display:inline-grid}.qi-step:last-child .qi-step__n{background:var(--lime);color:var(--ink)}.qi-step__title{letter-spacing:-.03em;font-size:clamp(1.25rem,1.05rem + .7vw,1.625rem);font-weight:600;line-height:1.2}.qi-step__text{max-width:48ch;color:var(--muted);margin-top:.625rem}.qi-step__ui{background:radial-gradient(70% 80% at 50% 0,#d5f58a66,#0000 72%),#fff;border:1px solid #efeff4;border-radius:20px;place-items:center;min-width:0;min-height:200px;padding:clamp(1rem,3vw,1.75rem);display:grid;position:relative}.qi-step__ui>.code,.qi-step__ui>.ui-panel{width:min(100%,400px)}.qi-step__ui--pair{gap:.875rem}.qi-step__ui--pair>.qi-mini{width:min(100%,400px)}.qi-step__tag{border:1px solid var(--rule-strong);font-family:var(--font-mono);color:var(--subtle);background:#fff;border-radius:6px;padding:.0625rem .5rem;font-size:.6875rem;position:absolute;top:.75rem;right:.75rem}.code--soft{border-color:var(--rule);background:var(--soft);color:var(--fg);box-shadow:var(--shadow-sm)}.code--soft .t-key{color:var(--accent-600)}.code--soft .t-str{color:var(--lime-ink)}.qi-mini{align-content:start;gap:.5rem;min-width:0;display:grid}.qi-mini__label{font-family:var(--font-mono);letter-spacing:.04em;color:var(--subtle);align-items:center;gap:.375rem;font-size:.6875rem;display:inline-flex}.qi-table th[scope=row]{width:24%}.qi-table .status{white-space:normal}.qi-table td:nth-child(2){white-space:nowrap}.qi-status--global{border-color:var(--accent-200);background:var(--accent-50);color:var(--accent-600)}.qi-pilot{font-family:var(--font-mono);color:var(--accent-600);margin-top:.375rem;font-size:.6875rem;display:block}.qi-points{gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.qi-points li{color:var(--muted);gap:.875rem;font-size:.9375rem;display:flex}.qi-points strong{color:var(--fg)}.qi-points__icon{border:1px solid var(--rule);background:#fff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.qi-points__icon--lime{border-color:var(--lime-600);background:var(--lime)}.qi-more{margin-top:1.5rem}.qi-link{min-height:44px;color:var(--fg);align-items:center;gap:.375rem;font-weight:600;text-decoration:none;display:inline-flex}.qi-link:hover{color:var(--accent-600)}.qi-ticket{justify-self:center;width:100%;max-width:520px}@media (width<=759.98px){.qi-table caption{padding:.75rem 1rem;display:block}.qi-table th[scope=row],.qi-table td{white-space:normal!important;width:auto!important}}@media (width<=559.98px){.qi-map__log .req{grid-template-columns:2.5rem minmax(0,1fr) auto}.qi-map__log .req>:nth-child(3){display:none}}.qi-check{gap:.375rem;margin:1.125rem 0 0;font-size:.875rem;display:grid}.qi-check>div{border:1px solid var(--rule);background:#fff;border-radius:10px;grid-template-columns:6.5rem minmax(0,1fr);gap:.75rem;padding:.5rem .75rem;display:grid}.qi-check>div+div{border-color:var(--stop-200);background:#fff}.qi-check dt{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);padding-top:.15rem;font-size:.6875rem}.qi-check>div+div dt{color:var(--stop)}.qi-check dd{color:var(--fg)}@media (width<=419.98px){.qi-check>div{grid-template-columns:1fr;gap:.125rem}}.opt-chip{border:1px solid var(--rule-strong);min-height:44px;font:inherit;color:var(--muted);cursor:pointer;transition:background-color .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease);background:#fff;border-radius:999px;padding:.375rem .875rem;font-size:.8438rem;font-weight:550}.opt-chip:hover{color:var(--fg);border-color:#b9bbc9}.opt-chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.seq{border:1px solid var(--rule);box-shadow:var(--shadow-sm);background:#fff;border-radius:26px;overflow:hidden}.seq__bar{border-bottom:1px solid var(--rule);background:#fbfbfd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.seq__toggle{flex-wrap:wrap;gap:.375rem;display:flex}.seq__board{padding:1.25rem clamp(.75rem,2vw,1.5rem) 1.75rem;position:relative}.seq__lanes{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:.75rem;display:grid}.seq__lane{border:1px solid var(--rule);background:var(--paper);border-radius:12px;justify-content:center;justify-self:center;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8438rem;font-weight:600;display:inline-flex}.seq__lane--core{background:var(--accent);color:#fff;border-color:#7b63e0}.seq__list{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:.25rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.seq__board:before{content:"";background:linear-gradient(var(--rule-strong), var(--rule-strong)) 12.5% 0 / 1px 100% no-repeat, linear-gradient(#6449d173, #6449d173) 37.5% 0 / 2px 100% no-repeat, linear-gradient(var(--rule-strong), var(--rule-strong)) 62.5% 0 / 1px 100% no-repeat, linear-gradient(var(--rule-strong), var(--rule-strong)) 87.5% 0 / 1px 100% no-repeat;pointer-events:none;position:absolute;inset:4.25rem clamp(.75rem,2vw,1.5rem) 1rem}.seq__msg{--span:calc(var(--to) - var(--from));--inset:calc(50% / var(--span));grid-column:var(--from) / var(--to);min-height:3.5rem;padding:0 var(--inset) .875rem;text-align:center;align-content:end;justify-items:center;display:grid;position:relative}.seq__msg:before{content:"";bottom:.5rem;left:var(--inset);right:var(--inset);background:var(--ink);border-radius:2px;height:2px;position:absolute}.seq__msg:after{content:"";border-block:5px solid #0000;width:0;height:0;position:absolute;bottom:calc(.5rem - 4px)}.seq__msg--r:after{right:calc(var(--inset) - 2px);border-left:8px solid var(--ink)}.seq__msg--l:after{left:calc(var(--inset) - 2px);border-right:8px solid var(--ink)}.seq__msg--l:before{background:repeating-linear-gradient(90deg, var(--ink) 0 6px, transparent 6px 10px)}.seq__msg.is-fail:before{background:repeating-linear-gradient(90deg, var(--stop) 0 6px, transparent 6px 10px)}.seq__msg.is-fail.seq__msg--l:after{border-right-color:var(--stop)}.seq__msg.is-fail.seq__msg--r:after{border-left-color:var(--stop)}.seq__msg.is-fail .seq__label{color:var(--stop)}.seq__msg--self{align-content:center;padding:.25rem .375rem .5rem}.seq__msg--self:before{border:1.5px dashed var(--accent);background:var(--accent-50);border-radius:12px;height:auto;inset:.125rem .25rem .25rem}.seq__msg--self:after{display:none}.seq__msg--self>*{position:relative}.seq__label{font-size:.8125rem;font-weight:600;line-height:1.3}.seq__sub{font-family:var(--font-mono);color:var(--subtle);font-size:.6875rem}.seq__route{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=759.98px){.seq__lanes,.seq__board:before{display:none}.seq__list{counter-reset:seq;grid-template-columns:1fr;row-gap:.5rem}.seq__msg,.seq__msg--self{border:1px solid var(--rule);background:var(--paper);text-align:left;counter-increment:seq;border-radius:14px;grid-column:1;justify-items:start;min-height:0;padding:.75rem .875rem .75rem 2.75rem}.seq__msg:before,.seq__msg--self:before{content:counter(seq);background:var(--ink);width:22px;height:22px;font-family:var(--font-mono);color:var(--lime);border:0;border-radius:50%;place-items:center;font-size:.6875rem;display:grid;inset:.75rem auto auto .75rem}.seq__msg.is-fail:before{background:var(--stop);color:#fff}.seq__msg:after{display:none}.seq__msg.is-fail{border-color:var(--stop-200);background:var(--stop-50)}.seq__route{clip-path:none;width:auto;height:auto;font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent-600);margin-bottom:.125rem;font-size:.6875rem;position:static;overflow:visible}}.edge{align-items:start;gap:1rem;display:grid}@media (width>=960px){.edge{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1.5rem}}.edge__list{gap:.375rem;display:grid}@media (width>=560px) and (width<=959.98px){.edge__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.edge__btn{border:1px solid var(--rule);background:var(--paper);width:100%;min-height:48px;font:inherit;text-align:left;color:var(--fg);cursor:pointer;transition:background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease);border-radius:14px;align-items:center;gap:.75rem;padding:.5rem .875rem;font-size:.9063rem;font-weight:550;display:flex}.edge__btn:hover{border-color:var(--rule-strong)}.edge__btn[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.edge__btn-n{border:1px solid var(--rule);width:28px;height:28px;font-family:var(--font-mono);color:var(--fg);background:#fff;border-radius:8px;flex:none;place-items:center;font-size:.6875rem;display:grid}.edge__btn[aria-pressed=true] .edge__btn-n{border-color:var(--stop);background:var(--stop);color:#fff}.edge__panel{min-width:0}.edge__view{border:1px solid var(--rule);box-shadow:var(--shadow-sm);background:radial-gradient(60% 70% at 100% 0,#fef3f2e6,#0000 70%),#fff;border-radius:24px;padding:clamp(1.125rem,3vw,1.75rem)}@media (prefers-reduced-motion:no-preference){.edge__view:not([hidden]){animation:qi-in .3s var(--ease) both}}@keyframes qi-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.edge__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.edge__title{letter-spacing:-.025em;font-size:clamp(1.25rem,1.05rem + .7vw,1.5rem);font-weight:600}.edge__where{border:1px solid var(--stop-200);background:var(--stop-50);font-family:var(--font-mono);color:var(--stop);border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;display:inline-flex}.edge__flags{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1.125rem 0 .5rem;display:grid}.edge__flag{border:1px solid var(--rule);background:var(--paper);border-radius:14px;gap:.125rem;padding:.75rem .875rem;display:grid}.edge__flag span{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);font-size:.6875rem}.edge__flag b{font-size:.9375rem;font-weight:600}.edge__flag--ok{border-color:var(--lime-600);background:var(--lime-50)}.edge__flag--ok b{color:var(--lime-ink)}.edge__kv dd{font-weight:500}.edge__pilot{background:var(--accent-50);color:#3b2f7a;border-radius:12px;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem .875rem;font-size:.875rem;display:flex}.edge__pilot .i{color:var(--accent-600);flex:none;margin-top:.2em}.edge__pilot strong{color:var(--accent-600)}.after{gap:1rem;display:grid}@media (width>=860px){.after{grid-template-columns:repeat(2,minmax(0,1fr))}}.after__lane{border:1px solid var(--lime-600);background:radial-gradient(70% 80% at 0% 0%, #d5f58a66, transparent 70%), var(--paper);border-radius:24px;padding:clamp(1.125rem,3vw,1.5rem)}.after__lane--stop{border-color:var(--stop-200);background:radial-gradient(70% 80% at 0% 0%, #fef3f2e6, transparent 70%), var(--paper)}.after__head{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:1rem;font-size:1.0625rem;font-weight:600;display:flex}.after__steps{counter-reset:after;gap:0;margin:0;padding:0;list-style:none;display:grid}.after__steps li{counter-increment:after;gap:.125rem;padding:0 0 1rem 2.5rem;display:grid;position:relative}.after__steps li:before{content:counter(after);border:1px solid var(--rule-strong);width:26px;height:26px;font-family:var(--font-mono);background:#fff;border-radius:50%;place-items:center;font-size:.6875rem;display:grid;position:absolute;top:0;left:0}.after__steps li:not(:last-child):after{content:"";background:var(--rule-strong);width:1px;position:absolute;top:28px;bottom:2px;left:12.5px}.after__steps li:last-child{padding-bottom:0}.after__steps b{font-size:.9688rem;font-weight:600}.after__steps span{color:var(--muted);font-size:.875rem}.after__note{margin-top:1rem}.gloss{gap:.75rem;margin:0;display:grid}@media (width>=640px){.gloss{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.gloss{grid-template-columns:repeat(3,minmax(0,1fr))}}.gloss__item{border:1px solid var(--rule);background:#fff;border-radius:18px;padding:1.125rem 1.25rem}.gloss__item dt{letter-spacing:-.015em;font-size:1.0625rem;font-weight:600}.gloss__item dt:after{content:"";background:var(--lime-600);border-radius:2px;width:24px;height:2px;margin-top:.5rem;display:block}.gloss__item dd{color:var(--muted);margin-top:.5rem;font-size:.875rem}
