.subq-mask{z-index:1500;background:#0006;justify-content:center;align-items:center;padding:24px;animation:.25s ease-out both subq-mask-in;display:flex;position:fixed;inset:0}.subq-card{background:#fff;border-radius:28px;flex-direction:column;width:min(920px,100vw - 56px);max-height:calc(100dvh - 48px);animation:.25s cubic-bezier(0,0,.2,1) both subq-card-in;display:flex;overflow:hidden;box-shadow:0 32px 90px #0f172a3d}.subq-head{background:linear-gradient(#fff 0%,#fffffff5 100%);flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:26px 30px 12px;display:flex}.subq-eyebrow{color:#2f73ff;letter-spacing:.04em;margin:0 0 4px;font-size:13px;font-weight:700}.subq-title{color:#151b2d;letter-spacing:-.03em;margin:0;font-size:22px;font-weight:850;line-height:28px}.subq-close{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:22px;line-height:1;transition:color .2s,background .2s;display:grid}.subq-close:hover{color:#172033;background:#f1f5f9}.subq-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#64748b5c transparent;flex:auto;min-height:0;padding:10px 30px 30px;overflow:hidden auto}.subq-body::-webkit-scrollbar{width:10px}.subq-body::-webkit-scrollbar-thumb{background:#64748b61 padding-box padding-box;border:3px solid #0000;border-radius:999px}.subq-panel{background:#f6f8fc;border-radius:20px;padding:18px}.subq-label{color:#475569;padding-bottom:7px;font-size:13px;font-weight:700;display:block}.subq-input{color:#151b2d;resize:vertical;background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:0;width:100%;min-height:138px;padding:10px 12px;font:400 12px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;transition:border-color .2s,box-shadow .2s;display:block}.subq-input:focus{border-color:#5a67d8;box-shadow:0 0 0 2px #667eea33}.subq-input::placeholder{color:#c2c2c2}.subq-actions{align-items:center;gap:12px;margin-top:14px;display:flex}.subq-actions button{cursor:pointer;border-radius:12px;min-width:88px;height:42px;padding:0 18px;font-size:14px;font-weight:750;transition:background .2s,transform .2s,opacity .2s,color .2s}.subq-primary{color:#fff;background:#2563eb;border:1px solid #2563eb}.subq-primary:hover:not(:disabled){background:#1d55d6;transform:translateY(-1px)}.subq-ghost{color:#475569;background:#fff;border:1px solid #dbe3ef}.subq-ghost:hover:not(:disabled){color:#2563eb;border-color:#2563eb}.subq-actions button:disabled{cursor:not-allowed;opacity:.55}.subq-error{color:#c0392b;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;flex:1;min-width:0;padding:8px 12px;font-size:12.5px;line-height:1.6}.subq-state{color:#1d4ed8;background:#eff6ff;border:1px solid #dbe7ff;border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;font-size:13px;display:flex}.subq-spinner{border:2px solid #2563eb40;border-top-color:#2563eb;border-radius:50%;flex:none;width:15px;height:15px;animation:.9s linear infinite subq-spin}.subq-result{margin-top:20px;padding-bottom:2px}.subq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.subq-card-item{text-align:center;background:#fff;border:1px solid #d9e7ff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;height:112px;padding:16px 18px;display:flex}.subq-card-item>div{color:#72809a;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.subq-card-item>div span{color:#2f73ff;letter-spacing:.08em;background:#fff;border:1px solid #dbe7ff;border-radius:999px;justify-content:center;align-items:center;height:23px;padding:0 7px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.subq-card-item>div p{margin:0}.subq-card-item strong{overflow-wrap:anywhere;color:#151b2d;width:100%;font-size:19px;font-weight:850;line-height:24px;display:block}.subq-card-item strong.is-orange{color:#df7600}.subq-card-item strong.is-success{color:#16a052}.subq-card-item strong.is-danger{color:#e54866}.subq-note{color:#72809a;margin:14px 0 0;font-size:12px;line-height:1.65}.subq-note.is-warning{color:#9a5b14;background:#fffaeb;border:1px solid #eed59f;border-radius:10px;padding:10px 12px}@keyframes subq-spin{to{transform:rotate(360deg)}}@keyframes subq-mask-in{0%{opacity:0}to{opacity:1}}@keyframes subq-card-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (max-width:980px){.subq-mask{padding:8px}.subq-card{border-radius:22px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.subq-head{padding:20px 20px 8px}.subq-body{padding:8px 20px 24px}.subq-panel{border-radius:16px;padding:14px}.subq-actions{flex-direction:column;align-items:stretch}.subq-actions button{width:100%}}@media (max-width:860px){.subq-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.subq-mask,.subq-card{animation:none}}
