.console{z-index:3;flex-direction:column;gap:clamp(12px,1.6vh,20px);width:min(100%,720px);display:flex;position:relative}.console-panel{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--ground) 76%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;flex-direction:column;gap:clamp(12px,1.6vw,18px);padding:clamp(14px,1.8vw,22px);display:flex}.console-input{resize:none;width:100%;color:var(--figure);font-family:var(--font-body);background:0 0;border:0;outline:0;min-height:3.2em;line-height:1.45}.console-input::placeholder{color:var(--mute)}.console-input:focus-visible{outline:0}.console-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.console-modes{border:1px solid var(--line);border-radius:999px;gap:4px;padding:3px;display:flex}.console-mode{color:var(--mute);border-radius:999px;padding:9px 15px 8px;transition:color .2s,background .2s}.console-mode:hover{color:var(--figure)}.console-mode.is-on{background:var(--figure);color:var(--ground)}.console-send{align-items:center;gap:12px;display:flex}.console-go{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--figure);border-radius:999px;flex:none;place-items:center;transition:background .2s,color .2s,transform .2s;display:grid}.console-go svg{width:20px;height:20px}.console-go:hover{background:var(--figure);color:var(--ground);transform:translateY(-1px)}.console-qualities{flex-wrap:wrap;gap:8px;display:flex}.console-quality{border:1px solid var(--line);color:var(--mute);border-radius:999px;align-items:center;gap:8px;padding:10px 15px 9px;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.console-quality:hover{color:var(--figure);border-color:var(--line-strong)}.console-quality.is-on{background:var(--figure);color:var(--ground);border-color:var(--figure)}.console-quality.is-locked{border-style:dashed}.console-lock{flex:none;width:12px;height:12px}.console-dot{background:currentColor;border-radius:999px;flex:none;width:5px;height:5px}.console-note{border-top:1px solid var(--line);flex-direction:column;gap:6px;max-width:62ch;padding-top:clamp(12px,1.6vh,18px);display:flex}.console-note .t-body{font-size:clamp(14px,1.05vw,16px)}.console-links{gap:clamp(16px,2.4vw,28px);margin-top:6px;display:flex}.console-links a{border-bottom:1px solid #0000;padding:10px 0;transition:border-color .2s}.console-links a:hover{border-bottom-color:var(--figure)}@media (max-width:640px){.console-row{flex-direction:column;align-items:stretch}.console-modes{justify-content:space-between}.console-mode{text-align:center;flex:1;padding:10px 6px 9px}.console-send{justify-content:space-between}}.console-go:disabled{opacity:.5;cursor:progress;transform:none}.console-go:disabled:hover{color:var(--figure);background:0 0}.console-spin{border:1.5px solid var(--line-strong);border-top-color:var(--figure);border-radius:999px;width:18px;height:18px;animation:.8s linear infinite console-spin}@keyframes console-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.console-spin{animation-duration:2.4s}}.console-hint{min-height:1.2em}.console-out{flex-direction:column;gap:clamp(14px,1.8vh,22px);display:flex}.console-out[hidden]{display:none}.console-block{border:1px solid var(--line);background:color-mix(in srgb, var(--ground) 76%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;flex-direction:column;gap:12px;min-width:0;padding:clamp(14px,1.6vw,20px);display:flex}.console-block-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.console-facts{grid-template-columns:max-content 1fr;gap:8px 18px;display:grid}.console-facts dt{color:var(--dim);padding-top:2px}.console-facts dd{color:var(--figure);min-width:0}.console-bars{flex-direction:column;gap:6px;list-style:none;display:flex}.console-bar{color:var(--mute);grid-template-columns:1.6em 1fr 3.2em;align-items:center;gap:10px;display:grid}.console-bar-track{border:1px solid var(--line);border-radius:999px;height:6px;position:relative}.console-bar-fill{border:1px solid var(--line-strong);border-radius:999px;position:absolute;inset:-1px auto -1px -1px}.console-bar.is-out .console-bar-fill{border-style:dashed}.console-bar.is-win{color:var(--figure)}.console-bar.is-win .console-bar-fill{background:var(--figure);border-color:var(--figure)}.console-bar-floor{background:var(--mute);width:1px;position:absolute;top:-4px;bottom:-4px}.console-list{flex-direction:column;gap:4px;list-style:none;display:flex}.console-list li:before{content:"· ";color:var(--dim)}.console-tabs{border:1px solid var(--line);border-radius:999px;gap:4px;width:max-content;max-width:100%;padding:3px;display:flex}.console-tab{color:var(--mute);border-radius:999px;padding:8px 13px 7px;transition:color .2s,background .2s}.console-tab:hover{color:var(--figure)}.console-tab[aria-selected=true]{background:var(--figure);color:var(--ground)}.console-code{border:1px solid var(--line);color:var(--figure);white-space:pre;tab-size:2;border-radius:10px;max-width:100%;margin:0;padding:14px 16px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.console-code:focus-visible{outline:2px solid var(--figure);outline-offset:2px}.console-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.console-cta{background:var(--figure);min-height:44px;color:var(--ground);border:1px solid var(--figure);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 20px 10px;transition:transform .2s,opacity .2s;display:inline-flex}.console-cta:hover{transform:translateY(-1px)}.console-cta:disabled{opacity:.55;cursor:progress;transform:none}.console-cta.is-ghost{color:var(--figure);border-color:var(--line-strong);background:0 0}.console-cta.is-ghost:hover{border-color:var(--figure)}.console-textlink{border-bottom:1px solid #0000;padding:10px 0;transition:border-color .2s}.console-textlink:hover{border-bottom-color:var(--figure)}.console-alert{border-left:2px solid var(--figure);padding:2px 0 2px 12px}.console-media{object-fit:contain;border:1px solid var(--line);background:color-mix(in srgb, var(--figure) 4%, transparent);border-radius:10px;width:100%;max-height:70vh;display:block}.console-audio{width:100%}.console-receipt{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px 22px;padding-top:12px;display:flex}.console-receipt b{color:var(--figure);font-weight:600}@media (max-width:640px){.console-facts{grid-template-columns:1fr;gap:2px}.console-facts dd{margin-bottom:8px}.console-tabs{width:100%}.console-tab{text-align:center;flex:1;padding:9px 4px 8px}.console-actions .console-cta{width:100%}.console-code{padding:12px;font-size:12px}}.console-working{align-items:center;gap:10px;display:flex}.console-working .console-spin{flex:none}.console-code code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:inherit}
