*,*:before,*:after{box-sizing:border-box}:root{--colorNeutralBackground1: #1b1b1f;--colorNeutralBackground2: #222228;--colorNeutralBackground3: #2a2a30;--colorNeutralBackground4: #363640;--colorNeutralForeground1: #e3e3e8;--colorNeutralForeground2: #b8b8c0;--colorNeutralForeground3: #8e8e98;--colorNeutralForeground4: #6c6c76;--colorNeutralStroke1: #3a3a44;--colorNeutralStroke2: #2e2e38;--colorBrandBackground: #4078a8;--colorBrandForeground1: #7ca6c4;--colorBrandForeground2: #96bdd6;--colorBrandStroke1: #7ca6c4;--colorBrandStroke2: rgba(124, 166, 196, .18);--colorSubtleBackgroundHover: rgba(255, 255, 255, .04);--colorSubtleBackgroundPressed: rgba(255, 255, 255, .02);--colorStatusSuccess: #0e700e;--colorStatusSuccessForeground: #54b054;--colorStatusSuccessBackground: rgba(14, 112, 14, .15);--colorStatusWarning: #f8d22a;--colorStatusWarningForeground: #f8d22a;--colorStatusError: #b10e1c;--colorStatusErrorForeground: #dc626d;--colorStatusErrorBackground: rgba(177, 14, 28, .15);--colorPaletteRedBackground1: rgba(196, 49, 75, .1);--colorPaletteRedForeground1: #dc626d;--colorPaletteGreenForeground1: #54b054;--borderRadiusSmall: 4px;--borderRadiusMedium: 6px;--borderRadiusLarge: 8px;--borderRadiusXLarge: 12px;--shadow2: 0 1px 2px rgba(0, 0, 0, .16);--shadow4: 0 2px 4px rgba(0, 0, 0, .18);--shadow8: 0 4px 8px rgba(0, 0, 0, .2);--shadow16: 0 8px 16px rgba(0, 0, 0, .22);--shadow64: 0 32px 64px rgba(0, 0, 0, .28);--fontFamilyBase: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;--fontFamilyMono: "Cascadia Code", "Fira Code", Consolas, monospace;--durationFast: .1s;--durationNormal: .2s;--durationSlow: .3s;--curveEasyEase: cubic-bezier(.33, 0, .67, 1);--curveDecelerateMid: cubic-bezier(0, 0, 0, 1)}body{margin:0;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:14px;line-height:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--colorBrandBackground);color:var(--colorNeutralForeground1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--colorNeutralStroke2);border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--colorNeutralForeground4);border:2px solid transparent;background-clip:content-box}html{scrollbar-width:thin;scrollbar-color:var(--colorNeutralStroke2) transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-container{max-width:1100px;margin:0 auto;padding:12px 24px 24px;animation:fadeIn var(--durationSlow) var(--curveDecelerateMid) both}.mobile-blocker{display:none;min-height:100vh;padding:24px;align-items:center;justify-content:center;background:var(--colorNeutralBackground1)}.mobile-blocker-card{width:min(420px,100%);padding:20px;background:var(--colorNeutralBackground2);border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusXLarge)}.mobile-blocker-card h2{margin:0 0 10px;font-size:20px;line-height:1.3;color:var(--colorNeutralForeground1)}.mobile-blocker-card p{margin:0;color:var(--colorNeutralForeground2)}.site-header{background:#222228c7;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusLarge);padding:10px 20px;margin-bottom:20px;display:flex;align-items:center;gap:16px;position:sticky;top:12px;z-index:100;animation:slideDown var(--durationSlow) var(--curveDecelerateMid) both;transition:border-color var(--durationNormal) var(--curveEasyEase)}.site-header:hover{border-color:var(--colorNeutralStroke1)}.site-title{margin-right:12px;white-space:nowrap;letter-spacing:-.01em}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;margin-right:6px;color:var(--colorNeutralForeground2);border-radius:var(--borderRadiusMedium);cursor:pointer}.back-btn i{font-size:14px}.back-btn:hover{color:var(--colorBrandForeground1);background:#7ca6c408}.site-nav{display:flex;gap:2px;align-items:center;flex:1;min-width:0}.nav-btn.active{position:relative}.nav-btn.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:16px;height:3px;background:var(--colorBrandForeground1);border-radius:1.5px}.nav-github{margin-left:auto}.nav-github i{font-size:18px}.page-card{margin-top:8px;padding:28px;background:var(--colorNeutralBackground2);border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusXLarge);box-shadow:var(--shadow2)}.page-content{max-width:100%}.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}@media(max-width:768px){.app-container{display:none}.mobile-blocker{display:flex}}