#hxv .gx-helpbtn,.gx-helpbtn{left:var(--sp-12);bottom:var(--sp-12);z-index:var(--z-float);align-items:center;gap:var(--sp-8);height:var(--touch);padding-inline:var(--sp-12) var(--sp-16);border-radius:var(--r-12);background:var(--bg);color:var(--ink);font-size:var(--fs-15);font-weight:var(--fw-bold);box-shadow:0 0 0 1px var(--rule), var(--shadow-float);transition:transform var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out);display:inline-flex;position:absolute}#hxv .gx-helpbtn .icon,.gx-helpbtn .icon{width:20px;height:20px}#hxv .gx-helpbtn:active,.gx-helpbtn:active{background:var(--tile);transform:scale(.97)}@media (hover:hover) and (pointer:fine){#hxv .gx-helpbtn:hover,.gx-helpbtn:hover{background:var(--tile)}}.gx{width:100%;max-width:none;max-height:none;color:var(--ink);background:0 0;border:0;margin:auto 0 0;padding:0;overflow:visible}.gx::backdrop{background:var(--scrim);transition:opacity var(--t-base) var(--ease-out)}.gx.out::backdrop{opacity:0;transition-duration:var(--t-fast)}@starting-style{.gx[open]::backdrop{opacity:0}}.gx-in{border-radius:var(--r-24) var(--r-24) 0 0;background:var(--bg);max-height:min(86dvh,720px);box-shadow:var(--shadow-float);transition:transform var(--t-base) var(--ease-out), opacity var(--t-base) var(--ease-out);grid-template-rows:auto minmax(0,1fr);display:grid}.gx.out .gx-in{opacity:0;transition-duration:var(--t-fast);transform:translateY(24px)}@starting-style{.gx[open] .gx-in{opacity:0;transform:translateY(24px)}}.gx-v{display:contents}.gx-v>*{animation:gx-fade var(--t-fast) var(--ease-out)}@keyframes gx-fade{0%{opacity:0}}.gx-hd{justify-content:space-between;align-items:center;gap:var(--sp-12);padding:var(--sp-12) var(--sp-8) var(--sp-4) var(--sp-16);display:flex}.gx-hd h2{font-size:var(--fs-20);font-weight:var(--fw-bold);letter-spacing:var(--ls-title)}.gx-x{width:var(--touch);height:var(--touch);border-radius:var(--r-pill);transition:background-color var(--t-fast) var(--ease-out);place-items:center;display:grid}.gx-x:active{background:var(--tile-2)}.gx-bd{align-content:start;gap:var(--sp-12);padding:var(--sp-8) var(--sp-16) calc(var(--sp-16) + env(safe-area-inset-bottom));overscroll-behavior:contain;display:grid;overflow-y:auto}.gx-h{font-size:var(--fs-15);font-weight:var(--fw-bold)}.gx-h.gap{margin-top:var(--sp-12)}.gx-lead{color:var(--ink-2)}.gx-say{font-size:var(--fs-17);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.gx-pair{gap:var(--sp-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gx-pair figure{gap:var(--sp-8);display:grid}.gx-im{aspect-ratio:1;border-radius:var(--r-16);background:var(--tile);display:block;overflow:hidden}.gx-im img{object-fit:cover;width:100%;height:100%}.gx-pair figcaption{align-items:center;gap:var(--sp-8);font-weight:var(--fw-bold);display:flex}.gx-pair .mark{width:24px;height:24px;box-shadow:none}.gx-pair .mark .icon{width:12px;height:12px}.gx-end{gap:var(--sp-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gx-end.one{grid-template-columns:minmax(0,1fr)}.gx-end .btn{padding-inline:var(--sp-12)}.gx-rows{gap:var(--sp-8);display:grid}.gx-row{justify-content:space-between;align-items:center;gap:var(--sp-12);min-height:var(--ctl);padding-inline:var(--sp-16);border-radius:var(--r-16);background:var(--tile);font-weight:var(--fw-medium);text-align:left;transition:background-color var(--t-fast) var(--ease-out);display:flex}.gx-row .icon{width:20px;height:20px;color:var(--ink-2)}.gx-row.plain{padding-inline:var(--sp-4);color:var(--now);font-weight:var(--fw-bold);background:0 0;justify-content:flex-start}.gx-row.plain .icon{color:var(--now)}.gx-row:active{background:var(--tile-2)}.gx-back{align-items:center;gap:var(--sp-4);height:var(--touch);margin-top:calc(var(--sp-8) * -1);padding-right:var(--sp-12);border-radius:var(--r-8);color:var(--ink-2);font-weight:var(--fw-medium);justify-self:start;display:inline-flex}.gx-back .icon{width:18px;height:18px}.gx-back:active{color:var(--ink)}.gx-parts{gap:var(--sp-8);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));margin:0;padding:0;list-style:none;display:grid}.gx-parts li{justify-items:center;gap:var(--sp-4);padding:var(--sp-12) var(--sp-8);border-radius:var(--r-16);background:var(--tile);text-align:center;display:grid}.gx-parts img{object-fit:contain;width:64px;height:64px}.gx-parts b{font-size:var(--fs-13);font-weight:var(--fw-bold)}.gx-parts span{color:var(--ink-2);font-size:var(--fs-13)}.gx-steps{gap:var(--sp-8);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.gx-steps button{height:var(--touch);border-radius:var(--r-12);background:var(--tile);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;transition:background-color var(--t-fast) var(--ease-out);position:relative}.gx-steps button:active{background:var(--tile-2)}.gx-steps .trap:after,.gx-note i,.gx-thumbs i{content:"";border-radius:var(--r-pill);background:var(--warn);width:6px;height:6px}.gx-steps .trap:after{position:absolute;top:6px;right:6px}.gx-note{align-items:baseline;gap:var(--sp-8);color:var(--ink-2);font-size:var(--fs-13);display:flex}.gx-note i{flex:none;transform:translateY(-2px)}.gx-chips{gap:var(--sp-8);flex-wrap:wrap;display:flex}.gx-chips button{min-height:var(--touch);padding-inline:var(--sp-12);border-radius:var(--r-12);background:var(--tile);font-weight:var(--fw-medium);transition:background-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out)}.gx-chips button:active{background:var(--tile-2)}.gx-chips button[aria-pressed=true],.gx-seg button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.gx-form{gap:var(--sp-12);display:grid}.gx textarea,.gx-name{width:100%;padding:var(--sp-16);border-radius:var(--r-16);background:var(--tile);font-size:var(--fs-17);line-height:var(--lh-body);resize:none;transition:box-shadow var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out);border:0;outline:0;box-shadow:inset 0 0 0 2px #0000}.gx textarea::placeholder{color:var(--ink-2);opacity:1}.gx textarea:focus,.gx-name:focus-within{background:var(--bg);box-shadow:inset 0 0 0 2px var(--ink)}.gx-sent{align-items:flex-start;gap:var(--sp-12);padding:var(--sp-16);border-radius:var(--r-16);background:var(--tile);display:flex}.gx-sent .mark{box-shadow:none}.gx-sent p{min-width:0;font-weight:var(--fw-medium)}.gx-err{color:var(--warn);font-weight:var(--fw-medium)}.gx.full{height:100dvh;margin:0}.gx.full .gx-in{height:100dvh;max-height:none;box-shadow:none;border-radius:0;grid-template-rows:minmax(0,1fr)}.gx.full .gx-in,.gx.trap .gx-in,.gx.full.out .gx-in,.gx.trap.out .gx-in{transform:none}.gx.full .gx-bd{padding-top:var(--sp-16)}.gx-fin,.gx-fl,.gx-fr{align-content:start;display:grid}.gx-fin{gap:var(--sp-24);width:100%;max-width:var(--maxw);margin-inline:auto}.gx-fl{gap:var(--sp-8)}.gx-fr{gap:var(--sp-16)}.gx-hero{width:180px;height:auto}.gx-fl .mk{--mk:88px;margin-top:var(--sp-8)}.gx-fl h1{font-size:var(--fs-28);font-weight:var(--fw-black);line-height:var(--lh-tight);letter-spacing:var(--ls-display)}.gx-time{font-size:var(--fs-20);font-weight:var(--fw-bold)}.gx-time b{margin-right:var(--sp-2);font-size:var(--fs-32);font-weight:var(--fw-black);letter-spacing:var(--ls-display)}.gx-tnote{color:var(--ink-2);font-size:var(--fs-13)}.gx-fr h2{font-size:var(--fs-20);font-weight:var(--fw-bold);letter-spacing:var(--ls-title)}.gx-fr .gx-lead{margin-top:calc(var(--sp-12) * -1)}.gx-q{gap:var(--sp-8);border:0;grid-template-columns:minmax(0,1fr);min-width:0;margin:0;padding:0;display:grid}.gx-q legend,.gx-q>span:first-child{font-size:var(--fs-15);font-weight:var(--fw-bold);padding:0}.gx-q legend{margin-bottom:var(--sp-8)}.gx-seg{gap:var(--sp-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.gx-seg.two{grid-template-columns:repeat(2,minmax(0,1fr))}.gx-seg button{min-height:48px;padding-inline:var(--sp-4);border-radius:var(--r-12);background:var(--tile);font-weight:var(--fw-bold);transition:background-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out)}.gx-seg button:active{transform:scale(.97)}.gx-thumbs{gap:var(--sp-8);margin-inline:calc(var(--sp-16) * -1);padding:var(--sp-4) var(--sp-16);scroll-snap-type:x proximity;scroll-padding-inline:var(--sp-16);scrollbar-width:none;display:flex;overflow-x:auto}.gx-thumbs::-webkit-scrollbar{display:none}.gx-thumbs button{border-radius:var(--r-16);background:var(--tile);scroll-snap-align:start;width:88px;height:88px;transition:box-shadow var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out);flex:none;position:relative;box-shadow:inset 0 0 0 3px #0000}.gx-thumbs button[aria-pressed=true]{background:var(--bg);box-shadow:inset 0 0 0 3px var(--ink)}.gx-thumbs img{inset:var(--sp-16) var(--sp-4) var(--sp-4);width:calc(100% - var(--sp-8));height:calc(100% - var(--sp-20));object-fit:contain;position:absolute}.gx-thumbs b{left:var(--sp-12);top:var(--sp-8);font-weight:var(--fw-black);position:absolute}.gx-thumbs i{right:var(--sp-12);top:var(--sp-12);position:absolute}.gx-name{align-items:center;gap:var(--sp-12);min-height:var(--ctl);padding-block:0;display:flex}.gx-name input{min-width:0;font-size:var(--fs-17);font-weight:var(--fw-medium);background:0 0;border:0;outline:0;flex:1;align-self:stretch}.gx .cc{min-width:28px;height:20px;padding-inline:var(--sp-4);border-radius:var(--r-8);background:var(--tile-2);color:var(--ink-2);font-size:var(--fs-13);font-weight:var(--fw-bold);place-items:center;display:grid}.gx-skip{min-height:var(--touch);padding-inline:var(--sp-16);border-radius:var(--r-8);color:var(--ink-2);font-weight:var(--fw-medium);justify-self:center;align-items:center;display:inline-flex}.gx-skip:active{color:var(--ink)}.gx-rev{gap:var(--sp-4);padding:var(--sp-16);border-radius:var(--r-16);box-shadow:inset 0 0 0 1px var(--rule);display:grid}.gx-rev .who{align-items:center;gap:var(--sp-8);font-weight:var(--fw-bold);display:flex}.gx-rev .who span:last-child{color:var(--ink-2);font-size:var(--fs-13);font-weight:var(--fw-regular);margin-left:auto}@media (hover:hover) and (pointer:fine){.gx-x:hover,.gx-chips button:not([aria-pressed=true]):hover,.gx-seg button:not([aria-pressed=true]):hover,.gx-steps button:hover,.gx-row:not(.plain):hover{background:var(--tile-2)}.gx-row.plain:hover,.gx-back:hover,.gx-skip:hover{color:var(--ink)}.gx-thumbs button:not([aria-pressed=true]):hover{background:var(--tile-2)}}@media (width>=900px){.gx:not(.full,.trap){width:420px;height:100dvh;margin:0 0 0 auto}.gx:not(.full,.trap)::backdrop{background:var(--scrim-soft)}.gx:not(.full,.trap) .gx-in{border-radius:0;height:100dvh;max-height:none}.gx:not(.full,.trap).out .gx-in{transform:translate(24px)}@starting-style{.gx:not(.full,.trap)[open] .gx-in{transform:translate(24px)}}.gx-hd{padding:var(--sp-20) var(--sp-16) var(--sp-8) var(--sp-24)}.gx-bd{padding-inline:var(--sp-24)}.gx.full .gx-bd{padding:var(--sp-48) var(--gut)}.gx-fin{gap:var(--sp-64);grid-template-columns:minmax(0,4fr) minmax(0,5fr)}.gx-fl{position:sticky;top:0}.gx-hero{width:320px}.gx-fl h1{font-size:var(--fs-48)}.gx-thumbs{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}}@media (prefers-reduced-motion:reduce){.gx .gx-in,.gx.out .gx-in{transform:none!important}@starting-style{.gx[open] .gx-in{transform:none!important}}}@media (forced-colors:active){.gx-chips button[aria-pressed=true]:not(:focus-visible),.gx-seg button[aria-pressed=true]:not(:focus-visible),.gx-thumbs button[aria-pressed=true]:not(:focus-visible){outline-offset:-3px;outline:3px solid #0000}}.gx.trap{height:100dvh;margin:0}.gx.trap::backdrop{background:0 0}.gx.trap .gx-in{height:100dvh;max-height:none;box-shadow:none;border-radius:0;grid-template-rows:minmax(0,1fr)}.gx.trap .gx-bd{padding-top:calc(var(--sp-16) + env(safe-area-inset-top))}.gx-tk{grid-template-rows:auto auto minmax(calc(var(--sp-120) * 2), 1fr) auto auto;gap:var(--sp-16);min-height:100%;display:grid}.gx-tk .lab{color:var(--ink-2);font-weight:var(--fw-bold);justify-content:space-between;align-items:center;display:flex}.gx-tk .lab span:first-child{align-items:center;gap:var(--sp-8);color:var(--ink);display:inline-flex}.gx-tk .lab i{border-radius:var(--r-pill);background:var(--warn);width:8px;height:8px}.gx-tk h2{font-size:var(--fs-24);font-weight:var(--fw-black);line-height:var(--lh-snug);letter-spacing:var(--ls-display)}.gx-tk figure{position:relative}.gx-tk .okf{border-radius:var(--r-24);background:var(--tile);min-height:0;overflow:hidden}.gx-tk .okf img{object-fit:cover;width:100%;height:100%}.gx-tk .okf .mark{left:var(--sp-12);top:var(--sp-12);width:36px;height:36px;position:absolute}.gx-tk .okf .mark .icon{width:20px;height:20px}.gx-tk .ngf{align-items:center;gap:var(--sp-16);grid-template-columns:88px minmax(0,1fr);display:grid}.gx-tk .ngf img{border-radius:var(--r-16);object-fit:cover;width:88px;height:88px}.gx-tk .ngf .mark{width:24px;height:24px;position:absolute;top:-6px;left:-6px}.gx-tk .ngf .mark .icon{width:12px;height:12px}.gx-tk .ngf p{color:var(--ink-2)}.gx-tk .ngf b{color:var(--ink);font-size:var(--fs-17);font-weight:var(--fw-bold);display:block}@media (width>=900px) and (height>=560px){.gx.trap{width:calc(100% - var(--rail));margin:0 0 0 var(--rail)}.gx.trap::backdrop{background:var(--scrim-soft)}.gx.trap .gx-bd{padding:var(--sp-40)}.gx-tk{column-gap:var(--sp-40);grid-template:"ok lab""ok h""ok ng""ok."minmax(0,1fr)"ok go"/minmax(0,1fr) minmax(0,1fr);max-width:960px;max-height:640px;margin:auto}.gx-tk .lab{grid-area:lab}.gx-tk h2{font-size:var(--fs-28);grid-area:h}.gx-tk .okf{aspect-ratio:1;grid-area:ok;align-self:center}.gx-tk .ngf{grid-area:ng}.gx-tk .btn{grid-area:go}}
