:root{--background:#fff;--foreground:#171717;--muted:#6b7280;--border:#e5e7eb;--card-bg:#f9fafb;--accent:#2563eb;--accent-fg:#fff;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--info-bg:#eff6ff;--info-border:#bfdbfe;--error-bg:#fef2f2;--error-border:#fecaca}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--muted:#9ca3af;--border:#27272a;--card-bg:#18181b;--info-bg:#1e3a5f;--info-border:#1d4ed8;--error-bg:#450a0a;--error-border:#991b1b}}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Arial,Helvetica,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}main{flex-direction:column;flex:1;gap:16px;width:100%;max-width:480px;margin:0 auto;padding:16px 16px 48px;display:flex}h1{font-size:1.5rem;font-weight:700;line-height:1.2}h2{margin-bottom:8px;font-size:1.1rem;font-weight:600}ol,ul{flex-direction:column;gap:4px;padding-left:20px;display:flex}.subtitle{color:var(--muted);font-size:.9rem;line-height:1.5}.hint{color:var(--muted);font-size:.8rem;line-height:1.4}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.connection-bar{justify-content:flex-end;display:flex}.status-badge{border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.status-online{color:var(--success);background:#f0fdf4;border-color:#bbf7d0}.status-offline{color:var(--danger);background:#fef2f2;border-color:#fecaca}@media (prefers-color-scheme:dark){.status-online{background:#052e16;border-color:#166534}.status-offline{background:#450a0a;border-color:#991b1b}}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-online{background:var(--success)}.dot-offline{background:var(--danger)}button{cursor:pointer;background:var(--accent);width:100%;color:var(--accent-fg);border:none;border-radius:8px;padding:10px 16px;font-size:.95rem;font-weight:600;transition:opacity .15s;display:inline-block}button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled):hover{opacity:.85}button.secondary{color:var(--muted);border:1px solid var(--border);background:0 0}button.secondary:not(:disabled):hover{opacity:1;border-color:var(--muted)}.feedback{border:1px solid #0000;border-radius:8px;padding:10px 14px;font-size:.875rem;line-height:1.4}.feedback.info{background:var(--info-bg);border-color:var(--info-border);color:var(--accent)}.feedback.error{background:var(--error-bg);border-color:var(--error-border);color:var(--danger)}.item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.item:last-of-type{border-bottom:none}.item-id{color:var(--muted);font-size:.75rem}.item-title{font-size:.95rem;font-weight:500}.pill{text-transform:capitalize;border:1px solid #0000;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:.72rem;font-weight:600}.pill-completado{color:var(--success);background:#f0fdf4;border-color:#bbf7d0}.pill-encurso{color:var(--accent);background:#eff6ff;border-color:#bfdbfe}.pill-pendiente{color:var(--warning);background:#fefce8;border-color:#fde68a}@media (prefers-color-scheme:dark){.pill-completado{background:#052e16;border-color:#166534}.pill-encurso{color:#93c5fd;background:#1e3a5f;border-color:#3b82f6}.pill-pendiente{background:#451a03;border-color:#92400e}.feedback.info{color:#93c5fd}}