:root{--bg-color: #f5f5f5;--card-bg: #ffffff;--text-color: #333;--link-color: #0066cc;--border-color: #ddd}*{box-sizing:border-box}body{margin:0;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}nav{margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}nav a{margin-right:20px;color:var(--link-color);text-decoration:none}nav a:hover{text-decoration:underline}h1{color:#222}.card{background:var(--card-bg);padding:20px;margin:15px 0;border-radius:8px;box-shadow:0 2px 4px #0000001a}.card h2{margin-top:0;color:#444}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.grid a{display:block;padding:20px;background:var(--card-bg);border-radius:8px;text-decoration:none;color:var(--link-color);box-shadow:0 2px 4px #0000001a;transition:transform .2s}.grid a:hover{transform:translateY(-3px);box-shadow:0 4px 8px #00000026}.grid a h3{margin:0 0 10px}.grid a p{margin:0;color:#666;font-size:14px}.info{background:#e8f4ff;padding:10px 15px;border-radius:4px;margin:10px 0}.timestamp{font-family:monospace;font-size:14px;color:#555}.note{background:#fff3cd;padding:10px 15px;border-radius:4px;margin:10px 0;font-size:14px}