*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg: #0C0C0D;--bg-subtle: #101012;--bg-card: #141416;--bg-elevated: #1A1A1C;--border: #1E1E22;--border-hover: #2E2E33;--border-active: #3F3F46;--text: #F0F0F0;--text-secondary: #8A8A94;--text-muted: #484850;--text-ghost: #3A3A40;--accent: #D4D4D8;--accent-subtle: rgba(212,212,216,.08);--accent-border: rgba(212,212,216,.2);--accent-hover: #E4E4E8;--tag-bg: rgba(212,212,216,.06);--tag-text: #8A8A94;--tag-border: rgba(212,212,216,.12);--header-bg: rgba(12,12,13,.8);--grid-line: rgba(255,255,255,.035);--card-shadow-hover: 0 12px 32px rgba(0,0,0,.5), 0 0 20px rgba(212,212,216,.04);--scrollbar-thumb: #1E1E22;--scrollbar-thumb-hover: #2E2E33;--diagram-bg: transparent;--diagram-fg: #C8C8D0;--diagram-line: #5A5A66;--diagram-accent: #A0A0AC;--diagram-muted: #3A3A44;--overlay-bg: rgba(12,12,13,.92)}[data-theme=light]{--bg: #F7F5F0;--bg-subtle: #F2EFE8;--bg-card: #FAFAF8;--bg-elevated: #FFFFFF;--border: #E0DBD3;--border-hover: #C8C2B8;--border-active: #A09A90;--text: #1C1917;--text-secondary: #6B6560;--text-muted: #A09A94;--text-ghost: #C8C2B8;--accent: #44403C;--accent-subtle: rgba(68,64,60,.06);--accent-border: rgba(68,64,60,.18);--accent-hover: #1C1917;--tag-bg: rgba(68,64,60,.05);--tag-text: #6B6560;--tag-border: rgba(68,64,60,.12);--header-bg: rgba(247,245,240,.8);--grid-line: rgba(0,0,0,.04);--card-shadow-hover: 0 12px 32px rgba(0,0,0,.08), 0 0 20px rgba(0,0,0,.03);--scrollbar-thumb: #E0DBD3;--scrollbar-thumb-hover: #C8C2B8;--diagram-bg: #F7F5F0;--diagram-fg: #1C1917;--diagram-line: #A09A94;--diagram-accent: #6B6560;--diagram-muted: #C8C2B8;--overlay-bg: rgba(247,245,240,.95)}html{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}body{min-height:100vh;position:relative}.grid-overlay{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid-line) .5px,transparent .5px),linear-gradient(90deg,var(--grid-line) .5px,transparent .5px);background-size:14px 14px}header{position:sticky;top:0;z-index:50;padding:0 24px;height:52px;display:flex;align-items:center;justify-content:space-between;background:var(--header-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.logo-icon{width:24px;height:24px;border-radius:4px}.logo-text{font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:600;letter-spacing:-.02em;color:var(--text-secondary)}main{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:40px 24px 64px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}html{transition:background .3s ease,color .3s ease}@keyframes sg-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sg-page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sg-spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes sg-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes sg-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sg-pulse-subtle{0%,to{opacity:.6}50%{opacity:1}}@keyframes sg-overlay-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes sg-overlay-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes sg-slide-in-right{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.fade-up{animation:sg-fade-up .5s cubic-bezier(.22,1,.36,1) both}.sg-page{animation:sg-page-enter .35s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a,button{-webkit-tap-highlight-color:transparent}@media(hover:none){.logo:hover{opacity:1}.logo:hover .logo-icon{transform:none}.theme-toggle:hover{border-color:var(--border);color:var(--text-secondary);background:none;transform:none}}.theme-toggle:active{transform:scale(.88);background:var(--accent-subtle);border-color:var(--border-hover)}.logo:active{opacity:.6}.logo:active .logo-icon{transform:scale(.9)}.logo{transition:opacity .2s ease}.logo:hover{opacity:.8}.logo:hover .logo-icon{transform:rotate(-8deg) scale(1.1)}.logo-icon{transition:transform .3s cubic-bezier(.22,1,.36,1)}.theme-toggle{background:none;border:1px solid var(--border);color:var(--text-secondary);width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease}.theme-toggle:hover{border-color:var(--border-hover);color:var(--text);background:var(--accent-subtle);transform:scale(1.05)}.theme-toggle:active{transform:scale(.92)}.theme-toggle.spin{animation:sg-spin .4s cubic-bezier(.22,1,.36,1)}