.ai-panel{flex-direction:column;height:600px;max-height:82vh;display:flex}.ai-head{border-bottom:1px solid #c9ddff12;align-items:center;gap:12px;padding:20px 22px 16px;display:flex}.ai-avatar{color:#0b1426;background:linear-gradient(140deg,#f4ecdf,#a9cdf5);border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 26px -8px #8fbdf0aa}.ai-avatar .i{width:22px;height:22px}.ai-id{flex-direction:column;gap:3px;min-width:0;display:flex}.ai-id strong{font-family:var(--font-display);color:var(--text);font-size:17px}.ai-id small{color:#93a8c4;align-items:center;gap:6px;font-size:12px;display:flex}.ai-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #4ade8026}.ai-body{flex:1;min-height:0;padding:18px 20px}.ai-center{place-items:center;display:grid}.ai-gate{flex-direction:column;justify-content:center;gap:12px;display:flex;overflow-y:auto}.ai-gate-icon{color:#cfe4ff;background:#a9cdf514;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;box-shadow:inset 0 0 0 1px #b6d6ff24}.ai-gate-icon .i{width:22px;height:22px}.ai-gate h3{color:var(--text);font-size:17px;line-height:1.7}.ai-gate p{color:var(--text-dim);font-size:14px;line-height:1.9}.ai-gate label{flex-direction:column;gap:6px;display:flex}.ai-gate label span{color:var(--text-faint);font-size:12.5px}.ai-gate input{height:48px;font:inherit;color:#fff;background:#ffffff0a;border:0;border-radius:14px;outline:none;padding:0 14px;font-size:15px;transition:box-shadow .2s;box-shadow:inset 0 0 0 1px #ffffff1f}.ai-gate input:focus{box-shadow:inset 0 0 0 1.5px #9ccaf7,0 0 0 4px #9ccaf71f}.ai-gate input::placeholder{color:#ffffff40}.ai-gate .btn{height:48px;margin-top:4px}.ai-fine{color:var(--text-faint);font-size:11.5px;line-height:1.8}.ai-error{color:#ff9a9e;font-size:13px}.ai-error-chat{padding:0 22px 8px}.ai-list{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:10px;display:flex;overflow-y:auto}.ai-msg{white-space:pre-line;overflow-wrap:anywhere;max-width:86%;animation:ai-in .35s var(--ease-out-expo) both;padding:11px 15px;font-size:14.5px;line-height:1.95}.ai-user{color:#0b1426;background:linear-gradient(135deg,#f1f8ff,#c3dcf5);border-radius:18px 18px 6px;align-self:flex-start}.ai-assistant{color:#dbe6f3;background:#ffffff0b;border-radius:18px 18px 18px 6px;align-self:flex-end;box-shadow:inset 0 0 0 1px #ffffff14}.ai-assistant a{color:#9fd0ff;text-underline-offset:4px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}@keyframes ai-in{0%{opacity:0;transform:translateY(6px)}}.ai-typing{gap:5px;padding:4px 2px;display:inline-flex}.ai-typing i{opacity:.35;background:#b9dcff;border-radius:50%;width:7px;height:7px;animation:1.2s infinite ai-blink}.ai-typing i:nth-child(2){animation-delay:.2s}.ai-typing i:nth-child(3){animation-delay:.4s}@keyframes ai-blink{30%{opacity:1;transform:translateY(-2px)}}.ai-limit{flex-wrap:wrap;align-self:flex-end;gap:8px;display:flex}.ai-limit .btn{height:40px;padding:0 18px;font-size:13.5px}.ai-suggest{flex-wrap:wrap;gap:7px;padding:0 20px 12px;display:flex}.ai-suggest button{color:#b9cbe2;border-radius:999px;padding:7px 12px;font-size:12.5px;transition:all .2s;box-shadow:inset 0 0 0 1px #bddeff24}.ai-suggest button:hover{color:#fff;background:#a9d4ff15;box-shadow:inset 0 0 0 1px #b3d5ff55}.ai-composer{background:#050a12;border-radius:18px;align-items:flex-end;gap:8px;margin:0 16px;padding:8px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14,-12px 8px 35px #a78dff0c,12px -6px 35px #7fc7ff10}.ai-composer:focus-within{box-shadow:inset 0 0 0 1.5px #9ccaf766,-12px 8px 35px #a78dff0c,12px -6px 35px #7fc7ff10}.ai-composer textarea{resize:none;min-height:40px;max-height:120px;font:inherit;color:#fff;field-sizing:content;background:0 0;border:0;outline:none;flex:1;padding:9px 10px;font-size:14.5px;line-height:1.6}.ai-composer textarea::placeholder{color:#8fa3bd}.ai-send{color:#0b1426;background:linear-gradient(145deg,#e8f4ff,#8fb6e6);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;transition:opacity .2s,transform .2s;display:grid;box-shadow:0 0 24px #8bb7ff33}.ai-send .i{width:18px;height:18px;transform:scaleX(-1)}.ai-send:disabled{opacity:.35}.ai-send:not(:disabled):hover{transform:scale(1.06)}.ai-foot{color:#7488a5;text-align:center;padding:10px 22px 16px;font-size:11px}@media (max-width:760px){.ai-panel{height:560px;max-height:78vh}.ai-msg{max-width:92%;font-size:14px}}@media (prefers-reduced-motion:reduce){.ai-msg,.ai-typing i{animation:none}}.ai-quota{color:#a9bad0;flex-direction:column;gap:6px;padding:0 22px 10px;font-size:12.5px;display:flex}.ai-quota b{color:#fff;font-weight:700}.ai-quota small{color:#7f93ae;font-size:11.5px}.ai-quota-bar{background:#ffffff12;border-radius:4px;height:4px;display:block;position:relative;overflow:hidden}.ai-quota-bar:before{content:"";width:var(--q);border-radius:inherit;transition:width .5s var(--ease-out-expo);background:linear-gradient(90deg,#8fbdf0,#f1e9db);position:absolute;inset-block:0;inset-inline-start:0}
@property --wcta-a{syntax:"<angle>";inherits:false;initial-value:0deg}.wcta{isolation:isolate;color:#f7f2ea;background:linear-gradient(160deg,#e3c38c1a,#e3c38c05 45%),#0b0c10;border-radius:22px;margin-top:28px;text-decoration:none;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e3c38c42,0 30px 70px -30px #000000e6}.wcta:before{content:"";z-index:3;border-radius:inherit;background:conic-gradient(from var(--wcta-a), transparent 0turn, transparent .7turn, #e3c38c .82turn, #fff4dc .86turn, transparent .97turn);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;animation:6s linear infinite wcta-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes wcta-spin{to{--wcta-a:360deg}}.wcta:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #e3c38c73,0 36px 80px -30px #000000f2}.wcta-thumb{aspect-ratio:16/10;background-color:#05070d;background-position:50%;background-size:cover;place-items:center;display:grid;position:relative}.wcta-thumb:after{content:"";background:linear-gradient(#07080b0d 35%,#07080bcc);position:absolute;inset:0}.wcta-play{z-index:1;aspect-ratio:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0e1480;border-radius:50%;place-items:center;width:66px;transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s;display:grid;position:relative;box-shadow:inset 0 0 0 1.5px #f7f2eaa6,0 10px 40px #00000080}.wcta-play:after{content:"";border-radius:50%;animation:2.4s ease-out infinite wcta-ring;position:absolute;inset:-1px}@keyframes wcta-ring{0%{box-shadow:0 0 #e3c38c80}to{box-shadow:0 0 0 22px #e3c38c00}}.wcta-play svg{fill:#fff4dc;width:36%;height:36%;translate:7%}.wcta:hover .wcta-play{background:#e3c38c38;transform:scale(1.08)}.wcta-time{z-index:1;font-variant-numeric:tabular-nums;color:#fff;direction:ltr;background:#0009;border-radius:8px;padding:2px 9px;font-size:12.5px;position:absolute;bottom:10px;left:12px}.wcta-body{flex-direction:column;align-items:flex-start;gap:9px;padding:18px 18px 22px;display:flex}.wcta-kicker{color:#e3c38c;align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:inline-flex}.wcta-kicker i{background:#ff4d5e;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite wcta-rec;box-shadow:0 0 0 4px #ff4d5e2e}@keyframes wcta-rec{50%{opacity:.35}}.wcta-title{font-family:var(--font-display);color:#fff8ec;font-size:clamp(19px,5.2vw,27px);font-weight:700;line-height:1.45}.wcta-text{color:#cfc8bc;font-size:14.5px;line-height:1.95}.wcta-btn{color:#1d1405;background:linear-gradient(135deg,#fff1d6,#e3c38c 55%,#c99a56);border-radius:999px;align-items:center;gap:8px;height:46px;margin-top:6px;padding:0 22px;font-size:14.5px;font-weight:700;display:inline-flex;box-shadow:0 12px 30px -12px #e3c38cbf}.wcta-btn svg{width:18px;height:18px}@media (min-width:760px){.wcta{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch}.wcta-thumb{aspect-ratio:auto;min-height:290px}.wcta-body{justify-content:center;padding:30px 34px}}.wcta-pill{color:#f7f2ea;background:#e3c38c17;border-radius:999px;align-items:center;gap:10px;margin-top:16px;padding-block:7px;padding-inline:7px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:background .3s,transform .3s;display:inline-flex;box-shadow:inset 0 0 0 1px #e3c38c61}.wcta-pill:hover{background:#e3c38c2e;transform:translateY(-1px)}.wcta-pill-play{aspect-ratio:1;background:linear-gradient(135deg,#fff1d6,#e3c38c);border-radius:50%;place-items:center;width:30px;display:grid;position:relative}.wcta-pill-play:after{content:"";border-radius:50%;animation:2.4s ease-out infinite wcta-ring;position:absolute;inset:0}.wcta-pill-play svg{fill:#1d1405;width:44%;height:44%;translate:6%}.wcta-note{text-align:center;color:#cfc8bc;margin-top:16px;font-size:14px;line-height:1.9}.wcta-note a{color:#e3c38c;text-underline-offset:5px;font-weight:700;text-decoration:underline}@media (prefers-reduced-motion:reduce){.wcta:before,.wcta-play:after,.wcta-pill-play:after,.wcta-kicker i{animation:none}}