.code-page{--p: #7c3aed;--ok: #048a01;--warn: #d97706;--err: #dc2626;--mono: "JetBrains Mono", monospace}.code-pills-label{font-family:var(--mono);font-size:.62rem;color:#6b7280;display:block;margin-top:1.75rem;margin-bottom:.5rem}.code-pills{display:flex;flex-wrap:wrap;gap:.5rem}.code-pill{font-family:var(--mono);font-size:.68rem;border:1px solid #e5e7eb;border-radius:99px;padding:.28rem .75rem;color:#6b7280;background:#f9fafb}.code-chat-grid{display:grid;gap:1.5rem;width:100%;max-width:480px}.code-chat-col{display:flex;flex-direction:column;gap:10px}.code-chat-source{font-family:var(--mono);font-size:11px;font-weight:500;color:#6b7280;margin:0}.code-chat-source.is-slow{color:var(--warn)}.code-chat-source.is-fast{color:var(--ok)}.code-msgs,.uc-msgs{display:flex;flex-direction:column;gap:10px;padding:5px}.code-msgs{min-height:180px}.uc-msgs{min-height:160px}.cb-wrap{display:flex;flex-direction:column}.cb{display:inline-block;max-width:86%;padding:14px 18px;font-size:14px;line-height:1.6}.cb.u{background:#111827;color:#f9fafb;border-radius:14px 14px 3px;align-self:flex-end;margin-left:auto}.cb.a{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px 14px 14px 3px;color:#111827;align-self:flex-start}.cb.a.ok{background:#048a010a;border-color:#048a0138}.cb.sys{background:transparent;border:none;color:#9ca3af;font-size:12px;font-family:var(--mono);align-self:center;padding:2px 0;border-radius:0}.cb.ai-read{background:transparent;border:none;padding:2px 0;color:#6b7280;font-size:12px;font-family:var(--mono);align-self:flex-start}.spin{display:inline-block;width:13px;height:13px;border:2px solid #e5e7eb;border-top-color:#6b7280;border-radius:50%;animation:cl-spin .75s linear infinite;vertical-align:middle}@keyframes cl-spin{to{transform:rotate(360deg)}}.dot-pulse:after{content:".";animation:cl-dots 1.2s steps(4,end) infinite}@keyframes cl-dots{0%,25%{content:"."}50%{content:".."}75%,to{content:"..."}}.uc-panel{display:none}.uc-panel.is-active{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:680px){.uc-panel.is-active{grid-template-columns:1fr}}.code-pre{background:#09090c;border:1px solid #e5e7eb;border-radius:8px;padding:1rem 1.25rem;font-family:var(--mono);font-size:.78rem;line-height:1.7;overflow-x:auto;margin:1rem 0 0;color:#6b7280}.code-pre .kw{color:#a78bfa}.code-pre .str{color:#86efac}.code-pre .cm{color:#5c5c66}.code-pre .fn{color:#7dd3fc}#cl-modal{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;padding:1rem}#cl-modal.is-open{display:flex}.cl-modal__overlay{position:absolute;inset:0;background:#000000b8;backdrop-filter:blur(3px)}.cl-modal__card{position:relative;z-index:1;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:500px;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.cl-modal__head{padding:1.25rem 1.5rem .9rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cl-progress{height:4px;background:#e5e7eb;border-radius:99px;overflow:hidden;width:180px}.cl-progress__bar{height:100%;background:#b8fd33;border-radius:99px;transition:width .35s ease}.cl-step-label{font-family:var(--mono);font-size:.68rem;color:#6b7280;margin-top:.4rem}.cl-modal__close{background:transparent;border:1px solid #e5e7eb;color:#6b7280;width:1.9rem;height:1.9rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,color .15s}.cl-modal__close:hover{border-color:#1f2937;color:#1f2937}.cl-modal__body{padding:1.5rem}.cl-step{display:none}.cl-step.is-active{display:block}.cl-success{display:none;text-align:center;padding:2rem 1rem}.cl-modal__foot{padding:1rem 1.5rem 1.25rem;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.cl-field{margin-bottom:1rem}.cl-field label{display:block;font-size:.8rem;font-weight:500;color:#6b7280;margin-bottom:.4rem}.cl-field input,.cl-field textarea,.cl-field select{width:100%;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.65rem .9rem;color:#1f2937;font-size:.88rem;outline:none;transition:border-color .15s;box-sizing:border-box}.cl-field input:focus,.cl-field textarea:focus{border-color:var(--p);background:#fff}.biz-cards{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem}.biz-card{border:1px solid #e5e7eb;border-radius:10px;padding:1rem;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.biz-card:hover{border-color:#ddd6fe}.biz-card.is-active{border-color:var(--p);background:#f5f3ff}.biz-card .biz-icon{font-size:1.5rem;margin-bottom:.4rem}.biz-card strong{display:block;font-size:.88rem;margin-bottom:.2rem}.biz-card span{font-size:.78rem;color:#6b7280}.scale-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.scale-pill{font-family:var(--mono);font-size:.75rem;padding:.35rem .85rem;border:1px solid #e5e7eb;border-radius:99px;background:transparent;color:#6b7280;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.scale-pill:hover{border-color:#ddd6fe;color:#1f2937}.scale-pill.is-active{border-color:var(--p);background:#f5f3ff;color:#1f2937}#modal-back{background:transparent;border:1px solid #e5e7eb;color:#6b7280;padding:.6rem 1.1rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:border-color .15s,color .15s;display:flex;align-items:center;gap:.4rem}#modal-back:hover{border-color:#1f2937;color:#1f2937}#modal-next{font-size:.88rem;padding:.65rem 1.3rem}#cl-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10000;background:#dc2626;color:#fff;border-radius:10px;padding:.85rem 1.25rem;display:none;box-shadow:0 4px 16px #0000002e;max-width:320px;font-size:.875rem;line-height:1.5}#cl-toast.is-visible{display:block;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}