@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Inter:wght@400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--surface:#0d0d0d;--border:#ffffff14;--text:#e8e8e8;--text-dim:#fff6;--prompt:#6b9fd4;--user:#fff;--accent:#6b9fd4;--accent-dim:#6b9fd426;--green:#4ade80;--mono:"JetBrains Mono",monospace;--sans:"Inter",sans-serif}html,body{background:var(--bg);color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px;line-height:1.6}.terminal{flex-direction:column;max-width:680px;min-height:100vh;margin:0 auto;padding:2rem 1rem 4rem;display:flex}.terminal__header{background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:.75rem .75rem 0 0;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.terminal__dots{gap:6px;display:flex}.terminal__dots span{background:#ffffff1f;border-radius:50%;width:12px;height:12px}.terminal__dots span:first-child{background:#ff5f57}.terminal__dots span:nth-child(2){background:#febc2e}.terminal__dots span:nth-child(3){background:#28c840}.terminal__title{color:var(--text-dim);text-align:center;flex:1;margin-right:54px;font-size:.75rem}.terminal__body{background:var(--surface);border:1px solid var(--border);border-radius:0 0 .75rem .75rem;flex-direction:column;flex:1;gap:.25rem;padding:1.5rem;display:flex}.bot-sequence,.history-block{flex-direction:column;gap:.35rem;margin-bottom:.5rem;display:flex}.bot-line{color:var(--text);gap:.75rem;min-height:1.4rem;display:flex}.bot-line--done{opacity:.7}.prompt{color:var(--prompt);-webkit-user-select:none;user-select:none;flex-shrink:0;font-weight:500}.cursor{background:var(--prompt);vertical-align:text-bottom;width:8px;height:1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.user-line{color:var(--user);gap:.75rem;margin-bottom:.75rem;font-weight:500;display:flex}.user-prompt{color:var(--green);-webkit-user-select:none;user-select:none;flex-shrink:0}.input-area{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.text-input-row{border:1px solid var(--border);background:#ffffff08;border-radius:.5rem;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.text-input{color:var(--user);font-family:var(--mono);caret-color:var(--prompt);background:0 0;border:none;outline:none;flex:1;font-size:14px}.text-input::placeholder{color:var(--text-dim)}.input-submit{border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:.375rem;padding:.125rem .5rem;font-size:14px;transition:all .15s}.input-submit:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.input-submit:disabled{opacity:.3;cursor:default}.choices{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.choice-btn{border:1px solid var(--border);color:var(--text);font-family:var(--mono);cursor:pointer;background:#ffffff08;border-radius:.5rem;padding:.5rem 1rem;font-size:13px;transition:all .15s}.choice-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.design-choices{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.25rem;display:grid}.design-card{border:1px solid var(--border);text-align:left;cursor:pointer;font-family:var(--mono);background:#ffffff05;border-radius:.75rem;padding:1.25rem;transition:all .2s}.design-card:hover{background:var(--accent-dim);border-color:var(--accent)}.design-card__icon{color:var(--accent);margin-bottom:.5rem;font-size:1.25rem}.design-card__title{color:var(--user);margin-bottom:.5rem;font-size:13px;font-weight:500;line-height:1.4}.design-card__desc{color:var(--text-dim);font-size:11px;line-height:1.5}.scan-lines{flex-direction:column;gap:.35rem;margin-top:.25rem;display:flex}.scan-line{color:var(--text-dim);align-items:center;gap:.6rem;font-size:13px;animation:.3s fade-in;display:flex}.scan-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px}@keyframes fade-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}.dna-card{border:1px solid var(--border);background:#ffffff05;border-radius:.75rem;margin:.5rem 0;overflow:hidden}.dna-card__img{object-fit:cover;object-position:top;border-bottom:1px solid var(--border);width:100%;height:120px;display:block}.dna-card__body{flex-direction:column;gap:.35rem;padding:.875rem 1rem;display:flex}.dna-card__color-row{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.dna-card__swatch{border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;width:16px;height:16px}.dna-card__color-label{color:var(--text-dim);font-size:11px;font-family:var(--mono)}.dna-card__title{color:var(--user);font-size:13px;font-weight:500}.dna-card__desc{color:var(--text-dim);font-size:12px;line-height:1.5}.dna-card__url{color:var(--accent);opacity:.7;margin-top:.25rem;font-size:11px}.final-cta{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.cta-book{color:#000;font-family:var(--sans);background:#fff;border-radius:9999px;align-self:flex-start;padding:.875rem 1.5rem;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-block}.cta-book:hover{opacity:.88}.final-note{color:var(--text-dim);font-size:11px}@media (max-width:600px){.terminal{padding:0}.terminal__header{border-radius:0}.terminal__body{border-radius:0;min-height:calc(100vh - 48px)}.design-choices{grid-template-columns:1fr}}