*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;color:#fff;margin-bottom:40px;padding:20px}header h1{font-size:2.5em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}header p{font-size:.9em;opacity:.9}.search-box{margin-bottom:30px;display:flex;justify-content:center}.search-box input{width:100%;max-width:400px;padding:12px 20px;border:none;border-radius:25px;font-size:1em;box-shadow:0 4px 15px #0003;transition:all .3s ease}.search-box input:focus{outline:none;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:40px}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;cursor:pointer}.card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.card h3{margin-bottom:15px;color:#667eea;font-size:1.2em}.details{font-size:.9em;line-height:1.6}.details p{margin-bottom:10px;word-break:break-all}.details code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.85em;color:#d63384}.details a{color:#667eea;text-decoration:none;transition:color .3s ease}.details a:hover{color:#764ba2;text-decoration:underline}.comment{color:#999;font-style:italic;margin-top:10px;padding-top:10px;border-top:1px solid #eee}footer{text-align:center;color:#fff;padding:20px;margin-top:40px}.error{background:#ffffff1a;border-radius:12px;padding:20px;color:#fff;text-align:center}@media (max-width: 768px){.grid{grid-template-columns:1fr}header h1{font-size:1.8em}}