.phead{padding-top:64px;padding-bottom:40px;text-align:center}.phead__title{margin-top:18px;font:700 clamp(2.2rem, 6vw, 3.8rem)/1.05 var(--font-head);letter-spacing:-0.03em}.phead__lead{max-width:560px;margin:16px auto 0;color:var(--text-muted);font-size:1.05rem;line-height:1.6}.console-wrap{max-width:1240px;padding-bottom:110px}.console{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:0 40px 80px -40px var(--shadow)}.side{flex:1 1 320px;max-width:360px;display:flex;flex-direction:column;border-right:1px solid var(--border);background:color-mix(in srgb, var(--bg) 50%, transparent)}.main{flex:999 1 480px;min-width:0;display:flex;flex-direction:column}@media(max-width: 859px){.side{max-width:none;border-right:0;border-bottom:1px solid var(--border)}}.filterbox{padding:18px 18px 16px;border-bottom:1px solid var(--border)}.fhead{display:flex;justify-content:space-between;align-items:center;gap:8px}.fhead__count{color:var(--text-muted)}.groups{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.gtab>summary{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;list-style:none;transition:border-color .2s ease,color .2s ease}.gtab>summary::-webkit-details-marker{display:none}.gtab>summary:hover{border-color:var(--border-strong);color:var(--text)}.gtab[open]{order:99;flex-basis:100%}.gtab[open]>summary{border-color:var(--accent);color:var(--text);background:var(--accent-wash)}.badge{min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:var(--on-accent);font:.62rem var(--font-mono);display:inline-flex;align-items:center;justify-content:center}.drawer{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 0;padding:12px 0 0;border-top:1px dashed var(--border-strong);list-style:none}.tog{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 9px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);background:color-mix(in srgb, var(--accent) 3%, transparent);color:var(--text-2);font:.72rem var(--font-mono);transition:border-color .2s ease,background .2s ease}.tog:hover{border-color:var(--accent-line);color:var(--text)}.tog.is-on,.tog.is-on:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tog .cnt{font-size:.62rem;opacity:.6}.active{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:12px}.achip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 8px;border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent-tint);color:var(--text);font:.7rem var(--font-mono);cursor:pointer}.achip span{color:var(--accent)}.clear{order:99;min-height:32px;border:0;background:rgba(0,0,0,0);color:var(--text-muted);font-size:.74rem;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:4px}.list{flex:1;margin:0;padding:0;list-style:none}.item{position:relative;display:flex;align-items:center;gap:14px;min-height:66px;padding:12px 18px;border-bottom:1px solid var(--border-subtle);color:var(--text);transition:background .2s ease,opacity .25s ease}.list li:last-child .item{border-bottom:0}.item:hover{background:var(--accent-wash);color:var(--text)}.item.is-cur{background:linear-gradient(90deg, var(--accent-tint), color-mix(in srgb, var(--accent) 2%, transparent))}.item.is-cur::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--accent)}.item.is-miss{opacity:.28}.item__n{flex:none;width:20px;font:.7rem var(--font-mono);color:var(--text-faint)}.item.is-cur .item__n{color:var(--accent)}.item__txt{min-width:0}.item__t{display:block;font:500 .84rem/1.3 var(--font-head)}.item__k{display:block;margin-top:3px;font-size:.76rem;color:var(--text-faint)}.item__chev{flex:none;margin-left:auto;color:var(--border-strong);transition:transform .2s ease,color .2s ease}.item.is-cur .item__chev{color:var(--accent);transform:translateX(2px)}.detail{flex:1;flex-direction:column;display:flex;scroll-margin-top:16px}.detail+.detail{border-top:1px solid var(--border)}@supports selector(:has(*)){.detail{display:none}.detail+.detail{border-top:0}.detail:target,.main:not(:has(.detail:target)) .detail:first-child{display:flex}.console.is-live .detail{display:none}.console.is-live .detail.is-cur{display:flex}}.screen{position:relative;aspect-ratio:16/8;overflow:hidden;background:var(--surface-well);border-bottom:1px solid var(--border)}.screen .shot{position:absolute;inset:0}.screen .noshot{position:absolute;inset:0}.screen__bar{position:absolute;z-index:1;left:0;right:0;top:0;padding-bottom:28px !important;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font:.66rem var(--font-mono);letter-spacing:.14em;color:var(--text-2);background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 90%, transparent), transparent)}.detail__body{flex:1;display:flex;flex-direction:column;gap:14px;padding:30px 34px}.detail__title{font:600 clamp(1.5rem, 2.6vw, 2rem)/1.15 var(--font-head);letter-spacing:-0.02em}.detail .body{max-width:660px;line-height:1.7}.stack--rows{grid-template-columns:max-content minmax(0, 1fr);gap:10px 18px;margin-top:6px;padding-top:18px;border-top:1px solid var(--border-subtle);align-items:baseline}.stack--rows .stack__group{display:contents}.stack--rows dd{margin:0}.stack--rows .chip{color:var(--text-muted);background:rgba(0,0,0,0);border-color:var(--border)}.stack--rows .chip.is-hit{color:var(--text);border-color:var(--accent);background:var(--accent-tint)}.detail__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px}.detail__links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}.step{display:inline-flex;gap:6px}.step__btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--radius);border:1px solid var(--border);color:var(--text-muted)}.step__btn:hover{border-color:var(--accent);color:var(--text)}@media(max-width: 859px){.detail__body{padding:24px 20px}.stack--rows{grid-template-columns:minmax(0, 1fr);gap:6px}}