:root{--color-bg:#fafafa;--color-text:#1a1a1a;--color-text-muted:#666;--color-border:#e0e0e0;--color-link:#0066cc;--color-link-hover:#004499;--color-nav-bg:#fff;--color-placeholder-bg:#f5f5f5;--color-card-bg:#f9f9f9;--color-heatmap-empty:#f6f8fa;--heatmap-score-0:#ebedf0;--heatmap-score-1:#c6e48b;--heatmap-score-2:#7bc96f;--heatmap-score-3:#239a3b;--heatmap-score-4:#196127;--week-type-light:rgba(251,191,36,0.15);--week-type-off:rgba(96,165,250,0.15);--max-width:800px;--nav-height:60px}[data-theme=dark]{--color-bg:#0d1117;--color-text:#e6edf3;--color-text-muted:#8b949e;--color-border:#30363d;--color-link:#58a6ff;--color-link-hover:#79c0ff;--color-nav-bg:#161b22;--color-placeholder-bg:#21262d;--color-card-bg:#161b22;--color-heatmap-empty:#161b22;--heatmap-score-0:#161b22;--heatmap-score-1:#0e4429;--heatmap-score-2:#006d32;--heatmap-score-3:#26a641;--heatmap-score-4:#39d353;--week-type-light:rgba(251,191,36,0.2);--week-type-off:rgba(96,165,250,0.2)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0d1117;--color-text:#e6edf3;--color-text-muted:#8b949e;--color-border:#30363d;--color-link:#58a6ff;--color-link-hover:#79c0ff;--color-nav-bg:#161b22;--color-placeholder-bg:#21262d;--color-card-bg:#161b22;--color-heatmap-empty:#161b22;--heatmap-score-0:#161b22;--heatmap-score-1:#0e4429;--heatmap-score-2:#006d32;--heatmap-score-3:#26a641;--heatmap-score-4:#39d353;--week-type-light:rgba(251,191,36,0.2);--week-type-off:rgba(96,165,250,0.2)}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover);text-decoration:underline}.nav{position:-webkit-sticky;position:sticky;top:0;background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);height:var(--nav-height);z-index:100}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-weight:600;font-size:1.1rem;color:var(--color-text)}.nav-brand:hover{text-decoration:none}.nav-links{display:flex;gap:1.5rem;list-style:none;align-items:center}.nav-link{color:var(--color-text-muted);font-size:.9rem}.nav-link:hover{color:var(--color-text);text-decoration:none}.nav-link.active{color:var(--color-text);font-weight:500}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:1rem;line-height:1}.theme-toggle:hover{border-color:var(--color-text-muted)}.main{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem}.page h1{font-size:2rem;font-weight:600;margin-bottom:.5rem}.intro,.subtitle{color:var(--color-text-muted);margin-bottom:2rem}.intro{font-size:1.2rem}section{margin-bottom:2rem}section h2{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}section p{margin-bottom:.5rem}section ul{padding-left:1.25rem}section li{margin-bottom:.5rem}.placeholder{background:var(--color-placeholder-bg);border:1px dashed var(--color-border);border-radius:8px;padding:2rem;margin-bottom:2rem}.placeholder p{color:var(--color-text-muted)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}.project-card{border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.project-card h3{font-size:1rem;margin-bottom:.5rem}.project-card p{font-size:.9rem;color:var(--color-text-muted)}.placeholder-card{background:var(--color-card-bg)}.links-list{list-style:none;padding:0}.links-list li{margin-bottom:.75rem}.links-list a{font-size:1.1rem}.note{color:var(--color-text-muted);font-size:.9rem;margin-top:1.5rem}.external-link{display:inline-block;margin-top:.5rem}.year-selector{display:flex;gap:.5rem;margin-bottom:1.5rem}.year-button{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text-muted);font-size:.9rem;cursor:pointer;transition:all .15s ease}.year-button:hover{border-color:var(--color-text-muted);color:var(--color-text)}.year-button.active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.heatmap{margin-bottom:2rem;overflow-x:auto}.heatmap-months{display:grid;grid-template-columns:30px repeat(53,12px);grid-gap:2px;gap:2px;margin-bottom:4px;font-size:.7rem;color:var(--color-text-muted)}.heatmap-month-label{white-space:nowrap}.heatmap-grid{display:flex;gap:4px}.heatmap-day-labels{display:flex;flex-direction:column;gap:2px;font-size:.65rem;color:var(--color-text-muted);padding-right:4px}.heatmap-day-label{height:12px;line-height:12px}.heatmap-week,.heatmap-weeks{display:flex;gap:2px}.heatmap-week{flex-direction:column;padding:2px;margin:-2px;border-radius:3px}.heatmap-day{width:12px;height:12px;border-radius:2px;cursor:default}.heatmap-day.empty{background:transparent!important}.heatmap-section{margin-bottom:2rem}.no-data{color:var(--color-text-muted);font-style:italic;margin-top:1rem}.legend{display:flex;gap:3rem;flex-wrap:wrap}.legend-section h3{font-size:.9rem;font-weight:600;margin-bottom:.75rem}.legend-items{display:flex;flex-direction:column;gap:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-swatch{width:12px;height:12px;border-radius:2px;flex-shrink:0}.legend-week-indicator{display:flex;flex-direction:column;gap:2px;padding:2px;border-radius:3px}.legend-mini-square{width:8px;height:8px;background:var(--heatmap-score-2);border-radius:1px}.legend-label{font-size:.8rem;color:var(--color-text-muted)}@media (max-width:600px){.nav-container{flex-direction:column;height:auto;padding:1rem;gap:.75rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.nav{height:auto}.page h1{font-size:1.5rem}}