*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--text-primary:#f0f6fc;--text-secondary:#8b949e;--accent:#58a6ff;--accent-hover:#79c0ff;--border:#30363d;--success:#3fb950;--danger:#f85149}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s ease}.btn-primary{background-color:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--border)}input,textarea{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);padding:10px 14px;font-size:14px;width:100%}input:focus,textarea:focus{outline:none;border-color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:700;color:var(--text-primary)}.nav{display:flex;gap:24px;align-items:center}.nav a{color:var(--text-secondary);font-weight:500}.nav a.active,.nav a:hover{color:var(--text-primary)}.card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.4)}.card-image{width:100%;aspect-ratio:2/3;object-fit:cover;background-color:var(--bg-tertiary)}.card-content{padding:12px}.card-title{font-size:14px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:12px;color:var(--text-secondary)}.grid{display:grid;grid-gap:20px;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}@media (max-width:768px){.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(2,1fr)}}.section{margin-bottom:48px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{font-size:24px;font-weight:700}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;margin-bottom:8px}.checkbox-group{display:flex;flex-wrap:wrap;gap:12px}.checkbox-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease}.checkbox-item.selected,.checkbox-item:hover{border-color:var(--accent)}.checkbox-item.selected{background-color:var(--accent);color:var(--bg-primary)}.checkbox-item input{display:none}.loading{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--text-secondary)}.error{color:var(--danger);padding:12px;background-color:rgba(248,81,73,.1);border-radius:6px;margin-bottom:16px}.hero{text-align:center;padding:60px 20px}.hero h1{font-size:48px;margin-bottom:16px}.hero p{font-size:18px;color:var(--text-secondary);margin-bottom:32px}.auth-form{max-width:400px;margin:0 auto;padding:40px;background-color:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.auth-form h2{margin-bottom:24px;text-align:center}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:32px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title{font-size:24px;font-weight:700}.close-btn{background:none;color:var(--text-secondary);font-size:24px;padding:0}.close-btn:hover{color:var(--text-primary)}.add-btn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background-color:var(--accent);color:var(--bg-primary);font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(88,166,255,.4)}.add-btn:hover{transform:scale(1.1)}.badge{display:inline-block;padding:4px 8px;background-color:var(--bg-tertiary);border-radius:4px;font-size:12px;margin-right:8px}.rating{color:gold;font-weight:600}