:root{--bg: #eef1f6;--surface: #ffffff;--surface-2: #f5f7fb;--border: #dde3ec;--ink: #1a2230;--muted: #5b6472;--faint: #8a93a3;--accent: #2f6bd6;--accent-ink: #2557b0;--shadow: 0 1px 2px rgba(20, 30, 50, .06), 0 2px 8px rgba(20, 30, 50, .04);--mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--radius: 3px;--radius-sm: 2px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:13.5px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100%;display:flex;flex-direction:column}a{color:var(--accent)}a:hover{color:var(--accent-ink)}.topbar{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border);flex:0 0 auto}.topbar .brand{font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--ink);text-decoration:none}.topbar .brand:hover{color:var(--ink)}.topbar .sub{color:var(--faint);font-size:12px}.page{flex:1 1 auto;width:100%;max-width:1180px;margin:0 auto;padding:18px 20px 40px}.section-title{font-size:13.5px;font-weight:650;color:var(--ink);margin:0 0 6px}.gate-value{font-weight:650;color:var(--ink)}