:root{--app-bg: linear-gradient(160deg, #2f2f2f 0%, #2b2323 55%, #4b4b4b 100%);--app-bg-light: #f7f7f8;--card-bg: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .12);--row-alt: rgba(255, 255, 255, .025);--row-hover: rgba(255, 255, 255, .08);--header-bg: rgba(24, 25, 28, .551);--shadow: 0 22px 50px rgba(0, 0, 0, .45);--chip-default: #374151;--chip-ok: #16a34a;--chip-no: #ef4444;--chip-warn: #f59e0b;--accent-blue: #3b82f6;--accent-green: #22c55e;--accent-yellow: #f6c751;--accent-red: #ef4444;--accent-dark: #111827;--text-strong: #f8fbff;--text-dim: rgba(255, 255, 255, .75);--text-muted: rgba(255, 255, 255, .6);--surface-strong: rgba(7, 11, 19, .9);--glass-blur: blur(18px);--filter-bg: rgba(199, 199, 199, 0)}@media (prefers-color-scheme: light){:root{--app-bg: var(--app-bg-light);--card-bg: rgba(255, 255, 255, .85);--card-border: rgba(15, 23, 42, .08);--row-alt: rgba(15, 23, 42, .035);--row-hover: rgba(15, 23, 42, .08);--header-bg: rgba(255, 255, 255, .8);--shadow: 0 18px 40px rgba(15, 23, 42, .16);--text-strong: #111827;--text-dim: rgba(15, 23, 42, .75);--text-muted: rgba(15, 23, 42, .6);--surface-strong: rgba(255, 255, 255, .92);--glass-blur: blur(14px)}}*{box-sizing:border-box}html,body,#root{height:100%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-strong);background:var(--app-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--appbar-height: 64px;--appbar-z: 1100;--link: var(--accent-blue);--link-hover: #2563eb}body{margin:0;min-width:320px;min-height:100vh;text-align:left;display:block;background:var(--app-bg);color:var(--text-strong)}.header{position:fixed;top:0;left:0;right:0;width:100%;z-index:var(--appbar-z);display:flex;align-items:center;justify-content:space-between;height:var(--appbar-height);padding:0 20px;background-color:#0048fd;color:#fff;box-shadow:0 4px 6px #0000001a}.logo img{display:block;max-height:calc(var(--appbar-height) - 12px);margin:0}.links{display:flex;gap:20px;overflow:hidden}.links a{color:var(--text-strong);text-decoration:none;font-size:1.05rem;font-weight:700;padding:6px 10px;border-radius:6px;white-space:nowrap;transition:color .2s,background-color .2s}.links a:hover,.links a:focus-visible{background-color:var(--row-hover);color:var(--chip-warn)}.content{padding-top:var(--appbar-height)}.page-root{min-height:calc(100vh - var(--appbar-height))}a{font-weight:500;color:var(--link);text-decoration:inherit}a:hover{color:var(--link-hover)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#0f172acc;color:var(--text-strong);cursor:pointer;transition:border-color .25s;margin:5px}button:hover{border-color:var(--accent-blue)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}canvas{display:block;max-width:100%;height:auto}