html{scroll-behavior:smooth;font-size:16px}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}body{color:#fff;background-color:#fff;min-width:320px;min-height:100vh;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:#000;font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1.5rem;line-height:1.8}a,a:hover{color:#000;text-decoration:none}button{color:#000;cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:0;padding:.5rem 1rem;font-family:inherit;font-size:1rem;font-weight:500}button:not(:disabled){color:#000;background-color:#fff}button:disabled{color:#666;cursor:not-allowed;background-color:#000;border-color:#666}button:focus,button:focus-visible{outline:2px solid #ffffff4d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}*{scrollbar-width:thin;scrollbar-color:#ffffff4d transparent}.header{z-index:100;background:#fff;border-bottom:1px solid #000;padding:1rem 0;position:sticky;top:0}.header-content{align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.logo{color:inherit;text-decoration:none}.site-title{color:#000;letter-spacing:-.5px;margin:0;font-size:1.2rem;font-weight:700}.nav-right{align-items:center;gap:1.5rem;margin-left:auto;display:flex}.nav-link{color:#000;padding:.5rem 0;font-size:1.2rem;font-weight:500;text-decoration:none}.nav-link:hover{color:#000}.write-link{color:#000;background-color:#fff;border:none;border-radius:4px;padding:.5rem 1rem}.write-link:hover{color:#000;background-color:#fff}@media (max-width:768px){.header-content{padding:0 1rem}.site-title{font-size:1.5rem}.nav-right{gap:1rem}.nav-link{font-size:.9rem}.write-link{padding:.4rem .8rem;font-size:.9rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding:2rem 0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.loading{text-align:center;color:#666;padding:2rem;font-size:1.2rem}.loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-spinner{border:4px solid #ffffff1a;border-left-color:#000;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{text-align:center;color:#ff4d4f;background-color:#fff2f0;border-radius:4px;max-width:800px;margin:0 auto;padding:2rem;font-size:1.2rem}.empty-state{text-align:center;color:#999;padding:4rem 2rem;font-size:1.2rem}.home-content{flex-direction:column;gap:3rem;display:flex}.columns-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (max-width:768px){.main-content{padding:1rem 0}.container{padding:0 1rem}.columns-grid{grid-template-columns:1fr}}