*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100vh;background:#050505}body{color:#f4f4f4;font-family:Avenir Next,Poppins,Helvetica Neue,sans-serif}.screen{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1.5rem 1rem 1rem}.center-stage{flex:1 1;max-width:780px;flex-direction:column;gap:1.3rem}.center-stage,.title{width:100%;display:flex;align-items:center;justify-content:center}.title{margin:0;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:520;letter-spacing:.01em;transition:opacity .24s ease;text-align:center;gap:.05em}.title-fade-in{opacity:1}.title-fade-out{opacity:0}.title-caret{opacity:.85;animation:caret-blink 1s step-end infinite}.title-caret-typing{animation:none;opacity:1}@keyframes caret-blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.nostromos-logo{width:clamp(84px,11vw,132px);height:auto;display:block;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}.agent-selector{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem clamp(.9rem,3vw,1.9rem)}.agent-option{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:.35rem .1rem .5rem;color:#6f6f6f;font-family:inherit;font-size:.95rem;font-weight:500;letter-spacing:.01em;line-height:1;cursor:pointer;outline:none;transition:color .16s ease}.agent-option:before{content:attr(data-label);display:block;height:0;overflow:hidden;font-weight:620;visibility:hidden}.agent-option:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:999px;background:#1fdf64;transform:scaleX(.4);opacity:0;transition:transform .18s ease,opacity .18s ease}.agent-option:not(:disabled):hover{color:#b4b4b4}.agent-option:focus-visible{color:#f0f0f0;box-shadow:0 0 0 2px rgba(31,223,100,.35);border-radius:6px}.agent-option-selected{color:#f4f4f4;font-weight:620}.agent-option-selected:after{transform:scaleX(1);opacity:1}.agent-option:disabled{cursor:not-allowed}.agent-option:disabled:not(.agent-option-selected){opacity:.4}.nosbot-mark{display:flex;align-items:center;justify-content:center;gap:clamp(.45rem,1.6vw,.85rem);min-height:220px}.mark-pill{width:clamp(56px,12vw,82px);height:clamp(84px,17vw,126px);border-radius:999px;background:#f0f0f0;transform-origin:center;transition:transform 70ms linear,opacity .14s ease;opacity:.97}.action-row{display:flex}.action-row,.icon-btn{align-items:center;justify-content:center}.icon-btn{width:82px;height:82px;border:none;border-radius:999px;cursor:pointer;display:inline-flex;transition:transform .13s ease,filter .13s ease,opacity .13s ease}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn:not(:disabled):hover{transform:translateY(-1px) scale(1.01);filter:brightness(1.05)}.icon-btn svg{width:32px;height:32px;fill:currentColor}.icon-btn-start{background:#1fdf64;color:#041d0b;box-shadow:0 0 0 1px rgba(31,223,100,.5),0 12px 26px rgba(31,223,100,.25)}.icon-btn-end{background:#ff4f4f;color:#fff;box-shadow:0 0 0 1px rgba(255,79,79,.52),0 12px 26px rgba(255,79,79,.27)}.status-line{margin:0;color:#8f8f8f;font-size:.92rem}.transcript-panel{width:min(1120px,96vw);margin:0 auto;padding:0 0 .55rem}.transcript-panel h2{margin:0 0 .55rem;color:#9e9e9e;font-size:.92rem;font-weight:500;letter-spacing:.02em}.transcript-box{width:100%;border:1px solid #1f1f1f;background:#0a0a0a;border-radius:12px;padding:.85rem 1rem;min-height:126px;max-height:22vh;overflow:auto}.transcript-box pre{margin:0;color:#ededed;white-space:pre-wrap;font-size:.93rem;line-height:1.45;font-family:Avenir Next,Poppins,sans-serif}.transcript-placeholder{margin:0;color:#6f6f6f;font-size:.92rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:700px){.screen{padding-top:1rem}.center-stage{gap:1rem}.nostromos-logo{width:88px}.agent-option{font-size:.85rem}.icon-btn{width:74px;height:74px}.icon-btn svg{width:29px;height:29px}.transcript-box{max-height:27vh}}