body{margin:0;background-color:var(--unraid-bg);color:var(--unraid-text);min-height:100vh;overflow-y:auto}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1rem}.snippet-card{background:#0f0f11;border:1px solid #2a2a2c;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.snippet-card:hover{border-color:var(--unraid-orange);transform:translateY(-2px)}.snippet-header{background:#1a1a1c;padding:.5rem .8rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a2a2c}.snippet-nickname{font-size:.7rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;border:none;background:transparent;color:#aaa;width:100%;outline:none}.snippet-body{padding:.8rem;position:relative;flex:1}.snippet-content{width:100%;background:transparent;border:none;color:var(--unraid-blue);font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;resize:none;outline:none;min-height:40px}.snippet-actions{display:flex;gap:.5rem}.snippet-btn{background:transparent;border:none;color:#555;cursor:pointer;transition:color .2s;padding:2px}.snippet-btn:hover{color:#fff}.snippet-btn.copy:hover{color:var(--unraid-green)}.snippet-btn.delete:hover{color:var(--unraid-accent)}.add-snippet-card{border:2px dashed #2a2a2c;background:transparent;display:flex;align-items:center;justify-content:center;min-height:120px;cursor:pointer;color:#555;transition:.2s;border-radius:8px}.add-snippet-card:hover{border-color:var(--unraid-orange);color:var(--unraid-orange);background:#fb8c000d}.copy-success{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--unraid-green);color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:700;opacity:0;pointer-events:none;transition:opacity .3s;z-index:10}.copy-success.show{opacity:1}