:root{color:#142033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7fb;--bg-accent:#eef4ff;--panel:#ffffffe0;--panel-border:#6d8ab52e;--text:#142033;--text-muted:#66758f;--primary:#306cff;--primary-soft:#edf3ff;--assistant:#f6f8fc;--user:linear-gradient(135deg, #306cff, #5e87ff);--chip:#f6f8fc;--danger:#c53b52;--shadow:0 18px 40px #3454921f;background:#f4f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at top,#78a0ff38,#0000 28%),linear-gradient(#f8fbff 0%,#f1f5fb 100%);margin:0}body,button,textarea,input{font:inherit}button,textarea,input{-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #306cff38}#app{min-height:100vh}.app-shell{min-height:100vh;padding:1rem}.phone-frame{width:min(100%,42rem);padding-bottom:calc(1rem + env(safe-area-inset-bottom));gap:.9rem;margin:0 auto;display:grid}.panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1.4rem}.hero-panel{gap:1rem;padding:1.25rem;display:grid}.hero-copy h1{letter-spacing:-.04em;margin:.35rem 0 .4rem;font-size:clamp(2rem,7vw,3.2rem);line-height:1.02}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0;font-size:.8rem;font-weight:700}.subtitle,.panel-head span,.role,.empty,.error,.panel-title-block p,.compact-block p{color:var(--text-muted)}.subtitle,.panel-title-block p,.compact-block p,.empty,.error{margin:0}.hero-badge{background:var(--primary-soft);color:var(--primary);border-radius:999px;justify-self:start;padding:.5rem .8rem;font-size:.88rem;font-weight:700}.panel-title-block{gap:.2rem;display:grid}.compact-block{gap:.1rem}.status-panel,.panel-head,.commands-head,.auth-form{justify-content:space-between;align-items:center;gap:.9rem;display:flex}.status-panel,.commands-panel,.messages-panel,.auth-panel,.composer{padding:1rem}.auth-panel,.messages,.command-grid,.actions{gap:.8rem;display:grid}.auth-form{align-items:stretch}.auth-form input,.composer textarea{width:100%;color:var(--text);background:#fff;border:1px solid #7891b838;border-radius:1rem;padding:.95rem 1rem;transition:border-color .18s,box-shadow .18s}.auth-form input::placeholder,.composer textarea::placeholder{color:#91a0b7}.auth-form input:focus,.composer textarea:focus{border-color:#306cff66;box-shadow:0 0 0 4px #306cff14}.split-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.commands-panel{overflow:hidden}.command-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.85rem}.command-chip{background:var(--chip);color:var(--text);text-align:left;border:1px solid #7891b829;border-radius:1rem;padding:.85rem;font-size:.9rem;font-weight:600}.command-chip:hover{background:#eef4ff}.messages-panel{overflow:hidden}.sticky-head{margin-bottom:.85rem}.messages{scrollbar-gutter:stable;max-height:min(56vh,38rem);padding-right:.2rem;overflow:auto}.bubble{border-radius:1.2rem;max-width:88%;padding:.95rem 1rem;box-shadow:0 8px 18px #2f4a7e14}.bubble.user{background:var(--user);color:#fff;border-bottom-right-radius:.4rem;margin-left:auto}.bubble.assistant{background:var(--assistant);border:1px solid #7891b81f;border-bottom-left-radius:.4rem;margin-right:auto}.bubble.pending{opacity:.9}.role{text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem;font-size:.76rem;font-weight:700;display:inline-block}.bubble.user .role{color:#fffc}.bubble p{white-space:pre-wrap;word-break:break-word;margin:.15rem 0 0;line-height:1.5}.thinking-dots{align-items:center;gap:.35rem;min-height:1.25rem;display:inline-flex}.thinking-dots span{background:#87a5f8;border-radius:999px;width:.48rem;height:.48rem;animation:1.2s ease-in-out infinite thinking-bounce}.thinking-dots span:nth-child(2){animation-delay:.15s}.thinking-dots span:nth-child(3){animation-delay:.3s}@keyframes thinking-bounce{0%,80%,to{opacity:.45;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.composer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;display:grid;position:sticky;bottom:0}.composer textarea{resize:none;min-height:3.4rem;max-height:11rem}button{color:#fff;background:linear-gradient(135deg,#306cff,#5e87ff);border:0;border-radius:1rem;padding:.95rem 1.1rem;font-weight:700;box-shadow:0 10px 20px #306cff38}button.secondary{color:var(--primary);box-shadow:none;background:#edf3ff}button.ghost{color:var(--text);box-shadow:none;background:#fff;border:1px solid #7891b82e}button.compact{padding:.7rem .95rem}button:disabled{opacity:.55;cursor:not-allowed}.inline-error{color:var(--danger);margin:.15rem 0 0}@media (width<=640px){.app-shell{padding:.75rem}.hero-panel,.status-panel,.commands-panel,.messages-panel,.auth-panel,.composer{border-radius:1.2rem}.status-panel,.panel-head,.commands-head,.auth-form{flex-direction:column;align-items:stretch}.bubble{max-width:100%}.composer{grid-template-columns:1fr}}@media (width>=760px){.hero-panel{grid-template-columns:1fr auto;align-items:start}.command-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}