@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf3f7;--surface:#fff;--surface-2:#f7fafc;--surface-cyan:#ecfeff;--text:#0f172a;--text-dim:#64748b;--text-faint:#94a3b8;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--tracking-tight:0;--tracking-normal:0;--tracking-wide:.04em;--border:#0f172a1f;--border-strong:#0f172a33;--primary:#0891b2;--primary-strong:#0e7490;--primary-dark:#075985;--primary-contrast:#fff;--success:#22c55e;--success-strong:#16a34a;--danger:#ef4444;--danger-strong:#dc2626;--warning:#f59e0b;--warning-strong:#b45309;--info:#3b82f6;--info-strong:#2563eb;--accent:var(--success);--primary-soft:#0891b21a;--primary-border:#0891b247;--primary-focus:#0891b229;--focus-ring:var(--primary-focus);--success-soft:#22c55e1f;--success-border:#22c55e47;--danger-soft:#ef44441f;--danger-border:#ef44443d;--warning-soft:#f59e0b1f;--warning-border:#f59e0b47;--info-soft:#3b82f61f;--info-border:#3b82f642;--neutral-soft:#64748b1a;--neutral-border:#64748b38;--surface-hover:#f1f5f9;--shadow-sm:0 8px 18px #0f172a14;--shadow-soft:0 1px 2px #0f172a0f, 0 14px 34px #0f172a17;--shadow-md:0 20px 48px #0f172a1f;--shadow-selected:0 0 0 1px #0891b229, 0 1px 2px #0f172a0a, 0 12px 30px #0891b21f;--radius:16px;--control-radius:10px;--control-height:40px;--control-height-compact:36px;--control-height-large:48px;--disabled-bg:#f1f5f9;--disabled-border:#0f172a14;--disabled-text:#94a3b8;--q-danger:var(--danger);--app-header-height:64px;--app-header-height-mobile:56px}.qubic-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.qubic-card-muted{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.qubic-card-subtle{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 2px #0f172a0d}.qubic-card-clickable{transition:box-shadow .16s,transform .16s,border-color .16s,background-color .16s}.qubic-card-clickable:hover{border-color:var(--primary-border);background-color:var(--surface);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.qubic-card-clickable:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring), var(--shadow-soft);outline:none}.qubic-card-selected{border-color:var(--primary-border);box-shadow:var(--shadow-selected);background:linear-gradient(#ecfeffbd,#fffffff5)}.qubic-button,.qubic-button-primary,.qubic-button-secondary,.qubic-button-ghost,.qubic-button-danger{min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--control-radius);color:var(--text);font-size:var(--text-sm);font-weight:var(--font-bold);line-height:var(--leading-tight);text-align:center;justify-content:center;align-items:center;gap:8px;padding:0 14px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.qubic-button-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast);box-shadow:var(--shadow-sm)}.qubic-button-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.qubic-button-ghost{color:var(--text-dim);background:0 0;border-color:#0000}.qubic-button-danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-strong)}.qubic-button:hover:not(:disabled),.qubic-button-primary:hover:not(:disabled),.qubic-button-secondary:hover:not(:disabled),.qubic-button-ghost:hover:not(:disabled),.qubic-button-danger:hover:not(:disabled){transform:translateY(-1px)}.qubic-button-primary:hover:not(:disabled){background:var(--primary-strong);border-color:var(--primary-strong)}.qubic-button-secondary:hover:not(:disabled),.qubic-button-ghost:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary-border);color:var(--primary-dark)}.qubic-button-danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:var(--primary-contrast)}.qubic-button:focus-visible,.qubic-button-primary:focus-visible,.qubic-button-secondary:focus-visible,.qubic-button-ghost:focus-visible,.qubic-button-danger:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.qubic-button:disabled,.qubic-button-primary:disabled,.qubic-button-secondary:disabled,.qubic-button-ghost:disabled,.qubic-button-danger:disabled{background:var(--disabled-bg);border-color:var(--disabled-border);color:var(--disabled-text);box-shadow:none;cursor:not-allowed;transform:none}.qubic-icon-button{width:var(--control-height);height:var(--control-height);min-width:var(--control-height);min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);color:var(--text-dim);place-items:center;padding:0;transition:border-color .18s,box-shadow .18s,background .18s,color .18s;display:inline-grid}.qubic-icon-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary-border);color:var(--primary-dark)}.qubic-icon-button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.qubic-icon-button:disabled{background:var(--disabled-bg);border-color:var(--disabled-border);color:var(--disabled-text);cursor:not-allowed}.qubic-field{flex-direction:column;gap:8px;display:flex}.qubic-label{color:var(--text-dim);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.qubic-input,.qubic-textarea,.qubic-select{width:100%;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);color:var(--text);font-size:var(--text-sm);line-height:var(--leading-normal);padding:0 12px;transition:border-color .18s,box-shadow .18s,background .18s}.qubic-textarea{min-height:120px;line-height:var(--leading-normal);resize:vertical;padding-block:10px}.qubic-input:hover,.qubic-textarea:hover,.qubic-select:hover{border-color:var(--border-strong)}.qubic-input:focus,.qubic-input:focus-visible,.qubic-textarea:focus,.qubic-textarea:focus-visible,.qubic-select:focus,.qubic-select:focus-visible{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.qubic-input:disabled,.qubic-textarea:disabled,.qubic-select:disabled{background:var(--disabled-bg);border-color:var(--disabled-border);color:var(--disabled-text);cursor:not-allowed}.qubic-helper-text,.qubic-error-text{font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.qubic-helper-text{color:var(--text-dim)}.qubic-error-text{color:var(--danger-strong)}@media (prefers-reduced-motion:reduce){.qubic-card-clickable{transition:none}.qubic-card-clickable:hover,.qubic-button:hover:not(:disabled),.qubic-button-primary:hover:not(:disabled),.qubic-button-secondary:hover:not(:disabled),.qubic-button-ghost:hover:not(:disabled),.qubic-button-danger:hover:not(:disabled){transform:none}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html,body,button,input,textarea,select{font-family:var(--font-sans)}body{font-family:var(--font-sans);line-height:var(--leading-normal);background:radial-gradient(circle at top left, #0891b214, transparent 28%), radial-gradient(circle at top right, #3b82f60f, transparent 24%), var(--bg);color:var(--text);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.loading-spinner{border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.app-loading-state{background:radial-gradient(circle at top, #0891b21f, transparent 32%), var(--bg);place-items:center;gap:16px;min-height:100vh;display:grid}.app-loading-logo{object-fit:contain;image-rendering:auto;width:clamp(56px,14vw,88px);height:auto}.app-route-error-state{text-align:center;align-content:center;justify-items:center;padding:24px}.app-route-error-state h1{font-size:var(--text-2xl);margin:0}@keyframes spin{to{transform:rotate(360deg)}}.qubic-icon{transform-origin:50%;filter:drop-shadow(0 0 2px #0006);transition:transform .2s,filter .2s}.qubic-icon:hover{filter:drop-shadow(0 6px 12px #00000040)drop-shadow(0 0 6px #0891b266);transform:translateY(-2px)scale(1.05)rotateX(6deg)rotateY(-6deg)}.qubic-icon:active{filter:drop-shadow(0 2px 4px #0000004d);transform:translateY(0)scale(.97)}.send-overlay{transition:transform .2s,opacity .2s}.qubic-icon:hover+.send-overlay,.qubic-icon:hover~.send-overlay{transform:translate(2px)}.qubic-icon:active+.send-overlay,.qubic-icon:active~.send-overlay{transform:translate(4px)scale(.95)}