.odai-detail.svelte-c6pbvx{background:var(--bg-color-2);border:1px solid var(--border-color-1);border-radius:var(--border-radius);padding:24px;margin-bottom:32px}.odai-header.svelte-c6pbvx{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.author-section.svelte-c6pbvx{display:flex;flex-direction:column;gap:8px}.author.svelte-c6pbvx{display:flex;align-items:center;gap:12px;text-decoration:none}.official-badge.svelte-c6pbvx{display:inline-flex;align-items:center;gap:6px;padding:5px 14px 5px 8px;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:9999px;font-size:.8125rem;font-weight:600;color:#fff;letter-spacing:.2px;box-shadow:0 2px 8px #2563eb59,0 1px 2px #2563eb33;width:fit-content;transition:all .2s ease}.official-badge.svelte-c6pbvx:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66,0 2px 4px #2563eb40}.official-badge.svelte-c6pbvx .badge-icon:where(.svelte-c6pbvx){flex-shrink:0}.pickup-badge.svelte-c6pbvx{display:inline-flex;align-items:center;gap:6px;padding:5px 14px 5px 8px;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:9999px;font-size:.8125rem;font-weight:600;color:#fff;letter-spacing:.2px;box-shadow:0 2px 8px #f59e0b59,0 1px 2px #f59e0b33;width:fit-content;transition:all .2s ease}.pickup-badge.svelte-c6pbvx:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66,0 2px 4px #f59e0b40}.pickup-badge.svelte-c6pbvx .badge-icon:where(.svelte-c6pbvx){flex-shrink:0}.author.svelte-c6pbvx:hover .author-name:where(.svelte-c6pbvx){color:var(--primary-color)}.avatar.svelte-c6pbvx,.avatar-placeholder.svelte-c6pbvx{width:48px;height:48px;border-radius:50%;object-fit:cover}.avatar-placeholder.svelte-c6pbvx{background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.author-info.svelte-c6pbvx{display:flex;flex-direction:column}.author-name.svelte-c6pbvx{font-size:1rem;font-weight:600;color:var(--text-color-1);transition:color .2s}.author-handle.svelte-c6pbvx{font-size:.875rem;color:var(--text-color-3)}.meta.svelte-c6pbvx{display:flex;gap:8px}.status-badge.svelte-c6pbvx{padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.active.svelte-c6pbvx{background:#dcfce7;color:#166534}.status-badge.expired.svelte-c6pbvx{background:var(--bg-color-3);color:var(--text-color-3)}.duration-badge.svelte-c6pbvx{padding:4px 12px;background:var(--bg-color-3);border-radius:9999px;font-size:.75rem;color:var(--text-color-2)}.odai-text.svelte-c6pbvx{font-size:1.125rem;line-height:1.7;color:var(--text-color-1);margin:0 0 16px;white-space:pre-wrap}.tags.svelte-c6pbvx{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag.svelte-c6pbvx{padding:4px 10px;background:var(--bg-color-3);border-radius:var(--border-radius);font-size:.875rem;color:var(--text-color-2)}.odai-footer.svelte-c6pbvx{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-color-1)}.created-at.svelte-c6pbvx{font-size:.875rem;color:var(--text-color-3)}.footer-actions.svelte-c6pbvx{display:flex;gap:8px;align-items:center}.draw-button.svelte-c6pbvx{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary-color);border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.draw-button.svelte-c6pbvx:hover{opacity:.9;transform:translateY(-1px)}.draw-button.svelte-c6pbvx svg:where(.svelte-c6pbvx){flex-shrink:0}.delete-button.svelte-c6pbvx{padding:6px 12px;background:none;border:1px solid var(--border-color-1);border-radius:var(--border-radius);font-size:.875rem;color:var(--text-color-2);cursor:pointer;transition:all .2s}.delete-button.svelte-c6pbvx:hover{border-color:#ef4444;color:#ef4444}.responses-section.svelte-c6pbvx h2:where(.svelte-c6pbvx){font-size:1.25rem;font-weight:600;color:var(--text-color-1);margin:0 0 16px}.empty.svelte-c6pbvx{text-align:center;padding:48px 0;color:var(--text-color-3)}.be-first.svelte-c6pbvx{margin-top:8px;color:var(--primary-color)}.responses-grid.svelte-c6pbvx{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.response-card.svelte-c6pbvx{display:flex;flex-direction:column}.response-message.svelte-c6pbvx{padding:12px;background:var(--bg-color-2);border:1px solid var(--border-color-1);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius)}.response-message.svelte-c6pbvx p:where(.svelte-c6pbvx){margin:0;font-size:.875rem;color:var(--text-color-2)}.modal-backdrop.svelte-c6pbvx{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal.svelte-c6pbvx{background:var(--bg-color-1);border:1px solid var(--border-color-1);border-radius:var(--border-radius);max-width:400px;width:100%;padding:24px}.modal.svelte-c6pbvx h3:where(.svelte-c6pbvx){margin:0 0 8px;font-size:1.125rem;color:var(--text-color-1)}.modal.svelte-c6pbvx p:where(.svelte-c6pbvx){margin:0 0 20px;font-size:.9375rem;color:var(--text-color-2)}.modal-actions.svelte-c6pbvx{display:flex;gap:12px;justify-content:flex-end}.cancel-button.svelte-c6pbvx{padding:8px 16px;background:var(--bg-color-2);border:1px solid var(--border-color-1);border-radius:var(--border-radius);font-size:.9375rem;color:var(--text-color-2);cursor:pointer}.confirm-delete-button.svelte-c6pbvx{padding:8px 16px;background:#ef4444;border:none;border-radius:var(--border-radius);font-size:.9375rem;color:#fff;cursor:pointer}.confirm-delete-button.svelte-c6pbvx:disabled,.cancel-button.svelte-c6pbvx:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.odai-header.svelte-c6pbvx{flex-direction:column;gap:12px}.meta.svelte-c6pbvx{align-self:flex-start}.responses-grid.svelte-c6pbvx{grid-template-columns:1fr}}