*{box-sizing:border-box}:root{--color-primary:#ff9900;--color-primary-hover:#ec7211;--color-success:#28a745;--color-warning:#ffc107;--color-danger:#ff4444;--color-text:#1a1a1a;--color-text-muted:#666;--color-bg:#ffffff;--color-bg-subtle:#f5f5f5;--color-border:#eee}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:700px;margin:0 auto;padding:40px 20px;color:var(--color-text);background:var(--color-bg);line-height:1.5}h1{color:var(--color-primary);margin-bottom:4px;font-size:1.8rem}.subtitle{color:var(--color-text-muted);margin-bottom:24px;font-size:.95rem}.subtitle code{background:#e9ecef;padding:2px 6px;border-radius:3px;font-size:.85rem}.env-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;margin-bottom:20px;font-size:.85rem;font-weight:500}.env-banner.staging{background:#fff3cd;color:#856404;border:1px solid #ffc107}.env-banner.production{background:#d4edda;color:#155724;border:1px solid #28a745}.env-banner.unknown{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.env-dot{width:8px;height:8px;border-radius:50%}.staging .env-dot{background:#ffc107}.production .env-dot{background:#28a745}.unknown .env-dot{background:#6c757d}.status-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;margin-bottom:20px;font-size:.82rem}.status-bar.connected{background:#e6f7e6;color:#1a7a1a}.status-bar.local{background:#fff3cd;color:#856404}.status-dot{width:8px;height:8px;border-radius:50%}.status-bar.connected .status-dot{background:#28a745}.status-bar.local .status-dot{background:#ffc107}.todo-input{display:flex;gap:10px;margin-bottom:20px}.todo-input input{flex:1 1;padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:1rem;outline:none;transition:border-color .2s}.todo-input input:focus{border-color:var(--color-primary)}.todo-input button{padding:10px 20px;background:var(--color-primary);color:white;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s}.todo-input button:hover{background:var(--color-primary-hover)}.todo-list{list-style:none;padding:0;margin:0}.todo-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.todo-item.done .todo-text{text-decoration:line-through;color:#999}.todo-text{flex:1 1;font-size:1rem}.delete-btn{background:var(--color-danger);color:white;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:1.1rem;line-height:1;transition:background .2s}.delete-btn:hover{background:#cc0000}.empty-state{text-align:center;padding:40px;color:#999;font-size:.95rem}.info-section{margin-top:32px;padding:16px 20px;background:var(--color-bg-subtle);border-radius:8px;font-size:.85rem}.info-section h3{margin:0 0 12px;font-size:.9rem}.info-grid{display:grid;grid-template-columns:auto 1fr;grid-gap:6px 16px;gap:6px 16px}.info-grid dt{font-weight:600;color:var(--color-text-muted)}.info-grid dd{margin:0}.ssr-proof{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border);font-size:.8rem;color:var(--color-text-muted)}