:root{--primary:#ff6f61;--primary-dim:#ff6f6126;--primary-hover:#ff5240;--bg-body:#0b0d0f;--bg-sidebar:#111316;--bg-card:#181b1f;--bg-input:#0b0d0f;--text-main:#fff;--text-muted:#8b949e;--border:#262a30;--radius:12px;--syntax-prop:#79c0ff;--syntax-val:#a5d6ff;--syntax-punc:#8b949e}.snippets-container{display:flex!important}main.main-content{flex:1;padding:0 40px;overflow-y:auto}.top-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:100;background-color:#0b0d0f9a;justify-content:space-between;align-items:center;padding:30px 0;display:flex;position:sticky;top:0}.search-bar{align-items:center;width:400px;display:flex}.search-bar img{position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-bar input{color:#fff;background-color:var(--bg-card);border:1px solid var(--border);border-radius:100px;outline:none;width:100%;padding:12px 12px 12px 40px;transition:all .3s}.search-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-dim)}.keyboard-shortcut{border:1px solid var(--border);width:30px;height:30px;color:var(--text-muted);border-radius:50%;place-items:center;font-weight:700;display:grid;transform:translate(-35px)rotate(10deg)}.stats{color:var(--text-muted);justify-content:space-between;align-items:center;padding:20px 0;font-size:.95rem;display:flex}.active{color:var(--primary)}.snippets-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding-bottom:50px;display:grid}.snippet{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);height:300px;transition:all .3s;position:relative;overflow:hidden}.snippet::-webkit-scrollbar{display:none}.snippet:hover{transform:translateY(-4px)}.card-preview{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border);text-align:center;justify-content:center;align-items:center;height:120px;padding:20px;font-size:1.5rem;display:flex}.card-body{padding:10px 20px 20px}.card-header{margin-bottom:12px}.card-header h1{color:var(--text-main);font-weight:700;font-size:1.1rem!important}.card-header p{color:var(--text-muted);opacity:0;margin:0;font-size:.75rem;transition:all .2s}.snippet:hover p{opacity:1}.action-row{gap:10px;display:flex}.icon-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1rem;transition:all .2s}.icon-btn:hover{color:var(--text-main)}.icon-btn.active{color:var(--primary)}.icon-btn.delete:hover{color:#ff4757}.code-block{color:#e6edf3;cursor:pointer;background:#000;border:1px solid #0000;border-radius:8px;height:150px;padding:15px;font-family:Fira Code,monospace;font-size:.85rem;transition:all .2s;position:relative;overflow:hidden}.code-block:hover{border:1px solid #ff6e616b}.code-block::-webkit-scrollbar{display:none}.code-block::-webkit-scrollbar-thumb:hover{background:#666}.skeleton{opacity:.7}.snippet.skeleton{height:200px}.shimmer{background:linear-gradient(90deg,#1a1a1a 25%,#3a3a3a 37%,#2a2a2a 63%) 0 0/400% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.card-body.line{height:12px;margin-top:8px}.card-body.line.short{width:60%}@media (max-width:750px){aside.sidebar{z-index:200;top:0;left:-100%}.snippets-container{margin-left:0!important}main.main-content{padding:0 20px}.top-bar{width:100%;padding:30px 5px}.search-bar{width:300px}}.card-preview h1{font-size:24px;font-weight:700}.tooltip{color:#fff;opacity:0;pointer-events:none;background:#111;border-radius:6px;padding:4px 8px;font-size:12px;transition:all .2s;position:absolute;top:8px;right:8px;transform:translateY(-4px)}.tooltip.show{opacity:1;transform:translateY(0)}