.howto-demo{background:var(--card);pointer-events:none;user-select:none;border-radius:8px;grid-template-columns:minmax(0,1fr) 5.4rem 5.4rem;align-items:center;column-gap:.25rem;padding:.6rem 0;display:grid}.howto-demo>div{text-align:right;font-variant-numeric:tabular-nums;padding:.55rem .5rem;position:relative}.howto-demo>div:nth-child(3n+1){text-align:left;padding-left:.75rem;font-weight:600}.howto-demo .dh{color:var(--muted);padding-top:0;padding-bottom:.1rem;font:400 .7rem/1.2 system-ui,sans-serif}.howto-demo .dh:first-child{padding-left:.75rem;display:flex}.howto-demo .add{text-align:left;color:var(--muted);grid-column:1/-1;padding-left:.75rem;font-weight:400}.howto-demo small{color:var(--muted);margin-left:.4rem;font-size:.8rem;font-weight:400}.howto-demo .guide{color:var(--accent);font-weight:700}.howto-demo b{position:absolute;top:-.2rem;right:.2rem}.howto-demo>div:nth-child(3n+1) b{left:.2rem;right:auto}.howto-demo b,.howto-steps li:before{background:var(--ink);width:1.1rem;height:1.1rem;color:var(--paper);border-radius:50%;place-items:center;font:700 .65rem/1 system-ui,sans-serif;display:inline-grid}.howto h3{margin:1.25rem 0 .6rem;font:600 .8rem/1.3 system-ui,-apple-system,sans-serif}.howto-page{background:var(--card);pointer-events:none;user-select:none;border-radius:8px;padding:.7rem .75rem .75rem;position:relative}.howto-page .bar{color:var(--muted);justify-content:space-between;margin-bottom:.3rem;display:flex}.howto-page .bar span,.howto-page .title span,.howto-page .tile,.howto-page .spark{position:relative}.howto-page .title{align-items:center;gap:.5rem;margin-bottom:.6rem;font:700 1.2rem/1.2 Hiragino Mincho ProN,Yu Mincho,serif;display:flex}.howto-page .q{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:.05rem .45rem;font:600 .75rem/1.5 system-ui,sans-serif}.howto-page .tiles{grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.6rem;display:grid}.howto-page .tile{background:var(--paper);font-variant-numeric:tabular-nums;border-radius:6px;padding:.45rem .6rem}.howto-page .tile small{color:var(--muted);font-size:.65rem;display:block}.howto-page .tile strong{font-size:1.1rem}.howto-page .tile.guide strong{color:var(--accent)}.howto-page .spark{height:2.6rem}.howto-page .spark svg{display:block}.howto-page .spark path{fill:none;stroke-width:1.5px;vector-effect:non-scaling-stroke}.howto-page b{position:absolute;top:-.3rem;left:-.35rem}.howto-page .bar .end{gap:.7rem;display:flex}.howto-page .bar .end span:last-child b,.howto-page .tile b{left:auto;right:-.35rem}.howto-page b,.howto-page b{background:var(--ink);width:1.1rem;height:1.1rem;color:var(--paper);border-radius:50%;place-items:center;font:700 .65rem/1 system-ui,sans-serif;display:inline-grid}.howto-steps{counter-reset:step;margin:.9rem 0 0;padding:0;font-size:.85rem;list-style:none}.howto-steps li{counter-increment:step;align-items:flex-start;gap:.6rem;margin:0 0 .5rem;line-height:1.5;display:flex}.howto-steps li:before{content:counter(step);flex:none;margin-top:.09rem}.howto-steps strong{font-weight:600}.howto-steps .guide{color:var(--accent);font-weight:600}.help-open{width:1.25rem;height:1.25rem;color:var(--muted);opacity:var(--dim);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;padding:0;font:600 .7rem/1 system-ui,sans-serif;display:flex}.help-open:hover,.help-open:focus-visible{opacity:1;outline:none}.help{background:var(--paper);width:min(30rem,100%);max-width:100%;max-height:88dvh;color:var(--ink);overscroll-behavior:contain;border:0;border-radius:16px 16px 0 0;margin:auto auto 0;padding:0;overflow:auto}.help::backdrop{background:#00000073}@media (width>=601px){.help{border-radius:16px;margin:auto}}.help-bar{z-index:1;background:var(--paper);justify-content:space-between;align-items:center;padding:.9rem 1rem .6rem;display:flex;position:sticky;top:0}.help-bar h2{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font:600 .75rem/1.3 system-ui,-apple-system,sans-serif}.help-close{color:var(--muted);cursor:pointer;background:0 0;border:0;margin:-.35rem -.35rem -.35rem 0;padding:.35rem;display:flex}.help-body{padding:0 1rem 2rem}.help-body .howto-demo{margin-top:0}.help-notes{margin:0;padding-left:1.1rem;font-size:.85rem;list-style:outside}.help-notes li{margin:0 0 .4rem}.help-notes a{color:var(--accent)}.help-foot{color:var(--muted);margin:1.25rem 0 0;font-size:.75rem}.help-foot a{color:inherit}