:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #111111;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--primary: #e55a2b;--accent: #e55a2b;--border-light: #334155;--border-medium: #475569;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--veil-blur: 16px;--veil-surface-start: rgba(255,255,255,.06);--veil-surface-end: rgba(255,255,255,.03);--veil-border: rgba(255,255,255,.12);--veil-highlight: rgba(255,255,255,.08);--interaction-safe: 40px;--motion-fast: .18s;--motion-ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.4}html,body{overflow:hidden;overscroll-behavior:none}.veil-card{position:relative;background:linear-gradient(to bottom right,var(--veil-surface-start),var(--veil-surface-end));border:1px solid var(--veil-border);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(var(--veil-blur)) saturate(120%);backdrop-filter:blur(var(--veil-blur)) saturate(120%);box-shadow:0 8px 20px #00000059}.veil-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 var(--veil-highlight)}.header-veiled{position:sticky;top:0;z-index:20;background:#0009;-webkit-backdrop-filter:blur(var(--veil-blur)) saturate(120%);backdrop-filter:blur(var(--veil-blur)) saturate(120%);border-bottom:1px solid var(--border-light);padding-top:env(safe-area-inset-top)}.header-inner{display:grid;align-items:center;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;padding:10px 14px;max-width:1400px;margin:0 auto}@media (max-width: 520px){:root{--interaction-safe: 44px}.header-inner{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px;padding:8px 10px}.header-inner>:nth-child(1){grid-column:1;justify-self:start}.header-inner>:nth-child(3){grid-column:2;justify-self:end}.header-inner>:nth-child(2){grid-column:1 / span 2;justify-self:center}}.logo-dot{width:18px;height:18px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 28px #ffffff38;-webkit-backdrop-filter:blur(var(--veil-blur)) saturate(120%);backdrop-filter:blur(var(--veil-blur)) saturate(120%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;height:var(--interaction-safe);padding:0 14px;border-radius:var(--radius-lg);border:1px solid var(--veil-border);color:var(--text-primary);background:var(--bg-secondary)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#0a0a0acc;border-color:#47556999;color:var(--text-primary);-webkit-backdrop-filter:blur(var(--veil-blur)) saturate(120%);backdrop-filter:blur(var(--veil-blur)) saturate(120%)}.btn-secondary{background:#0a0a0acc;border-color:#47556999;-webkit-backdrop-filter:blur(var(--veil-blur)) saturate(120%);backdrop-filter:blur(var(--veil-blur)) saturate(120%)}.btn-ghost{background:transparent;border-color:transparent}.btn-icon{width:var(--interaction-safe);padding:0}.btn-fixed{width:64px}.btn .ion-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center}.btn .ion-loader:before{content:"";width:16px;height:16px;border-radius:999px;border:2px solid rgba(148,163,184,.35);border-top-color:#e2e8f0eb;box-shadow:0 0 10px #a0aaff2e;animation:ion-spin .72s linear infinite}@keyframes ion-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-pill{position:fixed;left:50%;bottom:18px;transform:translate(-50%);width:min(900px,calc(100% - 24px));display:flex;align-items:center;gap:8px;padding:10px;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--veil-border);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.input-pill{bottom:max(18px,env(safe-area-inset-bottom))}.input-pill{align-items:center}.input-pill.input-pill-multiline{align-items:flex-start;border-radius:22px}.input-pill input{flex:1;min-width:0;height:36px;padding:0 12px;border:none;outline:none;color:var(--text-primary);background:transparent;font-size:15px}.input-pill textarea{display:block;flex:1;min-width:0;height:36px;padding:9px 12px;border:none;outline:none;color:var(--text-primary);background:transparent;font-size:15px;line-height:18px;resize:none;overflow:hidden}.input-pill .btn{border-radius:999px;height:calc(var(--interaction-safe) - 4px)}.input-pill.input-pill-multiline .btn{margin-top:0}.input-pill .btn-icon{width:calc(var(--interaction-safe) - 4px)}@media (max-width: 520px){.input-pill{width:calc(100% - 16px);padding:8px}.input-pill input,.input-pill textarea{font-size:16px;height:calc(var(--interaction-safe) - 4px)}}.ion-canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ion-card{position:absolute;max-width:320px;padding:10px 12px;color:var(--text-secondary);opacity:1;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.ion-card h4{margin:0 0 6px;font-size:16px;color:var(--text-primary)}.ion-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;border:1px solid var(--veil-border);font-size:12px;color:var(--text-muted)}.ion-badge{background:transparent;cursor:default}.ion-badge:where(button){cursor:pointer;background:var(--bg-secondary);color:var(--text-secondary)}.ion-badge:where(button):hover{border-color:var(--border-medium)}.history-overlay{position:fixed;top:52px;left:12px;width:min(380px,calc(100vw - 24px));max-height:min(60vh,calc(100dvh - 96px));overflow:auto;z-index:30;background:#0a0a0aeb;border-color:#ffffff24;-webkit-backdrop-filter:blur(var(--veil-blur)) saturate(120%);backdrop-filter:blur(var(--veil-blur)) saturate(120%)}.history-list{list-style:none;padding:0;margin:0}.history-item{padding:10px 12px;border-bottom:1px solid var(--veil-border)}.history-item:last-child{border-bottom:none}.app-root{position:relative;min-height:100%;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.app-main{position:relative;overflow:hidden}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@keyframes grow-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.history-overlay,.modal,.context-pill,.veil-pop,.local-ai-inline{animation:grow-in var(--motion-fast) var(--motion-ease)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000002e;display:flex;align-items:center;justify-content:center;z-index:120;padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.veil-card.modal{background:#0a0a0aeb;-webkit-backdrop-filter:none;backdrop-filter:none}.modal{position:relative;z-index:121;width:min(560px,96vw);max-height:calc(100dvh - 32px);overflow:auto;-webkit-overflow-scrolling:touch;padding:16px;border-radius:var(--radius-2xl);word-break:break-word;overflow-wrap:anywhere}.form-input{height:40px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--veil-border);background:var(--bg-secondary);color:var(--text-primary);outline:none}.form-input:focus{border-color:var(--border-medium)}.settings-section{display:grid;gap:10px;padding:12px;border-radius:var(--radius-xl);border:1px solid var(--veil-border);background:linear-gradient(to bottom right,#ffffff0a,#ffffff05);-webkit-backdrop-filter:blur(var(--veil-blur)) saturate(120%);backdrop-filter:blur(var(--veil-blur)) saturate(120%)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);background:#0a0a0aa6}.settings-row>label{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.settings-row select{height:40px;border-radius:var(--radius-md);border:1px solid var(--veil-border);background:var(--bg-secondary);color:var(--text-primary);outline:none;padding:0 10px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--veil-border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.chip[aria-pressed=true]{background:#e55a2b33;color:var(--text-primary);border-color:#e55a2b66;-webkit-backdrop-filter:blur(var(--veil-blur)) saturate(120%);backdrop-filter:blur(var(--veil-blur)) saturate(120%)}.toolbar-floating{box-shadow:0 8px 20px #00000059,inset 0 1px 0 var(--veil-highlight)}.bubble-menu>.btn{opacity:0;transform:translate(0) scale(.92);will-change:transform,opacity;transition:transform var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease)}.bubble-menu>.btn:nth-child(1){--sprout-x: 28px}.bubble-menu>.btn:nth-child(2){--sprout-x: 56px;transition-delay:40ms}.bubble-menu>.btn:nth-child(3){--sprout-x: 84px;transition-delay:80ms}.bubble-menu[data-open=true]>.btn{opacity:1;transform:translate(var(--sprout-x, 0)) scale(1)}.bubble-menu[data-open=false]>.btn{opacity:0;transform:translate(0) scale(.92)}.bubble-menu--left>.btn:nth-child(1){--sprout-x: -28px}.bubble-menu--left>.btn:nth-child(2){--sprout-x: -56px;transition-delay:40ms}.bubble-menu--left>.btn:nth-child(3){--sprout-x: -84px;transition-delay:80ms}.range-neutral{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;border:1px solid var(--veil-border);background:linear-gradient(var(--veil-highlight),var(--veil-highlight)),linear-gradient(var(--bg-tertiary),var(--bg-tertiary));background-size:var(--range-fill, 0%) 100%,100% 100%;background-repeat:no-repeat}.range-neutral:focus{outline:none}.range-neutral::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:transparent;border:none}.range-neutral::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--veil-border);margin-top:-5px;box-shadow:0 0 0 2px #00000040}.range-neutral::-moz-range-track{height:6px;border-radius:999px;background:var(--bg-tertiary);border:1px solid var(--veil-border)}.range-neutral::-moz-range-progress{height:6px;border-radius:999px;background:var(--veil-highlight)}.range-neutral::-moz-range-thumb{width:14px;height:14px;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--veil-border)}