:root,[data-theme=light]{--bg: #f7f7f5;--bg-rgb: 247 247 245;--surface: #ffffff;--surface-rgb: 255 255 255;--text: #1a1a1a;--text-rgb: 26 26 26;--textMuted: #6b6b6b;--textMuted-rgb: 107 107 107;--border: #e5e5e3;--border-rgb: 229 229 227;--accent: #8a7d6b;--accent-rgb: 138 125 107;--warmGray: #b5aea3;--warmGray-rgb: 181 174 163;--shadow-soft: 0 1px 3px rgb(0 0 0 / .06);--shadow-card: 0 4px 20px rgb(0 0 0 / .06);--shadow-hover: 0 8px 30px rgb(0 0 0 / .1);color-scheme:light}[data-theme=dark]{--bg: #0e0e10;--bg-rgb: 14 14 16;--surface: #18181b;--surface-rgb: 24 24 27;--text: #ededee;--text-rgb: 237 237 238;--textMuted: #9a9a9a;--textMuted-rgb: 154 154 154;--border: #2a2a2d;--border-rgb: 42 42 45;--accent: #b5a692;--accent-rgb: 181 166 146;--warmGray: #6e685c;--warmGray-rgb: 110 104 92;--shadow-soft: 0 1px 3px rgb(0 0 0 / .5);--shadow-card: 0 4px 20px rgb(0 0 0 / .4);--shadow-hover: 0 8px 30px rgb(0 0 0 / .6);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}::selection{background-color:rgb(var(--accent-rgb)/.15);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--text);text-decoration-color:var(--border);text-underline-offset:3px;transition:color .2s ease}a:hover{color:var(--accent)}img{display:block;max-width:100%}header{width:100%;height:56px;z-index:99;background-color:rgb(var(--surface-rgb)/.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;left:0;top:0}.main-wrapper{flex:1}footer{min-height:48px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center}.page-wrapper{width:100%}.mobile-nav-overlay{position:fixed;inset:0;width:100%;height:100%;z-index:99999;background-color:rgb(var(--surface-rgb)/.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:overlayEnter .35s cubic-bezier(.25,.1,.25,1) forwards}.mobile-nav-overlay.closing{animation:overlayExit .3s cubic-bezier(.4,0,1,1) forwards}.mobile-nav-overlay>.overlay-header{display:flex;justify-content:flex-end;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.mobile-nav-overlay>.overlay-header>button{background-color:transparent;border:none;outline:none;font-size:1.5rem;color:var(--text);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s ease}.mobile-nav-overlay>.overlay-header>button:hover{background-color:rgb(var(--text-rgb)/.05)}.mobile-nav-overlay>.mobile-nav-links{display:flex;flex-direction:column;padding:24px 0}.mobile-nav-overlay>.mobile-nav-links>.mobile-nav-item{text-decoration:none;color:var(--text);font-size:1.25rem;padding:12px 24px;letter-spacing:.05em;transition:background-color .2s ease,color .2s ease}.mobile-nav-overlay>.mobile-nav-links>.mobile-nav-item:hover{background-color:rgb(var(--accent-rgb)/.06);color:var(--accent)}@keyframes overlayEnter{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transform:scale(.98)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:scale(1)}}@keyframes overlayExit{0%{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:scale(1)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transform:scale(.98)}}