html, body { height: 100%; font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; }
.orb { background: radial-gradient(circle at 32% 28%, #6fc6e9 0%, #1fa6d5 45%, #0d8cba 100%); box-shadow: inset 0 1px 2px rgba(255,255,255,.35); }
.md p + p, .md p + ul, .md ul + p, .md p + ol, .md ol + p { margin-top: .5rem; }
.md ul { list-style: disc; padding-left: 1.15rem; }
.md ol { list-style: decimal; padding-left: 1.25rem; }
.md li + li { margin-top: .15rem; }
.md code { font-size: .85em; background: #eef0f4; padding: 0 .25rem; border-radius: .25rem; }
.pulse-dot { animation: pulse 1.2s ease-in-out infinite; }
@keyframes pulse { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .pulse-dot { animation: none; } }
#drop.show { display: flex; }
button:focus-visible, select:focus-visible, textarea:focus-visible, label:focus-within { outline: 2px solid #1fa6d5; outline-offset: 2px; }