.sp-box{--sp-ink:#0f2a44;--sp-muted:#5b6b7c;--sp-line:#dce6ef;--sp-teal:#17b3a3;--sp-red:#c2410c;color:var(--sp-ink);border:1px solid var(--sp-line);background:#fff;border-radius:18px;min-width:0;margin:12px 0;padding:14px 16px;box-shadow:0 10px 24px -20px #0f2a4499}.sp-head{align-items:flex-start;gap:10px;display:flex}.sp-head>span{font-size:24px;line-height:1}.sp-head b{font-size:17px;display:block}.sp-head small,.sp-class h3 small,.sp-list small{color:var(--sp-muted);font-size:13px;font-weight:400;line-height:1.45;display:block}.sp-class{margin-top:10px}.sp-class h3{margin:8px 0 4px;font-size:15px}.sp-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sp-list li{border:1px solid var(--sp-line);background:#f7fafc;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;padding:10px 12px;display:flex}.sp-list li>div{overflow-wrap:anywhere;flex:180px;min-width:0}.sp-list li.is-due{background:#fff7f1;border-color:#f5b48a}.sp-list--sent li{background:#f0fbf9;border-color:#bfe9e3}.sp-sub{color:#0b7f74;margin:12px 0 6px;font-size:14px;font-weight:600}.sp-btn{color:#06312e;cursor:pointer;white-space:nowrap;background:linear-gradient(#33d9c7,#17b3a3);border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 16px;font:600 15px/1.1 inherit;display:inline-flex}.sp-btn:disabled{opacity:.5;cursor:not-allowed}.sp-btn--ghost{border:1.5px solid var(--sp-teal);color:#0b7f74;background:#fff}:is(.sp-btn:focus-visible,.sp-link:focus-visible){outline-offset:2px;outline:3px solid #2563eb}.sp-link{color:#2563eb;font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0 8px;text-decoration:underline}.sp-thumbs{gap:6px;display:flex}.sp-thumbs img{object-fit:cover;border:1px solid var(--sp-line);border-radius:10px;width:48px;height:48px;display:block}.sp-ok,.sp-warn,.sp-err{border-radius:12px;margin:10px 0 0;padding:8px 12px;font-size:14px;line-height:1.5}.sp-ok{color:#075e55;background:#e7f8f4}.sp-warn{color:#7a4b00;background:#fff6e0}.sp-err{color:#9f1d1d;background:#fdecec}.sp-empty,.sp-hint{color:var(--sp-muted);margin:8px 0 0;font-size:13px}.sp-sheet{z-index:1000;background:#0814218c;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.sp-card{color:var(--sp-ink,#0f2a44);background:#fff;border-radius:20px;gap:10px;width:min(520px,100%);max-height:calc(100dvh - 32px);padding:16px;display:grid;overflow:auto}.sp-card__title{overflow-wrap:anywhere;font-size:16px}.sp-preview{object-fit:contain;background:#f1f5f9;border-radius:14px;width:100%;max-height:58dvh}.sp-meta{color:#5b6b7c;font-size:13px}.sp-wait{text-align:center;margin:18px 0}.sp-progress{background:#e2e8f0;border-radius:999px;height:34px;position:relative;overflow:hidden}.sp-progress i{background:linear-gradient(90deg,#33d9c7,#17b3a3);transition:width .2s;position:absolute;inset:0 auto 0 0}.sp-progress span{text-align:center;font-size:14px;font-weight:600;line-height:34px;display:block;position:relative}.sp-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.tc-thumb__tag{color:#fff;text-align:center;pointer-events:none;background:#0b7f74eb;padding:2px 3px;font:600 10px/1.25 inherit;position:absolute;bottom:0;left:0;right:0}@media (min-width:761px){.sp-sheet{align-items:center}}@media (max-width:420px){.sp-list li .sp-btn{flex:100%}.sp-actions .sp-btn{flex:auto}}@media (prefers-reduced-motion:reduce){.sp-progress i{transition:none}}