@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Fira+Code:wght@300;400&display=swap");:root{--primary-color: #667eea;--secondary-color: #764ba2;--text-color: #333;--bg-color: #ffffff;--border-color: #e1e1e1;--code-bg: #f8f9fa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter', sans-serif;line-height:1.6;color:var(--text-color);background:var(--bg-color)}.container{max-width:1000px;margin:0 auto;padding:0 2rem}.site-header{background:#fff;border-bottom:1px solid var(--border-color);padding:1rem 0}.site-header h1 a{text-decoration:none;color:var(--text-color);font-weight:600}.site-header nav{margin-top:0.5rem}.site-header nav a{margin-right:2rem;text-decoration:none;color:#666;font-weight:500}.site-header nav a:hover,.site-header nav a.current{color:var(--primary-color)}.page-content{padding:1rem 0;min-height:calc(100vh - 200px)}.site-footer{background:#f8f9fa;border-top:1px solid var(--border-color);padding:2rem 0;margin-top:3rem}.site-footer p{color:#666;font-size:0.9rem}code{font-family:'Fira Code', monospace;background:var(--code-bg);padding:0.2em 0.4em;border-radius:3px;font-size:0.9em}pre{background:#1e1e1e;color:#d4d4d4;border-radius:6px;padding:1.5rem;overflow-x:auto;margin:1.5rem 0}pre code{background:none;padding:0;color:inherit}.audio-player{background:#f5f5f5;border-radius:8px;padding:1rem;margin:1rem 0}.code-block{background:#1e1e1e;color:#d4d4d4;border-radius:4px;padding:1rem;overflow-x:auto;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace}.project-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin:2rem 0}.project-card{border:1px solid #ddd;border-radius:8px;padding:1.5rem;transition:box-shadow 0.3s ease}.project-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1)}.date-entry{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee}.date-entry .date{font-weight:bold;color:#666;font-size:0.9em}.date-entry img{max-width:100%;height:auto;margin:1rem 0;border-radius:4px}.waveform{background:linear-gradient(45deg, #667eea 0%, #764ba2 100%);height:4px;border-radius:2px;margin:1rem 0}.frequency-viz{display:flex;align-items:end;height:60px;gap:2px;margin:1rem 0}.frequency-viz .bar{background:#667eea;flex:1;min-height:4px;border-radius:1px 1px 0 0}