.rf .r.thead,.vc .r.thead{padding:12px 0;border-bottom:1px solid var(--line)}.rf .r.thead>span,.vc .r.thead>span{font:400 12px/16px var(--font-text);color:var(--ink-2)}.abc-pbox{border-radius:16px;border:1px dashed var(--ink-2);padding:16px;background:var(--surface);display:flex;flex-direction:column;gap:8px}:root{--abc-hero-h: calc((min(100vw, 1440px) - 48px)*.5625) }@media(max-width:767px){:root{--abc-hero-h: calc((100vw - 32px)/.8) }.hero-frame{border-radius:16px!important}}.sg.hero-frame{height:var(--abc-hero-h);box-sizing:border-box;overflow:hidden}.sg{border-radius:16px;background:var(--surface);color:var(--ink);padding:32px;display:flex;flex-direction:column;gap:24px;--k2: var(--ink-2);--ln: var(--line)}.sg .hd{display:flex;justify-content:space-between;gap:16px;color:var(--k2)}.sg .body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.sg .grid{grid-column:1 / span 8;position:relative;display:grid;grid-template-columns:56px repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));border-top:1px solid var(--ln)}.sg .pl{display:flex;align-items:center;color:var(--k2);border-bottom:1px solid var(--ln)}.sg .cellg{border-bottom:1px solid var(--ln);border-left:1px solid var(--ln);display:flex;align-items:center;justify-content:center;position:relative}.sg .nt{width:56px;height:56px;border-radius:999px;display:grid;place-items:center;font:500 22px/1 var(--font-display);letter-spacing:-.01em;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 28%,transparent);color:var(--k2);transition:background-color .36s var(--ease-settle),color .36s var(--ease-settle),box-shadow .36s var(--ease-settle),transform .52s var(--ease-land)}.sg .nt.lit{background:var(--ink);color:var(--paper);box-shadow:none;transform:scale(1.06)}.sg .nt.back{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent)}.sg .nt.back.lit{background:var(--accent);color:var(--on-accent);box-shadow:none}.sg .nt.ghost{opacity:0}.sg .pl .nt{width:auto;height:auto;box-shadow:none;font:inherit;color:inherit;transform:none;background:none;place-items:start}.sg .loop{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.sg .loop path{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:4 6;opacity:0;transition:opacity .5s var(--ease-settle)}.sg .loop.on path{opacity:1}.sg .ph{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);left:56px;opacity:0;transition:left .22s var(--ease-move),opacity .2s}.sg .ph.on{opacity:1}.sg .side{grid-column:9 / span 4;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding-left:16px}.sg .seg{display:inline-flex;gap:4px;background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:999px;padding:4px;align-self:flex-start}.sg .seg button{all:unset;cursor:pointer;padding:8px 14px;border-radius:999px;font:400 14px/20px var(--font-text);color:var(--k2)}.sg .seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.sg .seg button:focus-visible,.sg .play:focus-visible,.vc .pb:focus-visible{outline:2px solid currentColor;outline-offset:3px}.sg .read{color:var(--ink);font:500 72px/.95 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.sg .read i{font-style:normal;color:var(--accent)}.sg .eq{color:var(--k2);font:400 16px/24px var(--font-text)}.sg .eq b{color:var(--ink);font-weight:500}.sg .playrow{display:flex;align-items:center;gap:16px}.sg .play{all:unset;cursor:pointer;width:56px;height:56px;border-radius:999px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;flex:none;transition:transform .2s var(--ease-settle)}.sg .play:active{transform:scale(.94)}.sg .sk{color:var(--k2)}.pend{color:var(--ink-2);font-family:var(--font-mono);font-size:13px;letter-spacing:.02em}.rf{border-top:1px solid var(--ink)}.rf .r{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:24px 0;border-bottom:1px solid var(--line);align-items:baseline}.rf .r .n{grid-column:1}.rf .r .w{grid-column:2 / span 2;display:flex;flex-direction:column;gap:4px}.rf .r .w b{font:500 20px/1.2 var(--font-text);letter-spacing:-.01em}.rf .r .tk{grid-column:4 / span 3}.rf .r .lv{grid-column:7 / span 2;color:var(--ink-2)}.ly{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ly ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.ly li{padding:12px 0;border-top:1px solid var(--line-soft)}.vc{border-top:1px solid var(--ink)}.vc .r{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.vc .r .n{grid-column:1}.vc .r .nm{grid-column:2 / span 3;font:500 20px/1.2 var(--font-text);letter-spacing:-.01em}.vc .r .tn{grid-column:5 / span 2;color:var(--ink-2)}.vc .r .ct{grid-column:7 / span 2;display:flex;justify-content:flex-end;align-items:center;gap:12px}.vc .pb{all:unset;cursor:pointer;width:40px;height:40px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;transition:background-color .2s var(--ease-settle)}.vc .pb:hover{background:var(--surface)}.vc .r.pick .nm{color:var(--ink)}.vc .r.pick .pb{background:var(--accent);color:var(--on-accent);box-shadow:none}.vc .r.on .pb{background:var(--ink);color:var(--paper);box-shadow:none}.vc .vtag{border-radius:999px;padding:4px 10px;background:var(--inverse);color:var(--on-inverse);font:400 12px/16px var(--font-mono);letter-spacing:.06em}.shp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shp .cell{min-height:240px;justify-content:space-between}.shp svg{width:56px;height:56px}.sy{border-top:1px solid var(--ink)}.sy .r{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center}.sy .r .k{grid-column:1 / span 2;display:flex;flex-direction:column;gap:4px}.sy .r .k b{font:500 20px/1.2 var(--font-text);letter-spacing:-.01em}.sy .r .gl{grid-column:3 / span 3;height:56px}.sy .r .gl svg{width:100%;height:56px;overflow:visible}.sy .r .d{grid-column:6 / span 3;color:var(--ink-2)}.cr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cr .cell{min-height:200px;justify-content:space-between}.nx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nx .cell{min-height:220px;justify-content:space-between}@media(prefers-reduced-motion:reduce){.sg *{transition:none!important}.sg .ph{display:none}}@media(max-width:767px){.sg{padding:16px;gap:14px}.sg .hd{flex-direction:column;gap:4px}.sg>.hd:last-child{display:none}.sg .body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;row-gap:16px}.sg .grid{grid-column:1 / -1;grid-template-columns:28px repeat(3,minmax(0,1fr))}.sg .nt{width:28px;height:28px;font-size:13px}.sg .ph{left:28px}.sg .side{grid-column:1 / -1;padding:0;gap:12px}.sg .read{font-size:30px}.sg .eq{display:none}.sg .play{width:48px;height:48px}.rf .r,.vc .r,.sy .r{grid-template-columns:28px 1fr;row-gap:8px}.rf .r .w,.rf .r .tk,.rf .r .lv,.vc .r .nm,.vc .r .tn,.sy .r .k,.sy .r .gl,.sy .r .d{grid-column:2}.vc .r .ct{grid-column:2;justify-content:flex-start}.sy .r .k,.sy .r .gl,.sy .r .d{grid-column:1 / -1}.ly,.shp,.cr{grid-template-columns:1fr}.nx{grid-template-columns:1fr 1fr}.shp .cell,.cr .cell{min-height:0}}