*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:100vh;overflow:hidden;background:var(--bg);font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#app{width:100vw;height:100vh}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:var(--accent);text-decoration:none}img,svg{display:block;max-width:100%}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-xl)}.card-accent{background:var(--accent-bg);border-color:#0891b226}.glass-card{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(228,228,231,.6);border-radius:var(--radius);padding:var(--space-xxl)}.code-block{font-family:var(--font-mono);font-size:22px;font-weight:400;line-height:1.7;background:#1e1e2e;color:#cdd6f4;border-radius:var(--radius-sm);padding:28px 36px;overflow-x:auto}.code-block .keyword{color:#cba6f7}.code-block .string{color:#a6e3a1}.code-block .comment{color:#6c7086}.code-block .function{color:#89b4fa}.code-block .number{color:#fab387}.bento{display:grid;gap:var(--space-lg)}.bento-2{grid-template-columns:1fr 1fr}.bento-3{grid-template-columns:1fr 1fr 1fr}.bento-4{grid-template-columns:repeat(4,1fr)}.bento-2x2{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.product-image{box-shadow:var(--shadow-product);border-radius:var(--radius-sm)}.btn-pill{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;font-family:var(--font-body);font-size:17px;font-weight:400;border-radius:var(--radius-pill);background:var(--accent);color:var(--text-on-dark);transition:transform var(--transition-fast);user-select:none}.btn-pill:active{transform:scale(.95)}.btn-pill--ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}[data-step]{opacity:0;transform:translateY(8px);transition:opacity .35s ease-out,transform .35s ease-out}[data-step].step-active{opacity:1;transform:translateY(0)}.callout{padding:18px 28px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:4px solid var(--text-muted);background:var(--bg-muted);font-size:17px;line-height:1.6}.callout--warn{border-left-color:#d97706;background:#d977060f}.callout--accent{border-left-color:var(--accent);background:var(--accent-bg)}.callout--info{border-left-color:var(--text-muted);background:var(--bg-muted)}.callout--dark{border-left-color:var(--text-primary);background:var(--bg-tile-dark);color:var(--text-on-dark)}.callout b{color:var(--accent)}.callout--warn b{color:#d97706}.step-row{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg-muted)}.step-row__num{width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--text-on-dark);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:16px}.step-row__title{font-size:20px;font-weight:700;color:var(--text-primary)}.step-row__desc{font-size:15px;color:var(--text-muted);margin-top:2px}.step-row__time{font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.step-row--accent{background:var(--accent-bg)}.step-row--accent .step-row__num{background:#d97706}.stage-card{flex:1;padding:22px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);display:flex;flex-direction:column;gap:6px;text-align:center;min-width:0}.stage-card__num{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.12em}.stage-card__name{font-size:18px;font-weight:700;line-height:1.25;white-space:pre-line}.stage-card__when{font-size:12px;color:var(--text-muted);margin-top:4px}.stage-card--active{background:var(--accent-bg);border-color:var(--accent)}.stage-card--active .stage-card__name{color:var(--accent)}.stage-card--dim{opacity:.4}.chip{display:inline-block;padding:4px 12px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-muted);border-radius:var(--radius-pill)}.chip--accent{color:var(--accent);background:var(--accent-bg)}.chip--warn{color:#d97706;background:#d9770614}.chip--dark{color:var(--text-on-dark);background:var(--text-primary)}.case-row{display:grid;grid-template-columns:110px 1fr auto;gap:14px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-light)}.case-row:last-child{border-bottom:0}.case-row__name{font-family:var(--font-mono);font-size:15px;font-weight:700}.case-row__desc{font-size:14px;color:var(--text-secondary)}.case-row__metric{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--accent);text-align:right}.trait-row{display:flex;align-items:flex-start;gap:14px;padding:10px 14px;background:#ffffff80;border-radius:var(--radius-sm)}.trait-row__ico{font-size:22px;flex-shrink:0}.trait-row__text{font-size:17px;line-height:1.5;color:var(--text-primary)}.quote-box{padding:36px 48px;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent-bg) 0%,#f0fdfa 100%);border:2px solid var(--accent);color:var(--text-primary);text-align:center;box-shadow:0 4px 20px #0891b214}.quote-box__text{font-family:var(--font-display);font-size:36px;font-weight:700;line-height:1.4;margin:0;color:var(--text-primary)}.quote-box__text em{color:var(--accent);font-style:normal;font-weight:700;background:#0891b21a;padding:0 8px;border-radius:4px}.quote-box__desc{font-size:18px;color:var(--text-secondary);margin-top:20px;line-height:1.65;font-weight:500}.chat-thread{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border)}.chat-thread--good{border-color:var(--accent)}.chat-thread--bad{border-color:#dc2626}.chat-thread__label{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.12em;padding-bottom:8px;border-bottom:1px solid var(--border-light);margin-bottom:4px}.chat-thread--good .chat-thread__label{color:var(--accent)}.chat-thread--bad .chat-thread__label{color:#dc2626}.chat-msg{padding:10px 14px;border-radius:12px;font-size:15px;line-height:1.5;max-width:88%}.chat-msg--me{align-self:flex-end;background:var(--accent);color:var(--text-on-dark);border-bottom-right-radius:4px}.chat-msg--ai{align-self:flex-start;background:var(--bg-muted);color:var(--text-primary);border-bottom-left-radius:4px}#deck-stage{position:relative;width:var(--slide-w);height:var(--slide-h);transform-origin:top left;overflow:hidden;background:var(--bg)}.slide{position:absolute;inset:0;width:var(--slide-w);height:var(--slide-h);display:flex;flex-direction:column;justify-content:center;padding:var(--space-section) 140px;background:var(--bg)}.slide h1{font-family:var(--font-display);font-size:80px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary);word-break:keep-all}.slide h2{font-family:var(--font-display);font-size:54px;font-weight:700;line-height:1.3;letter-spacing:-.015em;color:var(--text-primary);word-break:keep-all}.slide h3{font-family:var(--font-display);font-size:34px;font-weight:600;line-height:1.35;color:var(--text-primary);word-break:keep-all}.slide p{font-size:26px;font-weight:400;line-height:1.6;color:var(--text-secondary);max-width:1200px;word-break:keep-all}.slide .label{font-family:var(--font-mono);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:var(--space-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.slide .big-number{font-family:var(--font-display);font-size:120px;font-weight:700;color:var(--accent);line-height:1}.slide .divider{width:64px;height:4px;background:var(--accent);border-radius:2px;margin:var(--space-lg) 0}.slide--parchment{background:var(--bg-parchment)}.slide--dark{background:var(--bg-tile-dark);color:var(--text-on-dark)}.slide--dark h1,.slide--dark h2,.slide--dark h3{color:var(--text-on-dark)}.slide--dark p{color:var(--text-on-dark-muted)}.slide--dark a{color:var(--accent-on-dark)}.slide--grain:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");background-size:256px;pointer-events:none;z-index:0}.slide--grain>*{position:relative;z-index:1}#progress-bar{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-light));z-index:var(--z-overlay);transition:width .5s ease;pointer-events:none}#deck-counter{position:fixed;bottom:32px;right:32px;font-family:var(--font-mono);font-size:14px;color:var(--text-muted);background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:8px 14px;border-radius:var(--radius-pill);z-index:var(--z-ui);opacity:0;transition:opacity var(--transition-fast)}body:hover #deck-counter{opacity:1}#blackout{position:fixed;inset:0;background:#000;z-index:10000;opacity:0;pointer-events:none;transition:opacity .2s ease}#blackout.active{opacity:1;pointer-events:auto}#help-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:10001}#help-overlay.active{display:flex}#help-overlay .help-content{background:var(--bg-surface);border-radius:var(--radius);padding:var(--space-xxl);max-width:480px;width:90%}#help-overlay h3{font-family:var(--font-display);font-size:24px;margin-bottom:var(--space-lg)}#help-overlay table{width:100%;border-collapse:collapse}#help-overlay td{padding:6px 0;font-size:15px}#help-overlay kbd{display:inline-block;padding:2px 8px;font-family:var(--font-mono);font-size:13px;background:var(--bg-muted);border:1px solid var(--border);border-radius:4px}#overview-grid{position:fixed;inset:0;background:#fffffffa;backdrop-filter:blur(20px);z-index:10000;display:none;padding:var(--space-xxl);overflow-y:auto}#overview-grid.active{display:block}#overview-grid .overview-grid-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);max-width:1440px;margin:0 auto}#overview-grid .overview-card{aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-md);font-size:12px;color:var(--text-secondary);background:var(--bg-surface);cursor:pointer;transition:transform var(--transition-fast);display:flex;flex-direction:column;justify-content:space-between}#overview-grid .overview-card:hover{transform:scale(1.02);border-color:var(--accent)}#overview-grid .overview-card .idx{font-family:var(--font-mono);color:var(--accent)}.landing{min-height:100vh;padding:var(--space-section) max(40px,5vw);background:var(--bg);overflow-y:auto;height:auto}.landing__hero{max-width:1200px;margin:0 auto var(--space-xxl)}.landing__title{font-family:var(--font-display);font-size:clamp(40px,6vw,80px);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-lg)}.landing__subtitle{font-size:clamp(18px,2vw,24px);font-weight:300;color:var(--text-secondary);max-width:720px}.landing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg);max-width:1200px;margin:0 auto}.landing__card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);text-decoration:none;color:inherit;transition:transform var(--transition-fast),border-color var(--transition-fast);display:flex;flex-direction:column;gap:var(--space-sm)}.landing__card:hover{transform:translateY(-4px);border-color:var(--accent)}.landing__card[aria-disabled=true]{opacity:.5;pointer-events:none}.landing__card-no{font-family:var(--font-mono);font-size:13px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.landing__card-title{font-family:var(--font-display);font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.01em}.landing__card-status{margin-top:auto;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}body.landing-mode,body.landing-mode html{overflow:auto;height:auto}body.deck-mode,body.deck-mode html{overflow:hidden;height:100vh;background:var(--bg)}#orient-hint{position:fixed;inset:0;z-index:10002;background:#fffffff5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);font-family:var(--font-display)}#orient-hint p:first-child{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}#orient-hint .orient-hint-sub{font-size:14px;color:var(--text-muted);font-family:var(--font-body);text-align:center}.qr-trigger:hover{transform:scale(1.04);border-color:var(--accent)!important}.qr-modal{position:fixed;inset:0;z-index:10003;display:flex;align-items:center;justify-content:center;padding:24px;animation:qr-modal-fade .18s ease-out}.qr-modal[hidden]{display:none}@keyframes qr-modal-fade{0%{opacity:0}to{opacity:1}}.qr-modal__backdrop{position:absolute;inset:0;background:#0f172ab8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.qr-modal__panel{position:relative;z-index:1;background:#fff;border-radius:24px;padding:40px 48px;max-width:520px;width:100%;text-align:center;box-shadow:0 20px 60px #00000040;animation:qr-modal-pop .22s cubic-bezier(.25,.46,.45,.94)}@keyframes qr-modal-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.qr-modal__close{position:absolute;top:12px;right:16px;width:36px;height:36px;border:0;background:transparent;font-size:28px;line-height:1;color:var(--text-muted);cursor:pointer;border-radius:50%;transition:background var(--transition-fast),color var(--transition-fast)}.qr-modal__close:hover{background:var(--bg-muted);color:var(--text-primary)}.qr-modal__eyebrow{margin:0;font-family:var(--font-mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:500}.qr-modal__img{display:block;width:320px;height:320px;max-width:70vmin;max-height:70vmin;margin:24px auto;border-radius:12px;background:#fff;padding:12px;border:1px solid var(--border)}.qr-modal__url{margin:0 0 8px;font-family:var(--font-mono);font-size:14px;color:var(--text-primary);word-break:break-all}.qr-modal__hint{margin:0;font-size:14px;color:var(--text-muted);line-height:1.5}.brain-loader{--brain-size: 560px;width:var(--brain-size);height:var(--brain-size);position:relative;display:inline-block}.brain-loader>*{position:absolute;inset:0;width:100%;height:100%;display:block}.brain-loader__svg{overflow:visible;z-index:2}.brain-loader__sparks{z-index:3;pointer-events:none}.brain-loader__ink{fill:none;stroke:#1a1a1a;stroke-linecap:round;stroke-linejoin:round}.brain-loader__outline{stroke-width:2.2}.brain-loader__gyrus{stroke-width:1.2;opacity:.55}.brain-loader__trace{stroke-width:1.2}.brain-loader__pad,.brain-loader__chip{fill:#1a1a1a}.brain-loader__chip-inner{fill:var(--bg-parchment, #f4f1ec)}.brain-loader__chip-pin{stroke:#1a1a1a;stroke-width:1.2;stroke-linecap:round}.brain-loader__breathe{transform-origin:100px 100px;animation:brain-breathe 3.2s ease-in-out infinite}@keyframes brain-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.brain-loader__chip-group{transform-origin:100px 100px;animation:brain-chip-pulse 1.6s ease-in-out infinite}@keyframes brain-chip-pulse{0%,to{opacity:.92}50%{opacity:1}}.galton-board{--galton-w: 880px;--galton-h: 520px;width:var(--galton-w);display:grid;grid-template-rows:var(--galton-h) auto auto;gap:12px;padding:20px;background:#0f1024;border-radius:var(--radius);color:#cdd6f4;position:relative}.galton-board__canvas{width:100%;height:100%;display:block;border-radius:var(--radius-sm)}.galton-board__bins{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;padding:0 40px}.galton-board__bin{display:flex;flex-direction:column;align-items:center;padding:8px 4px;background:#0891b21f;border:1px solid rgba(8,145,178,.25);border-radius:var(--radius-sm);min-width:0}.galton-board__bin-count{font-family:var(--font-mono);font-size:18px;font-weight:700;color:#06b6d4}.galton-board__bin-pct{font-family:var(--font-mono);font-size:12px;color:#cdd6f4b3;margin-top:2px}.galton-board__bin-label{font-size:14px;font-weight:600;color:#cdd6f4;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.galton-board__caption{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:0 40px}.galton-board__prompt{font-family:var(--font-mono);font-size:22px;color:#fab387;font-weight:700}.galton-board__hint{font-size:14px;color:#cdd6f499}.chatui{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-height:0;box-shadow:0 1px 3px #0000000a}.chatui--good{border-color:#0891b266;border-top:3px solid var(--accent)}.chatui--bad{border-color:#dc262666;border-top:3px solid #dc2626}.chatui--neutral{border-top:3px solid var(--text-muted)}.chatui__head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--bg-muted);border-bottom:1px solid var(--border-light)}.chatui__head-left{display:flex;align-items:center;gap:8px}.chatui__dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #22c55e2e}.chatui__model{font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--text-primary)}.chatui__label{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--text-muted)}.chatui--good .chatui__label{color:var(--accent)}.chatui--bad .chatui__label{color:#dc2626}.chatui__body{flex:1;display:flex;flex-direction:column;gap:14px;padding:18px 20px;overflow-y:auto;background:var(--bg-surface)}.chatui__row{display:flex;align-items:flex-start;gap:10px}.chatui__row--me{flex-direction:row-reverse}.chatui__avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:0}.chatui__avatar--me{background:var(--accent);color:var(--text-on-dark)}.chatui__avatar--ai{background:var(--bg-muted);color:var(--text-primary);border:1px solid var(--border)}.chatui__bubble{max-width:88%;padding:12px 16px;border-radius:14px;font-size:16px;line-height:1.55;word-break:break-word}.chatui__bubble--me{background:var(--accent);color:var(--text-on-dark);border-bottom-right-radius:4px}.chatui__bubble--ai{background:var(--bg-muted);color:var(--text-primary);border:1px solid var(--border-light);border-bottom-left-radius:4px}.chatui__bubble p{margin:0;white-space:pre-wrap}.chatui__code{margin:0;padding:14px 16px;background:#0f172a;color:#e2e8f0;border-radius:10px;font-family:var(--font-mono);font-size:13.5px;line-height:1.65;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.chatui__bubble--ai:has(.chatui__code){background:transparent;border:none;padding:0}.chatui__input{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--bg-muted);border-top:1px solid var(--border-light)}.chatui__input-icon,.chatui__input-send{width:26px;height:26px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text-muted);flex-shrink:0}.chatui__input-send{background:var(--text-primary);color:var(--text-on-dark);border-color:var(--text-primary)}.chatui__input-placeholder{flex:1;font-size:13px;color:var(--text-muted);font-style:italic}.branch-tree{display:flex;flex-direction:column;align-items:center;width:100%;gap:0}.branch-root{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 36px;background:var(--bg-surface);border:2px solid var(--text-primary);border-radius:var(--radius);box-shadow:0 4px 12px #0000000f}.branch-root__chip{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--text-muted)}.branch-root__bubble{font-size:24px;font-weight:700;color:var(--text-primary);text-align:center}.branch-fork{width:100%;height:80px;margin:4px 0}.branch-fork svg{width:100%;height:100%;display:block}.branch-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;align-items:start}.branch-arm{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:20px 18px;border-radius:var(--radius)}.branch-arm--bad{background:#dc26260a;border:1px solid rgba(220,38,38,.25)}.branch-arm--good{background:#0891b20a;border:1px solid rgba(8,145,178,.25)}.branch-arm__label{font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.1em;padding:6px 12px;border-radius:var(--radius-pill);align-self:flex-start;margin-bottom:4px}.branch-arm--bad .branch-arm__label{color:#dc2626;background:#dc26261a}.branch-arm--good .branch-arm__label{color:var(--accent);background:var(--accent-bg)}.branch-edge{padding:8px 14px;font-size:14px;color:var(--text-muted);font-family:var(--font-mono);border-left:2px dashed var(--border);margin-left:12px;opacity:0;transform:translateY(-4px);transition:opacity .35s ease,transform .35s ease}.branch-edge--shown{opacity:1;transform:translateY(0)}.branch-arm--bad .branch-edge{border-left-color:#dc26264d}.branch-arm--good .branch-edge{border-left-color:#0891b24d}.branch-node{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px 12px 12px 4px;transition:border-color .3s ease,box-shadow .3s ease}.branch-node--active{border-color:var(--text-primary);box-shadow:0 2px 8px #0000000a}.branch-arm--bad .branch-node--active{border-color:#dc2626}.branch-arm--good .branch-node--active{border-color:var(--accent)}.branch-node__head{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--bg-muted);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-primary)}.branch-node__body{flex:1;font-size:15px;line-height:1.5;color:var(--text-primary);min-height:22px;word-break:break-word;white-space:pre-wrap}.branch-node__body:after{content:"▍";display:inline-block;margin-left:1px;color:var(--accent);animation:branch-blink .7s steps(1) infinite}.branch-node:not(.branch-node--active) .branch-node__body:after{display:none}@keyframes branch-blink{0%,50%{opacity:1}51%,to{opacity:0}}.branch-end{margin-top:8px;padding:16px 20px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:14px;font-weight:700;font-size:20px;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}.branch-end--shown{opacity:1;transform:translateY(0)}.branch-end--bad{background:#fef2f2;color:#dc2626;border:1px dashed #dc2626}.branch-end--good{background:#ecfeff;color:var(--accent);border:1px dashed var(--accent)}.branch-end__icon{font-size:28px}.live-compare{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:12px;width:100%;height:100%;min-height:0}.live-compare__meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 18px;background:var(--accent-bg);border:1px dashed var(--accent);border-radius:var(--radius);align-items:start}.live-compare__meta-head{grid-column:1 / -1;display:flex;align-items:baseline;gap:12px}.live-compare__hint{font-size:13px;color:var(--text-muted)}.live-compare__meta-input{resize:none;padding:10px 12px;font-family:var(--font-body);font-size:14px;line-height:1.5;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface)}.live-compare__meta-output{margin:0;padding:10px 12px;font-family:var(--font-mono);font-size:12.5px;line-height:1.55;background:#0f172a;color:#e2e8f0;border-radius:var(--radius-sm);overflow:auto;min-height:64px;max-height:140px;white-space:pre-wrap;word-break:break-word}.live-compare__meta-actions{grid-column:1 / -1;display:flex;gap:8px}.live-compare__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.live-compare__btn:hover{border-color:var(--accent);color:var(--accent)}.live-compare__btn--accent{background:var(--accent);color:var(--text-on-dark);border-color:var(--accent)}.live-compare__btn--accent:hover{background:#06748f;color:var(--text-on-dark)}.live-compare__btn:disabled{opacity:.5;cursor:not-allowed}.live-compare__examples{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.live-compare__examples-label{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-muted);letter-spacing:.1em}.live-compare__chip-btn{padding:6px 14px;font-size:13px;font-weight:600;border-radius:var(--radius-pill);background:var(--bg-muted);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.live-compare__chip-btn:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.live-compare__input-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:stretch}.live-compare__input{resize:none;padding:14px 18px;font-family:var(--font-body);font-size:15px;line-height:1.55;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary)}.live-compare__input:focus{outline:none;border-color:var(--accent)}.live-compare__send{padding:0 26px;font-size:15px;font-weight:700;border-radius:var(--radius);background:var(--text-primary);color:var(--text-on-dark);border:0;cursor:pointer;transition:all var(--transition-fast)}.live-compare__send:hover{background:var(--accent)}.live-compare__send:disabled{opacity:.5;cursor:not-allowed}.live-compare__panes{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:0}.live-compare__pane{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-height:0}.live-compare__pane--bad{border-top:3px solid #dc2626}.live-compare__pane--good{border-top:3px solid var(--accent)}.live-compare__pane-head{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-muted);border-bottom:1px solid var(--border-light)}.live-compare__pane-dot{width:8px;height:8px;border-radius:50%}.live-compare__pane--bad .live-compare__pane-dot{background:#dc2626}.live-compare__pane--good .live-compare__pane-dot{background:var(--accent)}.live-compare__pane-title{font-size:14px;font-weight:700;color:var(--text-primary)}.live-compare__pane-sub{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.06em}.live-compare__pane-body{flex:1;padding:16px 20px;font-size:15px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;overflow-y:auto;min-height:0}.live-compare__pane-body:empty:before{content:"여기에 응답이 한 토큰씩 흘러나옵니다…";color:var(--text-muted);font-style:italic}.live-compare__status{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);text-align:center;letter-spacing:.05em}.live-scn{display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;width:100%;height:100%;min-height:0}.live-scn__bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.live-scn__bar-label{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-muted);letter-spacing:.12em}.live-scn__chip{padding:10px 18px;font-size:15px;font-weight:700;border-radius:var(--radius-pill);background:var(--bg-muted);border:2px solid var(--border);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.live-scn__chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.live-scn__chip--active{background:var(--text-primary);color:var(--text-on-dark);border-color:var(--text-primary)}.live-scn__reset{margin-left:auto;padding:8px 14px;font-family:var(--font-mono);font-size:13px;font-weight:700;border-radius:var(--radius-pill);background:transparent;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.live-scn__reset:hover{color:var(--text-primary);border-color:var(--text-primary)}.live-scn__desc{font-size:16px;color:var(--text-secondary);line-height:1.55;margin:0;max-width:none}.live-scn__panes{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-height:0}.live-scn__pane{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-height:0;box-shadow:0 1px 3px #0000000a}.live-scn__pane--bad{border-top:3px solid #dc2626}.live-scn__pane--good{border-top:3px solid var(--accent)}.live-scn__pane-head{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--bg-muted);border-bottom:1px solid var(--border-light)}.live-scn__pane-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #22c55e2e}.live-scn__pane-model{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text-primary)}.live-scn__pane-label{margin-left:auto;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em}.live-scn__pane--bad .live-scn__pane-label{color:#dc2626}.live-scn__pane--good .live-scn__pane-label{color:var(--accent)}.live-scn__pane-body{flex:1;padding:18px 20px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0;scroll-behavior:smooth}.live-scn__row{display:flex;align-items:flex-start;gap:10px}.live-scn__row--me{flex-direction:row-reverse}.live-scn__avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:700}.live-scn__avatar--me{background:var(--accent);color:var(--text-on-dark)}.live-scn__avatar--ai{background:var(--bg-muted);color:var(--text-primary);border:1px solid var(--border)}.live-scn__bubble{max-width:88%;padding:11px 14px;border-radius:14px;font-size:14.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;font-family:var(--font-body)}.live-scn__bubble--me{background:var(--accent);color:var(--text-on-dark);border-bottom-right-radius:4px}.live-scn__bubble--ai{background:var(--bg-muted);color:var(--text-primary);border:1px solid var(--border-light);border-bottom-left-radius:4px}.live-scn__bubble--ai:has(>code),.live-scn__bubble--ai{font-family:var(--font-body)}.live-scn__bubble--typing:after{content:"▍";display:inline-block;margin-left:2px;color:var(--accent);animation:scn-blink .7s steps(1) infinite}@keyframes scn-blink{0%,50%{opacity:1}51%,to{opacity:0}}.live-scn__pane-footer{padding:12px 16px;background:var(--bg-muted);border-top:1px solid var(--border-light);display:flex;align-items:center}.live-scn__pane-footer--done .live-scn__next{opacity:.55;cursor:default}.live-scn__next{width:100%;display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--bg-surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);text-align:left;min-width:0}.live-scn__pane--bad .live-scn__next:not(:disabled):hover{border-color:#dc2626;background:#fef2f2}.live-scn__pane--good .live-scn__next:not(:disabled):hover{border-color:var(--accent);background:var(--accent-bg)}.live-scn__next:disabled{opacity:.55;cursor:not-allowed}.live-scn__next-tag{flex-shrink:0;font-family:var(--font-mono);font-size:12px;font-weight:800;padding:4px 10px;border-radius:var(--radius-pill);background:var(--text-primary);color:var(--text-on-dark);letter-spacing:.08em}.live-scn__pane--bad .live-scn__next-tag{background:#dc2626}.live-scn__pane--good .live-scn__next-tag{background:var(--accent)}.live-scn__next-text{flex:1;font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.live-scn__next:after{content:"▶";flex-shrink:0;font-size:11px;color:var(--text-muted);margin-left:4px}.live-scn__bubble--ai .md-p{margin:0 0 8px;line-height:1.6;font-size:14px}.live-scn__bubble--ai .md-p:last-child{margin-bottom:0}.live-scn__bubble--ai .md-h{font-family:var(--font-display);font-weight:700;margin:12px 0 6px;line-height:1.3;color:var(--text-primary)}.live-scn__bubble--ai .md-h2{font-size:18px}.live-scn__bubble--ai .md-h3{font-size:16px}.live-scn__bubble--ai .md-h4{font-size:15px}.live-scn__bubble--ai .md-h5,.live-scn__bubble--ai .md-h6{font-size:14px}.live-scn__bubble--ai .md-list{margin:6px 0 8px;padding-left:22px;font-size:14px;line-height:1.6}.live-scn__bubble--ai .md-list li{margin:2px 0}.live-scn__bubble--ai .md-inline{font-family:var(--font-mono);font-size:12.5px;padding:1px 6px;background:#0000000f;border-radius:4px}.live-scn__bubble--ai .md-code{margin:8px 0;padding:12px 14px;background:#0f172a;color:#e2e8f0;border-radius:8px;font-family:var(--font-mono);font-size:12.5px;line-height:1.55;overflow-x:auto;white-space:pre}.live-scn__bubble--ai .md-hr{border:0;border-top:1px solid var(--border);margin:10px 0}.live-scn__bubble--ai strong{font-weight:700;color:var(--text-primary)}.live-scn__bubble--ai em{font-style:italic}.live-scn__pane-ending{padding:12px 18px;font-size:14px;font-weight:700;text-align:center;border-top:1px dashed transparent;opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .45s ease}.live-scn__pane-ending--shown{opacity:1;transform:translateY(0)}.live-scn__pane--bad .live-scn__pane-ending{background:#fef2f2;color:#dc2626;border-top-color:#dc2626}.live-scn__pane--good .live-scn__pane-ending{background:#ecfeff;color:var(--accent);border-top-color:var(--accent)}.live-scn__status{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);text-align:center;letter-spacing:.05em}