:root{--bg-light:#fff;--text-light:#1a1a1a;--card-light:#f5f5f5;--border-light:#e0e0e0;--accent-light:#733bf6;--bg-dark:#1a1a1a;--text-dark:#fff;--card-dark:#2d2d2d;--border-dark:#404040;--accent-dark:#733bf6}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s}.app-container{align-items:center;display:flex;flex-direction:column;font-family:system-ui,-apple-system,sans-serif;min-height:100vh;padding:2rem}.content-container{margin-top:2rem;max-width:600px;text-align:center;width:100%}.app-container.light{background-color:var(--bg-light);color:var(--text-light)}.app-container.dark{background-color:var(--bg-dark);color:var(--text-dark)}.theme-toggle{align-items:center;background:var(--card-light);border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;padding:.5rem;position:fixed;right:1rem;top:1rem;width:40px}.dark .theme-toggle{background:var(--card-dark)}h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem}code{font-family:monospace;font-size:.9rem}.ip-display{background:var(--card-light);border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0;padding:2rem}.dark .ip-display{background:var(--card-dark)}.ip-text{font-family:monospace;font-size:2rem;font-weight:600}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--accent-light);height:40px;margin:1rem auto;width:40px}.dark .loading-spinner{border-color:var(--border-dark);border-top-color:var(--accent-dark)}@keyframes spin{to{transform:rotate(1turn)}}.endpoints-info{margin-top:2rem;text-align:left}.endpoint{align-items:center;background:var(--card-light);border-radius:8px;display:flex;justify-content:space-between;margin:1rem 0;padding:1rem}.dark .endpoint{background:var(--card-dark)}.copy-button,.retry-button{background:var(--accent-light);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:opacity .2s}.dark .copy-button,.dark .retry-button{background:var(--accent-dark)}.copy-button:hover{opacity:.9}.error-message{color:#ef4444;margin-bottom:1rem}.toast{background:var(--accent-light);border-radius:8px;bottom:2rem;color:#fff;left:50%;opacity:0;padding:.75rem 1.5rem;position:fixed;transform:translate(-50%) translateY(100%);transition:all .3s ease;z-index:1000}.dark .toast{background:var(--accent-dark)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.git-link{align-items:center;color:var(--text-light);display:flex;gap:.5rem;justify-content:center;margin-top:2rem;opacity:.8;text-decoration:none;transition:opacity .2s}.dark .git-link{color:var(--text-dark)}.git-link:hover{opacity:1}.git-icon{transition:transform .2s}.git-link:hover .git-icon{transform:scale(1.1)}.build-version{bottom:1rem;font-size:.8rem;opacity:.7;position:fixed;right:1rem}@media (max-width:640px){.content-container{padding:1rem}h1{font-size:2rem}.ip-text{font-size:1.5rem}.endpoint{align-items:flex-start;flex-direction:column;gap:1rem}}