body{color:#e2e8f0;box-sizing:border-box;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;margin:0;padding:40px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.card.svelte-1d8cv36{box-sizing:border-box;background:#1e293b;border:1px solid #334155;border-radius:20px;width:420px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.header.svelte-1d8cv36{text-align:center;margin-bottom:28px}.header.svelte-1d8cv36 h2:where(.svelte-1d8cv36){margin:0;font-size:28px;font-weight:700}.roll.svelte-1d8cv36{color:#94a3b8;margin:4px 0 0;font-size:14px}.metrics.svelte-1d8cv36{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.metric.svelte-1d8cv36{background:#0f172a;border:1px solid #334155;border-radius:14px;padding:20px}.label.svelte-1d8cv36{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.value.svelte-1d8cv36{margin-top:4px;font-size:36px;font-weight:800}.desc.svelte-1d8cv36{color:#94a3b8;margin-top:2px;font-size:13px}.green.svelte-1d8cv36{color:#22c55e}.yellow.svelte-1d8cv36{color:#eab308}.red.svelte-1d8cv36{color:#ef4444}.desc.green.svelte-1d8cv36{color:#4ade80}.desc.yellow.svelte-1d8cv36{color:#facc15}.desc.red.svelte-1d8cv36{color:#f87171}button.svelte-1d8cv36{cursor:pointer;color:#e2e8f0;background:#334155;border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background .2s}button.svelte-1d8cv36:hover{background:#475569}button.svelte-1d8cv36:disabled{opacity:.4;cursor:not-allowed}.comments-card.svelte-1d8cv36{width:420px}.comments-header.svelte-1d8cv36{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.comments-header.svelte-1d8cv36 h3:where(.svelte-1d8cv36){margin:0;font-size:20px;font-weight:700}.char-total.svelte-1d8cv36{color:#94a3b8;font-size:13px}.max-msg.svelte-1d8cv36{text-align:center;color:#94a3b8;margin-bottom:16px;font-size:14px}.add-row.svelte-1d8cv36{margin-bottom:20px}textarea.svelte-1d8cv36{color:#e2e8f0;resize:vertical;box-sizing:border-box;background:#0f172a;border:1px solid #334155;border-radius:12px;outline:none;width:100%;min-height:48px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.4;transition:border .2s}textarea.svelte-1d8cv36:focus{border-color:#3b82f6}textarea.svelte-1d8cv36::placeholder{color:#475569}.add-footer.svelte-1d8cv36{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.char-count.svelte-1d8cv36{color:#64748b;font-size:12px}.add-btn.svelte-1d8cv36{color:#fff;background:#3b82f6;border-radius:10px;width:auto;padding:10px 20px;font-size:14px}.add-btn.svelte-1d8cv36:hover{background:#2563eb}.saved-msg.svelte-1d8cv36{text-align:center;color:#22c55e;margin-bottom:12px;font-size:14px}.comment-list.svelte-1d8cv36{flex-direction:column;gap:10px;margin-top:4px;display:flex}.comment-item.svelte-1d8cv36{background:#0f172a;border:1px solid #334155;border-radius:12px;gap:8px;padding:14px 16px;display:flex}.comment-num.svelte-1d8cv36{color:#64748b;min-width:22px;font-size:13px;font-weight:600}.comment-text.svelte-1d8cv36{color:#e2e8f0;word-break:break-word;margin:0;font-size:14px;line-height:1.5}