:root{--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "DM Sans", sans-serif}[data-theme=light]{--bg: #FAFAF7;--text: #1A1A1A;--text-soft: #3A3A3A;--muted: #7A7A7A;--accent: #C17F3E;--accent-hover: #A96A2E;--card: #F2F1ED;--border: #E5E3DE;--white: #FFFFFF}[data-theme=dark]{--bg: #1C1C1E;--text: #F5F5F7;--text-soft: #D1D1D6;--muted: #98989D;--accent: #D4915A;--accent-hover: #E5A36B;--card: #2C2C2E;--border: #38383A;--white: #FFFFFF}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{height:100%;width:100%;font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}::selection{background:#c17f3e33}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}a{transition:opacity .2s,transform .2s;cursor:pointer}a:hover{opacity:.8}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}button{cursor:pointer;transition:transform .2s,opacity .2s}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}img{max-width:100%;display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeUp .4s ease}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-block{background:linear-gradient(90deg,var(--card) 25%,var(--border) 50%,var(--card) 75%);background-size:800px 100%;animation:shimmer 1.5s ease infinite;border-radius:12px}.toc-desktop{display:none!important}.toc-mobile{display:block!important}@media(min-width:1200px){.toc-desktop{display:block!important}.toc-mobile{display:none!important}}@media(forced-colors:active){a,button{border:1px solid ButtonBorder}:focus-visible{outline:2px solid Highlight;outline-offset:2px}.toc-desktop button,.toc-mobile button{border:1px solid ButtonBorder}}.project-card{flex-direction:row}.project-card-image{width:260px;min-height:200px}@media(max-width:767px){.project-card{flex-direction:column}.project-card-image{width:100%;min-height:160px}}