.aif{--ai-accent:#8b8fe0;flex-direction:column;gap:16px;width:100%;max-width:640px;margin:0 auto;display:flex}.aif.aif-compact{max-width:480px}.aif-eyebrow{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.26em;text-transform:uppercase;color:color-mix(in oklab, var(--ai-accent) 70%, white 30%);font-size:11px;font-weight:500}.aif-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.aif-field{flex-direction:column;gap:7px;display:flex}.aif-field-full{grid-column:1/-1}.aif-label{color:var(--ink-dim,#9aa3ad);font-size:12.5px;font-weight:450}.aif-req{color:color-mix(in oklab, var(--ai-accent) 80%, white 20%)}.aif-input,.aif-textarea,.aif-select{width:100%;color:var(--ink,#e0e6eb);background:var(--glass,#ffffff06);border:1px solid var(--line,#e0e6eb1a);transition:border-color .2s var(--ease,ease), background .2s var(--ease,ease), box-shadow .2s var(--ease,ease);border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:15px;line-height:1.5}.aif-textarea{resize:vertical;min-height:110px}.aif-select{appearance:none;cursor:pointer}.aif-input:focus,.aif-textarea:focus,.aif-select:focus{border-color:color-mix(in oklab, var(--ai-accent) 55%, transparent);background:var(--glass-2,#ffffff0b);box-shadow:0 0 0 3px color-mix(in oklab, var(--ai-accent) 14%, transparent)}.aif-input[aria-invalid=true],.aif-textarea[aria-invalid=true]{border-color:#e07a8a}.aif-err{color:#e07a8a;font-size:12px}.aif-actions{align-items:center;gap:14px;margin-top:2px;display:flex}.aif-submit{color:#fff;background:var(--ai-accent);cursor:pointer;transition:transform .2s var(--ease,ease), filter .2s var(--ease,ease), opacity .2s var(--ease,ease);border:0;border-radius:100px;align-items:center;gap:9px;padding:13px 24px;font-family:inherit;font-size:14.5px;font-weight:500;display:inline-flex}.aif-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.aif-submit:disabled{opacity:.55;cursor:not-allowed}.aif-note{color:var(--ink-faint,#5a6172);font-size:12.5px}.aif-formerr{color:#e07a8a;font-size:13px}.aif-spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite aif-rot}@keyframes aif-rot{to{transform:rotate(360deg)}}.aif-success{text-align:center;border:1px solid color-mix(in oklab, var(--ai-accent) 24%, var(--glass-line,#ffffff14));animation:aif-fade .4s var(--ease,ease);background:#0a0b0d8c;border-radius:18px;flex-direction:column;align-items:center;gap:14px;padding:40px 28px;display:flex}@keyframes aif-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.aif-check{width:54px;height:54px;color:var(--ai-accent);background:color-mix(in oklab, var(--ai-accent) 14%, transparent);border:1px solid color-mix(in oklab, var(--ai-accent) 40%, transparent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.aif-success h3{letter-spacing:-.01em;color:var(--ink,#e0e6eb);font-size:22px;font-weight:500}.aif-success p{color:var(--ink-dim,#9aa3ad);max-width:42ch;font-size:14.5px;line-height:1.6}@media (max-width:560px){.aif-grid{grid-template-columns:1fr}}.aif-framed{border:1px solid var(--glass-line,#ffffff14);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);background:#08090bb8;border-radius:22px;padding:clamp(24px,4vw,40px);box-shadow:0 40px 100px -40px #000000e6}
.aica{--ai-accent:#8b7bff;border:1px solid color-mix(in oklab, var(--ai-accent) 24%, var(--glass-line,#ffffff14));-webkit-backdrop-filter:blur(32px)saturate(1.4);backdrop-filter:blur(32px)saturate(1.4);width:100%;max-width:720px;min-height:480px;max-height:640px;box-shadow:0 50px 110px -54px #000000eb, 0 0 70px -36px color-mix(in oklab, var(--ai-accent) 52%, transparent);background:#0a0b0df0;border-radius:22px;flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.aica-context{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.02em;color:color-mix(in oklab, var(--ai-accent) 58%, white 42%);border:1px solid color-mix(in oklab, var(--ai-accent) 26%, transparent);background:color-mix(in oklab, var(--ai-accent) 7%, transparent);border-radius:100px;align-self:flex-start;align-items:center;gap:8px;max-width:calc(100% - 40px);margin:14px 20px 0;padding:6px 12px;font-size:11px;line-height:1.3;display:inline-flex}.aica-context-spark{background:var(--ai-accent);width:6px;height:6px;box-shadow:0 0 8px color-mix(in oklab, var(--ai-accent) 70%, transparent);border-radius:50%;flex-shrink:0}.aica-context-label{color:color-mix(in oklab, var(--ai-accent) 40%, white 60%);font-weight:500}.aica-context-trail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.aica-head{border-bottom:1px solid var(--line,#e0e6eb1a);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.aica-title{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.04em;color:var(--ink,#e0e6eb);align-items:center;gap:9px;font-size:12.5px;display:inline-flex}.aica-dot{background:var(--ai-accent);width:7px;height:7px;box-shadow:0 0 9px var(--ai-accent);border-radius:50%;animation:2.6s ease-in-out infinite aica-pulse}@keyframes aica-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.4)}}.aica-tag{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklab, var(--ai-accent) 62%, white 38%);border:1px solid color-mix(in oklab, var(--ai-accent) 28%, transparent);background:color-mix(in oklab, var(--ai-accent) 8%, transparent);border-radius:100px;padding:4px 9px;font-size:10px;font-weight:500}.aica-scroll{scrollbar-width:thin;flex-direction:column;flex:1;gap:14px;min-height:0;padding:22px 20px;display:flex;overflow-y:auto}.aica-scroll::-webkit-scrollbar{width:8px}.aica-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}.aica-msg{white-space:pre-wrap;word-break:break-word;animation:aica-rise .32s var(--ease,cubic-bezier(.22, 1, .36, 1));font-size:15px;line-height:1.6}@keyframes aica-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.aica-msg-agent{max-width:88%;color:var(--ink,#e0e6eb);align-self:flex-start}.aica-msg-user{background:color-mix(in oklab, var(--ai-accent) 16%, transparent);border:1px solid color-mix(in oklab, var(--ai-accent) 26%, transparent);max-width:82%;color:var(--ink,#e0e6eb);border-radius:16px 16px 4px;align-self:flex-end;padding:10px 15px}.aica-review{border:1px solid color-mix(in oklab, var(--ai-accent) 20%, var(--glass-line,#ffffff14));background:color-mix(in oklab, var(--ai-accent) 5%, var(--glass,#ffffff06));border-radius:16px;flex-direction:column;gap:16px;margin-top:4px;padding:18px;display:flex}.aica-review-list{flex-direction:column;gap:10px;margin:0;display:flex}.aica-review-row{grid-template-columns:92px 1fr;align-items:start;gap:14px;display:grid}.aica-review-row dt{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint,#5a6172);padding-top:2px;font-size:11px}.aica-review-row dd{color:var(--ink,#e0e6eb);word-break:break-word;margin:0;font-size:14.5px;line-height:1.5}.aica-product{flex-direction:column;gap:7px;display:flex}.aica-product>span{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint,#5a6172);font-size:11px}.aica-product select{color:var(--ink,#e0e6eb);border:1px solid var(--line-strong,#e0e6eb2e);transition:border-color .2s var(--ease,ease);background:#08090b99;border-radius:11px;outline:none;padding:11px 13px;font-family:inherit;font-size:14.5px}.aica-product select:focus{border-color:color-mix(in oklab, var(--ai-accent) 55%, transparent)}.aica-product option{color:#000}.aica-submit{border:1px solid color-mix(in oklab, var(--ai-accent) 60%, transparent);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.03em;color:#fff;background:var(--ai-accent);cursor:pointer;box-shadow:0 16px 42px -22px color-mix(in oklab, var(--ai-accent) 85%, transparent);transition:transform .25s var(--ease,ease), filter .25s var(--ease,ease), opacity .25s var(--ease,ease);border-radius:100px;justify-content:center;align-self:flex-start;align-items:center;gap:9px;padding:13px 22px;font-size:13px;display:inline-flex}.aica-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.aica-submit:disabled{opacity:.55;cursor:not-allowed}.aica-error{color:#e07a8a;font-size:13px;line-height:1.5}.aica-composer{border-top:1px solid var(--line,#e0e6eb1a);align-items:flex-end;gap:9px;padding:13px 13px 13px 18px;display:flex}.aica-input{resize:none;max-height:130px;color:var(--ink,#e0e6eb);background:0 0;border:0;outline:none;flex:1;padding:8px 0;font-family:inherit;font-size:15px;line-height:1.5}.aica-input::placeholder{color:var(--ink-faint,#5a6172)}.aica-skip{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;color:var(--ink-dim,#9aa3ad);cursor:pointer;transition:color .2s var(--ease,ease);background:0 0;border:0;flex-shrink:0;padding:8px 6px;font-size:11.5px}.aica-skip:hover{color:var(--ink,#e0e6eb)}.aica-send{color:#fff;background:var(--ai-accent);cursor:pointer;width:36px;height:36px;transition:filter .2s var(--ease,ease), transform .2s var(--ease,ease), opacity .2s var(--ease,ease);border:0;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.aica-send:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.aica-send:disabled{opacity:.45;cursor:not-allowed}.aica-success{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:48px 28px;display:flex}.aica-check{width:56px;height:56px;color:var(--ai-accent);background:color-mix(in oklab, var(--ai-accent) 14%, transparent);border:1px solid color-mix(in oklab, var(--ai-accent) 40%, transparent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.aica-success h3{font-family:var(--font-display,system-ui, sans-serif);color:var(--ink,#e0e6eb);font-size:22px;font-weight:600}.aica-success p{max-width:44ch;color:var(--ink-dim,#9aa3ad);font-size:15px;line-height:1.6}.aica-spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite aica-spin}@keyframes aica-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.aica{min-height:420px;max-height:none}.aica-review-row{grid-template-columns:1fr;gap:3px}}@media (prefers-reduced-motion:reduce){.aica-dot,.aica-msg{animation:none}.aica-submit,.aica-send,.aica-skip{transition:none}.aica-spin{animation-duration:0s}}