@import "https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--color-bg:#fafaf8;--color-surface:#fff;--color-surface-raised:#f4f3f0;--color-border:#e4e1e6;--color-border-soft:#ece9ec;--color-text:#201d29;--color-text-muted:#6b6575;--color-text-faint:#9b96a5;--color-accent:#6d4fe0;--color-accent-strong:#5a3ecf;--color-accent-soft:#6d4fe014;--color-danger:#d63a58;--color-danger-soft:#d63a580f;--color-success:#1f9d6c;--color-warning:#b4790a;--color-warning-soft:#b4790a0f;--font-display:"Zen Kaku Gothic New", "Hiragino Sans", sans-serif;--font-body:"Zen Kaku Gothic New", "Hiragino Sans", sans-serif;--font-mono:"JetBrains Mono", "Zen Kaku Gothic New", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.6}a{color:var(--color-accent-strong);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}button{font:inherit;color:inherit}.page{flex-direction:column;min-height:100svh;display:flex}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;max-width:44rem;margin:0 auto;padding:1.1rem 1.5rem;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.01em;color:var(--color-text);align-items:center;gap:.5rem;font-size:1.3rem;font-weight:900;display:inline-flex}.wordmark__icon{color:var(--color-accent);font-size:1.05rem}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-text-faint);text-transform:uppercase;font-size:.68rem}.site-main{flex:1;width:100%;max-width:44rem;margin:0 auto;padding:1.75rem 1.5rem 2.5rem}.site-footer{border-top:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-text-faint);justify-content:center;gap:1.5rem;padding:1.5rem;font-size:.78rem;display:flex}.console{flex-direction:column;gap:1rem;display:flex}.console-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.35rem 1.5rem}.console-card__head{margin-bottom:1rem}.console-card__title{font-family:var(--font-display);margin:0 0 .75rem;font-size:1.1rem;font-weight:700}.source-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.source-pill{font-family:var(--font-mono);color:var(--color-text-muted);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:999px;padding:.3rem .7rem;font-size:.72rem}.prompt-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:.6rem;padding:.15rem .15rem .15rem .9rem;transition:border-color .15s,box-shadow .15s;display:flex}.prompt-row:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.prompt-glyph{font-family:var(--font-mono);color:var(--color-accent);font-weight:700}.prompt-input{min-width:0;color:var(--color-text);font-family:var(--font-mono);background:0 0;border:none;flex:1;padding:.85rem .4rem;font-size:.86rem}.prompt-input::placeholder{color:var(--color-text-faint)}.prompt-input:focus{outline:none}.detected-badge{font-family:var(--font-mono);color:var(--color-accent-strong);background:var(--color-accent-soft);white-space:nowrap;border-radius:999px;flex-shrink:0;margin-right:.25rem;padding:.35rem .7rem;font-size:.68rem}.action-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:.86rem;font-weight:700;transition:transform .12s,filter .12s,background .12s,border-color .12s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-accent-strong)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn--secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-strong)}.btn--ghost{border-color:var(--color-border);color:var(--color-text-muted);background:0 0;padding:.5rem .9rem;font-size:.8rem}.btn--ghost:hover:not(:disabled){color:var(--color-text);border-color:var(--color-accent)}.icon{flex-shrink:0;font-size:1rem}.icon--rolling{animation:.5s roll}@keyframes roll{0%{transform:rotate(0)}to{transform:rotate(300deg)}}.settings-row{border-top:1px dashed var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.85rem 2rem;margin-top:1rem;padding-top:.9rem;display:flex}.switch-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.65rem;display:flex}.switch{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:999px;flex-shrink:0;width:2.15rem;height:1.25rem;margin-top:.15rem;transition:background .15s,border-color .15s;display:inline-flex;position:relative}.switch.is-on{background:var(--color-accent);border-color:var(--color-accent)}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch__thumb{background:#fff;border-radius:50%;width:1.05rem;height:1.05rem;transition:transform .15s;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #0003}.switch.is-on .switch__thumb{transform:translate(.9rem)}.switch-row__text{color:var(--color-text-muted);font-size:.85rem;line-height:1.5}.switch-row__hint{color:var(--color-text-faint);font-size:.76rem;display:block}.switch-row__hint code{font-family:var(--font-mono);background:var(--color-surface-raised);border-radius:4px;padding:0 .3rem}.radio-group{border:none;min-width:0;margin:0;padding:0}.radio-group__label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-text-faint);text-transform:uppercase;padding:0;font-size:.72rem}.radio-group__options{flex-wrap:wrap;align-items:flex-start;gap:.5rem 1.4rem;margin-top:.45rem;display:flex}.radio-option{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.4rem;display:flex}.radio-option input[type=radio]{accent-color:var(--color-accent);cursor:pointer;margin-top:.2rem}.radio-option__text{color:var(--color-text-muted);white-space:nowrap;flex-direction:column;font-size:.85rem;display:flex}.radio-option__hint{color:var(--color-text-faint);white-space:nowrap;font-size:.72rem}.error-banner{background:var(--color-danger-soft);color:#a12842;border:1px solid #d63a5833;border-radius:8px;margin:1.1rem 0 0;padding:.75rem .9rem;font-size:.85rem}.error-banner strong{color:var(--color-danger)}.warning-banner{background:var(--color-warning-soft);color:#7a520a;border:1px solid #b4790a33;border-radius:8px;margin:1.1rem 0 0;padding:.75rem .9rem;font-size:.85rem}.warning-banner strong{color:var(--color-warning)}.warning-banner__title{color:var(--color-warning);margin:0;font-weight:700}.warning-banner__caveat{color:#7a520a;font-weight:400}.warning-banner ul{margin:.35rem 0 0;padding-left:1.2rem}.warning-banner li+li{margin-top:.2rem}.success-banner{color:#146b49;background:#1f9d6c0f;border:1px solid #1f9d6c33;border-radius:8px;margin:1.1rem 0 0;padding:.75rem .9rem;font-size:.85rem}.success-banner strong{color:var(--color-success)}.hero-force-report{border-top:1px dashed var(--color-border);margin-top:1.25rem;padding-top:1.1rem}.hero-force-report__title{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-text-faint);text-transform:uppercase;margin:0 0 .6rem;font-size:.72rem}.hero-force-report__list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.hero-force-report__list li{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.hero-force-report__slot{font-family:var(--font-mono);color:var(--color-text-faint);min-width:7.5rem;font-size:.72rem}.hero-force-report__name{color:var(--color-text)}.hero-force-report__empty{color:var(--color-text-faint);font-style:italic}.origin-tag{font-family:var(--font-mono);white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.68rem}.origin-tag--body{background:var(--color-accent-soft);color:var(--color-accent-strong)}.origin-tag--soul{color:#146b49;background:#1f9d6c14}.origin-tag--scenario{background:var(--color-warning-soft);color:var(--color-warning)}.hero-force-report .warning-banner,.hero-force-report .success-banner{margin-top:.85rem}.terminal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;transition:border-color .2s;overflow:hidden}.terminal:not(.terminal--empty){border-color:var(--color-accent)}.terminal__bar{background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.65rem 1rem;display:flex}.terminal__label{font-family:var(--font-mono);color:var(--color-text-muted);align-items:center;gap:.4rem;font-size:.78rem;display:inline-flex}.btn--copy{padding:.45rem 1rem;box-shadow:0 6px 16px -8px #6d4fe099}.terminal__textarea{resize:vertical;width:100%;min-height:14rem;color:var(--color-text);font-family:var(--font-mono);background:0 0;border:none;padding:1rem;font-size:.82rem;line-height:1.7;display:block}.terminal__textarea:focus{outline:none}.terminal__textarea::placeholder{color:var(--color-text-faint)}.toast-host{z-index:50;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}.toast{font-family:var(--font-mono);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:.6rem 1rem;font-size:.8rem;animation:.18s toast-in;box-shadow:0 8px 20px -10px #201d2940}.toast--success{color:var(--color-success);border-color:#1f9d6c55}.toast--error{color:var(--color-danger);border-color:#d63a5855}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.usage-notes{margin-top:1.75rem;padding:0}.usage-notes__summary{cursor:pointer;font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text-muted);border-top:1px dashed var(--color-border);padding:.6rem .1rem;font-size:.78rem;list-style:none}.usage-notes__summary::-webkit-details-marker{display:none}.usage-notes__summary:before{content:"▸ ";color:var(--color-text-faint)}.usage-notes[open]>.usage-notes__summary:before{content:"▾ "}.usage-notes__summary:hover{color:var(--color-accent-strong)}.usage-notes__body{padding:.9rem .1rem .3rem}.usage-notes__list{flex-direction:column;gap:.7rem;margin:0;display:flex}.usage-notes__list dt{color:var(--color-text);font-size:.82rem;font-weight:600}.usage-notes__list dt code{font-family:var(--font-mono);color:var(--color-accent-strong);background:var(--color-accent-soft);border-radius:4px;margin-right:.1rem;padding:.05rem .35rem;font-size:.78rem}.usage-notes__list dd{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.8rem;line-height:1.6}.usage-notes__list dd code{font-family:var(--font-mono);color:var(--color-text-muted);background:var(--color-surface-raised);border-radius:4px;padding:0 .3rem;font-size:.76rem}.usage-notes__note{border-top:1px dashed var(--color-border);color:var(--color-text-faint);margin:.9rem 0 0;padding-top:.7rem;font-size:.78rem;line-height:1.6}.usage-notes__note code{font-family:var(--font-mono);color:var(--color-text-muted);background:var(--color-surface-raised);border-radius:4px;padding:0 .3rem}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (width<=30rem){.action-row{flex-direction:column}.btn{justify-content:center;width:100%}}