:root{--background-color: #fff;--text-color: #213547;--link-color: #646cff;--border-color: #ccc;--card-background-color: #f9f9f9;--card-border-color: #ddd;--tag-background-color: #eee;--tag-text-color: #333}[data-theme=dark]{--background-color: #242424;--text-color: rgba(255, 255, 255, .87);--link-color: #646cff;--border-color: #555;--card-background-color: #333;--card-border-color: #444;--tag-background-color: #444;--tag-text-color: #fff}body{background-color:var(--background-color);color:var(--text-color)}#theme-switcher{position:absolute;top:1rem;right:1rem;cursor:pointer}#theme-switcher span{font-size:1.5rem}header{text-align:center;margin-bottom:2rem}#repos{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}#repos li{display:flex;flex-direction:column;justify-content:space-between;padding:1rem;border:1px solid var(--card-border-color);border-radius:8px;background-color:var(--card-background-color);transition:all .2s ease-in-out}#repos li:hover{border-color:var(--link-color);transform:translateY(-5px)}#repos a{font-size:1.2rem;font-weight:700;text-decoration:none;color:var(--link-color)}#repos p{margin:.5rem 0 0;flex-grow:1}.topic{display:inline-block;padding:.2rem .5rem;margin:.5rem .2rem 0 0;background-color:var(--tag-background-color);color:var(--tag-text-color);border-radius:4px;font-size:.8rem}.homepage{display:inline-block;padding:.2rem .5rem;margin-right:.5rem;background-color:var(--link-color);color:#fff!important;border-radius:4px;font-size:.8rem;text-decoration:none}#live-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}#live-projects li{padding:1rem;border:1px solid var(--card-border-color);border-radius:8px;background-color:var(--card-background-color);transition:all .2s ease-in-out;display:flex;flex-direction:column;justify-content:space-between}#live-projects li:hover{border-color:var(--link-color);transform:translateY(-5px)}#live-projects a{font-size:1.2rem;font-weight:700;text-decoration:none;color:var(--link-color)}#live-projects p{margin:.5rem 0;flex-grow:1}.tags{margin-top:.5rem}.tag{display:inline-block;padding:.2rem .5rem;margin:0 .2rem .2rem 0;background-color:var(--tag-background-color);color:var(--tag-text-color);border-radius:4px;font-size:.8rem}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}header nav{background-color:#333;padding:1rem;display:flex;justify-content:center;gap:1rem}header nav a{color:#fff;text-decoration:none;font-weight:700;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}header nav a:hover{background-color:#555}#app{margin:0 auto;padding:2rem;min-height:calc(100vh - 10rem)}ul{list-style:none;padding:0}footer{background-color:#333;padding:2rem;text-align:center}footer a{color:#fff;text-decoration:none;margin:0 1rem;font-weight:700}footer a:hover{text-decoration:underline}