.sp{gap:16px;max-width:720px;margin:0 auto;display:grid}.sp-card{border:1px solid color-mix(in srgb, currentColor 18%, transparent);background:color-mix(in srgb, currentColor 4%, transparent);border-radius:18px;gap:10px;padding:20px;display:grid}.sp-card h2{margin:0;font-size:1.15rem}.sp-sub,.sp-note{opacity:.75;margin:0;font-size:.9rem;line-height:1.9}.sp-note{text-align:center;padding:24px 8px}.sp-label{margin-top:4px;font-size:.85rem;font-weight:600}.sp-input{border:1px solid color-mix(in srgb, currentColor 28%, transparent);width:100%;color:inherit;font:inherit;background:0 0;border-radius:12px;padding:11px 13px}.sp-input:focus-visible,.sp-btn:focus-visible,.sp-item:focus-visible,.sp-star:focus-visible{outline-offset:2px;outline:2px solid #22c3b5}.sp-area{resize:vertical;min-height:130px;line-height:1.9}.sp-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sp-between{justify-content:space-between}.sp-btn{border:1px solid color-mix(in srgb, currentColor 30%, transparent);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:12px;padding:10px 16px}.sp-btn:disabled{opacity:.5;cursor:not-allowed}.sp-primary{color:#04211e;background:#22c3b5;border-color:#22c3b5;font-weight:700}.sp-err{color:#dc2626;background:#dc26261f;border-radius:10px;margin:0;padding:10px 12px;font-size:.9rem}.sp-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sp-item{text-align:start;border:1px solid color-mix(in srgb, currentColor 18%, transparent);width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.sp-item:hover{border-color:#22c3b5}.sp-num{opacity:.65;font-size:.8rem}.sp-subj{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sp-st{opacity:.8;font-size:.8rem}.sp-badge{color:#04211e;background:#22c3b5;border-radius:999px;padding:2px 8px;font-size:.75rem}.sp-msgs{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sp-msg{border:1px solid color-mix(in srgb, currentColor 16%, transparent);border-radius:14px;padding:12px 14px}.sp-mine{background:#22c3b51a;border-color:#22c3b566}.sp-msg p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;line-height:1.9}.sp-meta{opacity:.75;flex-wrap:wrap;gap:8px;font-size:.8rem;display:flex}.sp-box{border:1px dashed color-mix(in srgb, currentColor 30%, transparent);border-radius:14px;gap:8px;padding:12px;display:grid}.sp-box p{margin:0}.sp-star{cursor:pointer;color:color-mix(in srgb, currentColor 35%, transparent);background:0 0;border:0;font-size:1.7rem;line-height:1}.sp-star.on{color:#f5a524}@media (max-width:520px){.sp-card{padding:14px}.sp-subj{white-space:normal}}