:root{--color-bg: #0d1117;--color-surface: #161b22;--color-border: #30363d;--color-text: #e6edf3;--color-text-muted: #7d8590;--color-code: #79c0ff;--color-online: #3fb950;--color-online-glow: rgba(63, 185, 80, .4);--color-online-ring: rgba(63, 185, 80, .2);--color-offline: #f85149;--color-offline-glow: rgba(248, 81, 73, .4);--color-offline-ring: rgba(248, 81, 73, .2);--color-checking: #d29922;--color-checking-glow: rgba(210, 153, 34, .4);--color-checking-ring: rgba(210, 153, 34, .2);--color-btn: #21262d;--color-btn-hover: #30363d;--color-btn-active: #161b22;--color-btn-border: #30363d;--color-btn-text: #c9d1d9;--indicator-size: 10rem;--ring-size: 12rem;--animation-duration: 2s;--transition-speed: .4s;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.6;min-height:100vh}.app{max-width:680px;margin:0 auto;padding:2rem 1.5rem 4rem}.app-header{text-align:center;margin-bottom:3rem}.app-title{font-size:1.5rem;font-weight:600;color:var(--color-text);letter-spacing:-.01em}.app-subtitle{color:var(--color-text-muted);font-size:.875rem;margin-top:.25rem}.app-subtitle code{font-family:var(--font-mono);color:var(--color-code);font-size:.8125rem}.app-main{display:flex;flex-direction:column;align-items:center;gap:2.5rem}.status-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.status-indicator{position:relative;width:var(--ring-size);height:var(--ring-size);display:flex;align-items:center;justify-content:center}.status-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid currentColor;opacity:0}.status-core{width:var(--indicator-size);height:var(--indicator-size);border-radius:50%;background-color:currentColor;transition:color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.status-indicator.status-online{color:var(--color-online)}.status-indicator.status-online .status-core{box-shadow:0 0 1.5rem var(--color-online-glow),0 0 3rem var(--color-online-ring)}.status-indicator.status-online .status-ring{color:var(--color-online);animation:breathe var(--animation-duration) ease-in-out infinite}.status-indicator.status-offline{color:var(--color-offline)}.status-indicator.status-offline .status-core{box-shadow:0 0 1.5rem var(--color-offline-glow),0 0 3rem var(--color-offline-ring)}.status-indicator.status-offline .status-ring{color:var(--color-offline);animation:pulse-alert var(--animation-duration) ease-in-out infinite}.status-indicator.status-checking{color:var(--color-checking)}.status-indicator.status-checking .status-core{box-shadow:0 0 1.5rem var(--color-checking-glow),0 0 3rem var(--color-checking-ring)}.status-indicator.status-checking .status-ring{color:var(--color-checking);opacity:.6;border-style:dashed;animation:spin 1.2s linear infinite}.status-label{font-family:var(--font-mono);font-size:1.125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:color var(--transition-speed) ease}.status-check{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-muted);min-height:1.25em;text-align:center}@keyframes breathe{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.12);opacity:.6}}@keyframes pulse-alert{0%,to{transform:scale(1);opacity:.15}40%{transform:scale(1.18);opacity:.7}60%{transform:scale(1.18);opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.status-ring{animation:none!important}.status-indicator.status-checking .status-ring{opacity:.5;animation:reduced-checking 1.5s ease-in-out infinite!important}@keyframes reduced-checking{0%,to{opacity:.2}50%{opacity:.7}}.status-core{transition:color .2s ease,box-shadow .2s ease}}.controls-section{width:100%;display:flex;justify-content:center}.simulate-btn{font-family:var(--font-sans);font-size:.9375rem;font-weight:500;color:var(--color-btn-text);background-color:var(--color-btn);border:1px solid var(--color-btn-border);border-radius:6px;padding:.6rem 1.25rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;white-space:nowrap}.simulate-btn:hover{background-color:var(--color-btn-hover);border-color:#8b949e}.simulate-btn:active{background-color:var(--color-btn-active)}.simulate-btn.simulate-btn--restoring{color:var(--color-online);border-color:var(--color-online)}.log-section{width:100%}.log-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.75rem}.log-list{list-style:none;display:flex;flex-direction:column;gap:.375rem;max-height:24rem;overflow-y:auto;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 2rem,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 2rem,black 100%)}.log-entry{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.625rem .875rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;font-family:var(--font-mono);font-size:.8125rem;animation:slide-in .25s ease-out both}.log-entry-input{color:var(--color-code);font-weight:600}.log-entry-transition{color:var(--color-text-muted);font-size:.75rem}.log-entry-time{color:var(--color-text-muted);font-size:.6875rem;white-space:nowrap;text-align:right}@keyframes slide-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.log-entry{animation:none}}