:root{--bg: #0d0d0f;--bg-card: #111114;--border: #2a2a30;--text: #e8e8ea;--text-muted: #6b6b76;--accent: #6ec4e8;--cursor: var(--accent);--status-degraded: #d4a574;--status-down: #e85d5d;--font-serif: "Italiana", Georgia, serif;--font-mono: "Cutive Mono", ui-monospace, monospace;--motion-fast: .15s ease;--motion-base: .25s ease;--motion-slow: .4s cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;background-color:var(--bg)}body{min-height:100dvh;background-color:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:.875rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}#app{position:relative;z-index:2;width:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:max(2.5rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-right)) max(2.5rem,env(safe-area-inset-bottom)) max(1.5rem,env(safe-area-inset-left))}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px}.skip-link{position:absolute;top:-100%;left:1rem;z-index:100;padding:.5rem 1rem;background:var(--accent);color:var(--bg);text-decoration:none;font-size:.8125rem;border-radius:4px}.skip-link:focus-visible{top:1rem;outline:2px solid var(--text);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}main{position:relative;width:min(100%,44rem);max-width:100%;margin-inline:auto;flex:1;display:flex;flex-direction:column;justify-content:center;gap:2.25rem;padding-block:1rem}.site-header{display:flex;flex-direction:column;gap:.875rem;animation:fade-up var(--motion-slow) both}h1{font-family:var(--font-serif);font-size:clamp(1.875rem,5vw,2.875rem);font-weight:400;line-height:1.12;letter-spacing:.04em;text-wrap:balance}.tagline{color:var(--text-muted);font-size:.8125rem;animation:fade-up var(--motion-slow) .08s both}.cursor{display:inline-block;color:var(--cursor);animation:blink 1.1s step-end infinite}.section-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.875rem}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}nav{animation:fade-up var(--motion-slow) .15s both}.project-list{list-style:none;display:flex;flex-direction:column;gap:.625rem}.project-list li{animation:fade-up var(--motion-slow) both}.project-list li:nth-child(1){animation-delay:.22s}.project-list li:nth-child(2){animation-delay:.3s}.project-card{display:block;padding:1rem 1.125rem;text-decoration:none;color:inherit;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color var(--motion-base),transform var(--motion-fast),box-shadow var(--motion-base)}.project-card:hover,.project-card:focus-visible{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));transform:translateY(-1px);box-shadow:0 8px 24px #00000040}.project-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.375rem}.project-name{font-family:var(--font-serif);font-size:1.25rem;letter-spacing:.03em;color:var(--text);transition:color var(--motion-fast)}.project-card:hover .project-name,.project-card:focus-visible .project-name{color:var(--accent)}.project-domain{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.project-description{font-size:.8125rem;color:var(--text-muted);line-height:1.5}.project-stat-hint{margin-top:.625rem;font-size:.6875rem;color:var(--accent);font-variant-numeric:tabular-nums;min-height:1em}.status-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.status-dot--up{background:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 60%,transparent)}.status-dot--degraded{background:var(--status-degraded)}.status-dot--down{background:var(--status-down)}.dashboard-section{animation:fade-up var(--motion-slow) .35s both}.dashboard{width:100%}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:540px){.dashboard-grid{grid-template-columns:1fr 1fr}}.stat-card{position:relative;display:flex;flex-direction:column;gap:.375rem;min-width:0;padding:1.125rem 1.25rem;text-decoration:none;color:inherit;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color var(--motion-base),transform var(--motion-fast),box-shadow var(--motion-base)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 70%,transparent),transparent);opacity:.7}.stat-card:hover,.stat-card:focus-visible{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));transform:translateY(-1px);box-shadow:0 8px 24px #00000040}.stat-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.stat-card-title{font-family:var(--font-serif);font-size:1.125rem;font-weight:400;letter-spacing:.03em;margin-bottom:.125rem}.stat-primary{font-size:.9375rem;font-variant-numeric:tabular-nums;color:var(--text)}.stat-skeleton{color:var(--text-muted);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.stat-secondary,.stat-tertiary{font-size:.75rem;color:var(--text-muted);line-height:1.45}.stat-updated{font-size:.625rem;color:var(--text-muted);margin-top:.375rem;opacity:.75}footer{animation:fade-up var(--motion-slow) .45s both}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.footer-sep{opacity:.5}.footer-link{color:var(--text-muted);text-decoration:none;touch-action:manipulation;transition:color var(--motion-fast)}.footer-link:hover,.footer-link:focus-visible{color:var(--accent)}.footer-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor{animation:none}.project-card:hover,.project-card:focus-visible,.stat-card:hover,.stat-card:focus-visible{transform:none}.stat-skeleton{animation:none;opacity:.7}}