next.orly.dev/app/web/dist/bundle.css

.modal-overlay.svelte-9yzcwg.svelte-9yzcwg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal.svelte-9yzcwg.svelte-9yzcwg{background:var(--bg-color);border-radius:8px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.3);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color)}.modal-header.svelte-9yzcwg.svelte-9yzcwg{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header.svelte-9yzcwg h2.svelte-9yzcwg{margin:0;color:var(--text-color);font-size:1.5rem}.close-btn.svelte-9yzcwg.svelte-9yzcwg{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s}.close-btn.svelte-9yzcwg.svelte-9yzcwg:hover{background-color:var(--tab-hover-bg)}.tab-container.svelte-9yzcwg.svelte-9yzcwg{padding:20px}.tabs.svelte-9yzcwg.svelte-9yzcwg{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:20px}.tab-btn.svelte-9yzcwg.svelte-9yzcwg{flex:1;padding:12px 16px;background:none;border:none;cursor:pointer;color:var(--text-color);font-size:1rem;transition:all 0.2s;border-bottom:2px solid transparent}.tab-btn.svelte-9yzcwg.svelte-9yzcwg:hover{background-color:var(--tab-hover-bg)}.tab-btn.active.svelte-9yzcwg.svelte-9yzcwg{border-bottom-color:var(--primary);color:var(--primary)}.tab-content.svelte-9yzcwg.svelte-9yzcwg{min-height:200px}.extension-login.svelte-9yzcwg.svelte-9yzcwg,.nsec-login.svelte-9yzcwg.svelte-9yzcwg{display:flex;flex-direction:column;gap:16px}.extension-login.svelte-9yzcwg p.svelte-9yzcwg,.nsec-login.svelte-9yzcwg p.svelte-9yzcwg{margin:0;color:var(--text-color);line-height:1.5}.login-extension-btn.svelte-9yzcwg.svelte-9yzcwg,.login-nsec-btn.svelte-9yzcwg.svelte-9yzcwg{padding:12px 24px;background:var(--primary);color:white;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color 0.2s}.login-extension-btn.svelte-9yzcwg.svelte-9yzcwg:hover:not(:disabled),.login-nsec-btn.svelte-9yzcwg.svelte-9yzcwg:hover:not(:disabled){background:#00ACC1}.login-extension-btn.svelte-9yzcwg.svelte-9yzcwg:disabled,.login-nsec-btn.svelte-9yzcwg.svelte-9yzcwg:disabled{background:#ccc;cursor:not-allowed}.nsec-input.svelte-9yzcwg.svelte-9yzcwg{padding:12px;border:1px solid var(--input-border);border-radius:6px;font-size:1rem;background:var(--bg-color);color:var(--text-color)}.nsec-input.svelte-9yzcwg.svelte-9yzcwg:focus{outline:none;border-color:var(--primary)}.message.svelte-9yzcwg.svelte-9yzcwg{padding:10px;border-radius:4px;margin-top:16px;text-align:center}.error-message.svelte-9yzcwg.svelte-9yzcwg{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.success-message.svelte-9yzcwg.svelte-9yzcwg{background:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.modal.dark-theme.svelte-9yzcwg .error-message.svelte-9yzcwg{background:#4a2c2a;color:#ffcdd2;border:1px solid #6d4c41}.modal.dark-theme.svelte-9yzcwg .success-message.svelte-9yzcwg{background:#2e4a2e;color:#a5d6a7;border:1px solid #4caf50}
body{margin:0;padding:0;--bg-color:#ddd;--header-bg:#eee;--border-color:#dee2e6;--text-color:#444444;--input-border:#ccc;--button-bg:#ddd;--button-hover-bg:#eee;--primary:#00BCD4;--warning:#ff3e00;--tab-inactive-bg:#bbb}body.dark-theme{--bg-color:#263238;--header-bg:#1e272c;--border-color:#404040;--text-color:#ffffff;--input-border:#555;--button-bg:#263238;--button-hover-bg:#1e272c;--primary:#00BCD4;--warning:#ff3e00;--tab-inactive-bg:#1a1a1a}.main-header.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{height:3em;background-color:var(--header-bg);position:fixed;top:0;left:0;right:0;z-index:1000;color:var(--text-color)}.header-content.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{height:100%;display:flex;align-items:center;padding:0;gap:0}.logo.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{height:2.5em;width:2.5em;object-fit:contain;flex-shrink:0;transition:opacity 0.2s ease}.logo.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{content:url('/favicon.png')}.header-title.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{flex:1;height:100%;display:flex;align-items:center;gap:0;padding:0 1rem}.app-title.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:1em;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:0.5rem}.permission-badge.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:0.7em;font-weight:500;padding:0.2em 0.5em;border-radius:0.3em;background-color:var(--primary);color:white;text-transform:uppercase;letter-spacing:0.05em}.search-input-container.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{flex:1;height:100%;display:flex;align-items:center;padding:0 1rem}.search-input.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:100%;height:2em;padding:0.5rem;border:1px solid var(--input-border);border-radius:4px;background:var(--bg-color);color:var(--text-color);font-size:1em;outline:none}.search-input.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:focus{border-color:var(--primary)}.search-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{border:0 none;border-radius:0;display:flex;align-items:center;background-color:var(--button-hover-bg);cursor:pointer;color:var(--text-color);height:3em;width:auto;min-width:3em;flex-shrink:0;line-height:1;transition:background-color 0.2s;justify-content:center;padding:1em 1em 1em 1em;margin:0}.search-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{background-color:var(--button-bg)}.theme-toggle-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{border:0 none;border-radius:0;display:flex;align-items:center;background-color:var(--button-hover-bg);cursor:pointer;color:var(--text-color);height:3em;width:auto;min-width:3em;flex-shrink:0;line-height:1;transition:background-color 0.2s;justify-content:center;padding:1em 1em 1em 1em;margin:0}.theme-toggle-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{background-color:var(--button-bg)}.login-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:0.5em 1em;border:none;border-radius:6px;background-color:#4CAF50;color:white;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color 0.2s;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:0 auto;padding:0.5em 1em}.login-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{background-color:#45a049}.app-container.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;margin-top:3em;height:calc(100vh - 3em)}.sidebar.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{position:fixed;left:0;top:3em;bottom:0;width:200px;background-color:var(--header-bg);color:var(--text-color);z-index:100}.sidebar-content.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{height:100%;display:flex;flex-direction:column;padding:0}.tabs.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;flex-direction:column}.tab.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{height:3em;display:flex;align-items:center;padding:0 1rem;cursor:pointer;border:none;background:transparent;color:var(--text-color);transition:background-color 0.2s ease;gap:0.75rem;text-align:left;width:100%}.tab.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{background-color:var(--bg-color)}.tab.active.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background-color:var(--bg-color)}.tab-icon.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:1.2em;flex-shrink:0;width:1.5em;text-align:center}.tab-label.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:0.9em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.tab-close-icon.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{cursor:pointer;transition:opacity 0.2s;font-size:0.8em;margin-left:auto;padding:0.25rem;border-radius:0.25rem;flex-shrink:0}.tab-close-icon.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{opacity:0.7;background-color:var(--warning);color:white}.main-content.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{position:fixed;left:200px;top:3em;right:0;bottom:0;padding:2rem;overflow-y:auto;background-color:var(--bg-color);color:var(--text-color);display:flex;align-items:center;justify-content:center}.welcome-message.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{text-align:center}.welcome-message.svelte-w0yqoc p.svelte-w0yqoc.svelte-w0yqoc{font-size:1.2rem}.sprocket-view.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:100%;max-width:1200px;margin:0 auto;padding:1rem}.sprocket-section.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background-color:var(--card-bg);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color)}.sprocket-header.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sprocket-controls.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;gap:0.5rem}.sprocket-upload-section.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{margin-bottom:1rem;padding:1rem;background-color:var(--bg-color);border-radius:6px;border:1px solid var(--border-color)}.sprocket-upload-section.svelte-w0yqoc h4.svelte-w0yqoc.svelte-w0yqoc{margin:0 0 0.75rem 0;color:var(--text-color);font-size:1rem;font-weight:500}.upload-controls.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;gap:0.5rem;align-items:center}.upload-controls.svelte-w0yqoc input[type="file"].svelte-w0yqoc.svelte-w0yqoc{flex:1;padding:0.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-color);color:var(--text-color);font-size:0.9rem}.sprocket-btn.upload-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background-color:#8b5cf6;color:white}.sprocket-btn.upload-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover:not(:disabled){background-color:#7c3aed}.sprocket-status.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;gap:1rem;margin-bottom:1rem;padding:0.75rem;background-color:var(--bg-color);border-radius:6px;border:1px solid var(--border-color)}.status-item.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;flex-direction:column;gap:0.25rem}.status-label.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:0.8rem;color:var(--text-muted);font-weight:500}.status-value.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:0.9rem;font-weight:600}.status-value.running.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{color:#22c55e}.script-editor-container.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{margin-bottom:1rem}.script-editor.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:100%;height:300px;padding:1rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-color);color:var(--text-color);font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace;font-size:0.9rem;line-height:1.4;resize:vertical;outline:none}.script-editor.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(59, 130, 246, 0.1)}.script-editor.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:disabled{opacity:0.6;cursor:not-allowed}.script-actions.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;gap:0.5rem;margin-bottom:1rem}.sprocket-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:0.5rem 1rem;border:none;border-radius:6px;font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:0.5rem}.sprocket-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:disabled{opacity:0.6;cursor:not-allowed}.sprocket-btn.save-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background-color:#22c55e;color:white}.sprocket-btn.save-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover:not(:disabled){background-color:#16a34a}.sprocket-btn.load-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background-color:#3b82f6;color:white}.sprocket-btn.load-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover:not(:disabled){background-color:#2563eb}.sprocket-btn.restart-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background-color:#f59e0b;color:white}.sprocket-btn.restart-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover:not(:disabled){background-color:#d97706}.sprocket-btn.delete-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background-color:#ef4444;color:white}.sprocket-btn.delete-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover:not(:disabled){background-color:#dc2626}.sprocket-btn.refresh-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background-color:#6b7280;color:white}.sprocket-btn.refresh-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover:not(:disabled){background-color:#4b5563}.sprocket-message.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:0.75rem;border-radius:6px;font-size:0.9rem;font-weight:500;background-color:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.sprocket-message.error.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background-color:#fee2e2;color:#dc2626;border-color:#fca5a5}.versions-list.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1rem}.version-item.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;transition:all 0.2s ease}.version-item.current.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{border-color:var(--primary-color);background-color:rgba(59, 130, 246, 0.05)}.version-item.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{border-color:var(--primary-color)}.version-info.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{flex:1}.version-name.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-weight:600;font-size:0.9rem;margin-bottom:0.25rem}.version-date.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:0.8rem;color:var(--text-muted);display:flex;align-items:center;gap:0.5rem}.current-badge.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background-color:var(--primary-color);color:white;padding:0.125rem 0.5rem;border-radius:12px;font-size:0.7rem;font-weight:500}.version-actions.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;gap:0.5rem}.version-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:0.375rem 0.75rem;border:none;border-radius:4px;font-size:0.8rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:0.25rem}.version-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:disabled{opacity:0.6;cursor:not-allowed}.version-btn.load-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background-color:#3b82f6;color:white}.version-btn.load-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover:not(:disabled){background-color:#2563eb}.version-btn.delete-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background-color:#ef4444;color:white}.version-btn.delete-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover:not(:disabled){background-color:#dc2626}@media(max-width: 640px){.header-content.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:0}.sidebar.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:160px}.main-content.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{left:160px;padding:1rem}}.user-info.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;align-items:flex-start;padding:0;height:3em}.logout-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:0.5rem 1rem;border:none;border-radius:6px;background-color:var(--warning);color:white;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color 0.2s;display:flex;align-items:center;justify-content:center;gap:0.5rem}.logout-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{background-color:#e53935}.logout-btn.floating.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{position:absolute;top:0.5em;right:0.5em;z-index:10;box-shadow:0 2px 8px rgba(0, 0, 0, 0.3)}.user-profile-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{border:0 none;border-radius:0;display:flex;align-items:center;background-color:var(--button-hover-bg);cursor:pointer;color:var(--text-color);height:3em;width:auto;min-width:3em;flex-shrink:0;line-height:1;transition:background-color 0.2s;justify-content:center;padding:0;margin:0}.user-profile-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{background-color:var(--button-bg);padding:0}.user-avatar.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc,.user-avatar-placeholder.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:2.5em;height:2.5em;object-fit:cover}.user-avatar-placeholder.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;align-items:center;justify-content:center;font-size:0.5em;padding:0.5em}.user-name.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:1.2em;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0.5em}.drawer-overlay.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:1000;display:flex;justify-content:flex-end}.settings-drawer.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:640px;height:100%;background:var(--bg-color);overflow-y:auto;animation:svelte-w0yqoc-slideIn 0.3s ease}@keyframes svelte-w0yqoc-slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-header.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;align-items:center;justify-content:space-between;background:var(--header-bg)}.drawer-header.svelte-w0yqoc h2.svelte-w0yqoc.svelte-w0yqoc{margin:0;color:var(--text-color);font-size:1em;padding:1rem}.close-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background:none;border:none;font-size:1em;cursor:pointer;color:var(--text-color);padding:0.5em;transition:background-color 0.2s;align-items:center}.close-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{background:var(--button-hover-bg)}.profile-section.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{margin-bottom:2rem}.profile-hero.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{position:relative}.profile-banner.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:100%;height:160px;object-fit:cover;border-radius:0;display:block}.profile-avatar.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc,.profile-avatar-placeholder.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.25);border:2px solid var(--bg-color)}.overlap.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{position:absolute;left:12px;bottom:-36px;z-index:2;background:var(--button-hover-bg);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.name-row.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{position:absolute;left:calc(12px + 72px + 12px);bottom:8px;right:12px;display:flex;align-items:baseline;gap:8px;z-index:1}.profile-username.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{margin:0;font-size:1.1rem;color:#000;text-shadow:0 3px 6px rgba(255,255,255,1)}.profile-nip05-inline.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:0.85rem;color:#000;font-family:monospace;opacity:0.95;text-shadow:0 3px 6px rgba(255,255,255,1)}.about-card.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background:var(--header-bg);padding:12px 12px 12px 96px;position:relative;word-break:auto-phrase}.profile-about.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{margin:0;color:var(--text-color);font-size:0.9rem;line-height:1.4}.profile-loading-section.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:1rem;text-align:center}.profile-loading-section.svelte-w0yqoc h3.svelte-w0yqoc.svelte-w0yqoc{margin:0 0 1rem 0;color:var(--text-color);font-size:1.1rem}.profile-loading-section.svelte-w0yqoc p.svelte-w0yqoc.svelte-w0yqoc{margin:0 0 1rem 0;color:var(--text-color);opacity:0.8}.retry-profile-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:0.5rem 1rem;background:var(--primary);color:white;border:none;border-radius:4px;cursor:pointer;font-size:0.9rem;margin-bottom:1rem;transition:background-color 0.2s}.retry-profile-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{background:#00ACC1}.user-pubkey-display.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-family:monospace;font-size:0.8rem;color:var(--text-color);opacity:0.7;background:var(--button-bg);padding:0.5rem;border-radius:4px;word-break:break-all}.export-view.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc,.import-view.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:2rem;max-width:800px;margin:0 auto}.compose-view.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{position:fixed;top:3em;left:200px;right:0;bottom:0;display:flex;flex-direction:column;background:transparent}.compose-header.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;gap:0.5em;padding:0.5em;background:transparent;border-bottom:1px solid var(--border-color)}.compose-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:0.5em 1em;border:1px solid var(--border-color);border-radius:0.25rem;background:var(--button-bg);color:var(--button-text);cursor:pointer;font-size:0.9rem;transition:background-color 0.2s, border-color 0.2s}.compose-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{background:var(--button-hover-bg);border-color:var(--button-hover-border)}.publish-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background:var(--accent-color, #007bff);color:white;border-color:var(--accent-color, #007bff)}.publish-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{background:var(--accent-hover-color, #0056b3);border-color:var(--accent-hover-color, #0056b3)}.compose-editor.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{flex:1;padding:0.5em}.compose-textarea.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:100%;height:100%;border:1px solid var(--border-color);border-radius:0.25rem;background:var(--bg-color);color:var(--text-color);font-family:'Courier New', monospace;font-size:0.9rem;padding:1rem;resize:none;outline:none}.compose-textarea.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:focus{border-color:var(--accent-color, #007bff);box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.export-view.svelte-w0yqoc h2.svelte-w0yqoc.svelte-w0yqoc,.import-view.svelte-w0yqoc h2.svelte-w0yqoc.svelte-w0yqoc{margin:0 0 2rem 0;color:var(--text-color);font-size:1.5rem;font-weight:600}.export-section.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc,.import-section.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background:var(--header-bg);padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.export-section.svelte-w0yqoc h3.svelte-w0yqoc.svelte-w0yqoc,.import-section.svelte-w0yqoc h3.svelte-w0yqoc.svelte-w0yqoc{margin:0 0 1rem 0;color:var(--text-color);font-size:1.2rem;font-weight:500}.export-section.svelte-w0yqoc p.svelte-w0yqoc.svelte-w0yqoc,.import-section.svelte-w0yqoc p.svelte-w0yqoc.svelte-w0yqoc{margin:0 0 1rem 0;color:var(--text-color);opacity:0.8;line-height:1.5}.events-view-buttons.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;gap:0.5rem;align-items:center}.export-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc,.import-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc,.refresh-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc,.reload-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:0.5rem 1rem;background:var(--primary);color:white;border:none;border-radius:4px;cursor:pointer;font-size:0.875rem;font-weight:500;transition:background-color 0.2s;display:inline-flex;align-items:center;gap:0.25rem;height:2em}.export-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover,.import-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover,.refresh-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover,.reload-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{background:#00ACC1}.reload-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{min-width:2em;justify-content:center}.spinner.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:1em;height:1em;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:svelte-w0yqoc-spin 1s linear infinite}@keyframes svelte-w0yqoc-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.export-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:disabled,.import-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:disabled{opacity:0.5;cursor:not-allowed}#import-file.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{margin:1rem 0;padding:0.5rem;border:1px solid var(--input-border);border-radius:4px;background:var(--bg-color);color:var(--text-color);font-size:1rem}.login-prompt.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{text-align:center;padding:2rem;background:var(--header-bg);border-radius:8px}.login-prompt.svelte-w0yqoc p.svelte-w0yqoc.svelte-w0yqoc{margin:0 0 1rem 0;color:var(--text-color);font-size:1.1rem}.permission-denied.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{text-align:center;padding:2rem;background:var(--header-bg);border-radius:8px;border:2px solid var(--warning)}.permission-denied.svelte-w0yqoc p.svelte-w0yqoc.svelte-w0yqoc{margin:0;color:var(--warning);font-size:1.1rem;font-weight:500}.events-view-container.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{position:fixed;top:3em;left:200px;right:0;bottom:0;background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;overflow:hidden}.events-view-header.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{position:absolute;bottom:0;left:0;right:0;padding:0.5rem 1rem;background:var(--header-bg);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;height:2.5em;z-index:10}.events-view-toggle.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{flex:1;display:flex;align-items:center;justify-content:center}.toggle-container.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;align-items:center;gap:0.5rem;cursor:pointer;font-size:0.875rem;color:var(--text-color)}.toggle-container.svelte-w0yqoc input[type="checkbox"].svelte-w0yqoc.svelte-w0yqoc{display:none}.toggle-slider.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{position:relative;width:2.5em;height:1.25em;background:var(--border-color);border-radius:1.25em;transition:background-color 0.3s}.toggle-slider.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc::before{content:'';position:absolute;top:0.125em;left:0.125em;width:1em;height:1em;background:white;border-radius:50%;transition:transform 0.3s}.toggle-container.svelte-w0yqoc input[type="checkbox"].svelte-w0yqoc:checked+.toggle-slider.svelte-w0yqoc{background:var(--primary)}.toggle-container.svelte-w0yqoc input[type="checkbox"].svelte-w0yqoc:checked+.toggle-slider.svelte-w0yqoc::before{transform:translateX(1.25em)}.toggle-label.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:0.875rem;font-weight:500;user-select:none}.events-view-content.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{flex:1;overflow-y:auto;padding:0}.events-view-item.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{border-bottom:1px solid var(--border-color);transition:background-color 0.2s}.events-view-item.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{background:var(--button-hover-bg)}.events-view-item.expanded.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background:var(--button-hover-bg)}.events-view-row.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;align-items:center;padding:0.4rem 1rem;cursor:pointer;gap:0.75rem;min-height:2rem}.events-view-avatar.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.avatar-placeholder.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--button-bg);display:flex;align-items:center;justify-content:center;font-size:0.7rem}.events-view-info.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{flex-shrink:0;width:12rem;display:flex;flex-direction:column;gap:0.1rem}.events-view-author.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-family:monospace;font-size:0.8rem;color:var(--text-color);opacity:0.8}.events-view-kind.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;align-items:center;gap:0.5rem}.kind-number.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background:var(--primary);color:white;padding:0.125rem 0.375rem;border-radius:0.25rem;font-size:0.7rem;font-weight:500;font-family:monospace}.kind-name.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:0.75rem;color:var(--text-color);opacity:0.7;font-weight:500}.events-view-content.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{flex:1;color:var(--text-color);font-size:0.9rem;line-height:1.3;word-break:break-word}.event-timestamp.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:0.75rem;color:var(--text-color);opacity:0.7;margin-bottom:0.25rem;font-weight:500}.event-content-single-line.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.delete-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0.2rem;border-radius:0.25rem;transition:background-color 0.2s;font-size:1.6rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.delete-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{background:var(--warning);color:white}.kind-number.delete-event.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background:var(--warning)}.delete-event-info.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;flex-direction:column;gap:0.25rem}.delete-event-label.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-weight:500;color:var(--warning)}.delete-targets.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;flex-direction:column;gap:0.125rem}.delete-target.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:0.75rem;font-family:monospace;color:var(--text-color);opacity:0.7}.events-view-details.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{border-top:1px solid var(--border-color);background:var(--header-bg);padding:1rem}.json-container.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{position:relative}.copy-json-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{position:absolute;top:0.5rem;right:0.5rem;background:var(--button-bg);color:var(--button-text);border:1px solid var(--border-color);border-radius:0.25rem;padding:0.5rem 1rem;font-size:1.6rem;cursor:pointer;transition:background-color 0.2s, border-color 0.2s;z-index:10;opacity:0.8;width:auto;height:auto;display:flex;align-items:center;justify-content:center}.copy-json-btn.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{background:var(--button-hover-bg);border-color:var(--button-hover-border);opacity:1}.event-json.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background:var(--bg-color);border:1px solid var(--border-color);border-radius:0.25rem;padding:1rem;margin:0;font-family:'Courier New', monospace;font-size:0.8rem;line-height:1.4;color:var(--text-color);white-space:pre-wrap;word-break:break-word;overflow-x:auto}.no-events.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:2rem;text-align:center;color:var(--text-color);opacity:0.7}.no-events.svelte-w0yqoc p.svelte-w0yqoc.svelte-w0yqoc{margin:0;font-size:1rem}.loading-events.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:2rem;text-align:center;color:var(--text-color);opacity:0.7}.loading-spinner.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:2rem;height:2rem;border:3px solid var(--border-color);border-top:3px solid var(--primary);border-radius:50%;animation:svelte-w0yqoc-spin 1s linear infinite;margin:0 auto 1rem auto}@keyframes svelte-w0yqoc-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-events.svelte-w0yqoc p.svelte-w0yqoc.svelte-w0yqoc{margin:0;font-size:0.9rem}.end-of-events.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:1rem;text-align:center;color:var(--text-color);opacity:0.5;font-size:0.8rem;border-top:1px solid var(--border-color)}.end-of-events.svelte-w0yqoc p.svelte-w0yqoc.svelte-w0yqoc{margin:0}.search-results-view.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{position:fixed;top:3em;left:200px;right:0;bottom:0;background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;overflow:hidden}.search-results-header.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:0.5rem 1rem;background:var(--header-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;height:2.5em}.search-results-header.svelte-w0yqoc h2.svelte-w0yqoc.svelte-w0yqoc{margin:0;font-size:1rem;font-weight:600;color:var(--text-color)}.search-results-content.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{flex:1;overflow-y:auto;padding:0}.search-result-item.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{border-bottom:1px solid var(--border-color);transition:background-color 0.2s}.search-result-item.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc:hover{background:var(--button-hover-bg)}.search-result-item.expanded.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{background:var(--button-hover-bg)}.search-result-row.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;align-items:center;padding:0.75rem 1rem;cursor:pointer;gap:0.75rem;min-height:3rem}.search-result-avatar.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.search-result-info.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{flex-shrink:0;width:12rem;display:flex;flex-direction:column;gap:0.25rem}.search-result-author.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-family:monospace;font-size:0.8rem;color:var(--text-color);opacity:0.8}.search-result-kind.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:flex;align-items:center;gap:0.5rem}.search-result-content.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{flex:1;color:var(--text-color);font-size:0.9rem;line-height:1.3;word-break:break-word}.search-result-content.svelte-w0yqoc .event-timestamp.svelte-w0yqoc.svelte-w0yqoc{font-size:0.75rem;color:var(--text-color);opacity:0.7;margin-bottom:0.25rem;font-weight:500}.search-result-content.svelte-w0yqoc .event-content-single-line.svelte-w0yqoc.svelte-w0yqoc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.search-result-details.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{border-top:1px solid var(--border-color);background:var(--header-bg);padding:1rem}.no-search-results.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:2rem;text-align:center;color:var(--text-color);opacity:0.7}.no-search-results.svelte-w0yqoc p.svelte-w0yqoc.svelte-w0yqoc{margin:0;font-size:1rem}.loading-search-results.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:2rem;text-align:center;color:var(--text-color);opacity:0.7}.loading-search-results.svelte-w0yqoc p.svelte-w0yqoc.svelte-w0yqoc{margin:0;font-size:0.9rem}.end-of-search-results.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:1rem;text-align:center;color:var(--text-color);opacity:0.5;font-size:0.8rem;border-top:1px solid var(--border-color)}.end-of-search-results.svelte-w0yqoc p.svelte-w0yqoc.svelte-w0yqoc{margin:0}@media(max-width: 1280px){.sidebar.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:60px}.main-content.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{left:60px}.events-view-container.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{left:60px}.compose-view.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{left:60px}.search-results-view.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{left:60px}.tab-label.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{display:none}.tab.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{justify-content:center;padding:0 0.5rem}.tab-icon.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:2em;height:2em;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;background-color:var(--bg-color)}.tab.active.svelte-w0yqoc .tab-icon.svelte-w0yqoc.svelte-w0yqoc{background-color:var(--primary);color:white}}@media(max-width: 640px){.settings-drawer.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:100%}.name-row.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{left:calc(8px + 56px + 8px);bottom:6px;right:8px;gap:6px}.profile-username.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:1rem}.profile-nip05-inline.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:0.8rem}.export-view.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc,.import-view.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:1rem}.export-section.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc,.import-section.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{padding:1rem}.events-view-container.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{left:160px}.compose-view.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{left:160px}.events-view-info.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:8rem}.events-view-author.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:0.7rem}.kind-name.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:0.7rem}.events-view-content.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:0.8rem}.search-results-view.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{left:160px}.search-result-info.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{width:8rem}.search-result-author.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:0.7rem}.search-result-content.svelte-w0yqoc.svelte-w0yqoc.svelte-w0yqoc{font-size:0.8rem}}
html,
body {
  position: relative;
  width: 100%;
  height: 100%;
}

body {
  color: #333;
  margin: 0;
  padding: 8px;
  box-sizing: border-box;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
    Cantarell, "Helvetica Neue", sans-serif;
}

a {
  color: rgb(0, 100, 200);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  color: rgb(0, 80, 160);
}

label {
  display: block;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  -webkit-padding: 0.4em 0;
  padding: 0.4em;
  margin: 0 0 0.5em 0;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 2px;
}

input:disabled {
  color: #ccc;
}

button {
  color: #333;
  background-color: #f4f4f4;
  outline: none;
}

button:disabled {
  color: #999;
}

button:not(:disabled):active {
  background-color: #ddd;
}

button:focus {
  border-color: #666;
}