:root{--bg:#fff;--panel:#fff;--text:#171717;--muted:#666;--border:#e5e5e5;--pill:#f7f7f7;--pill-active:#111;--pill-active-text:#fff;--accent:#863bff;--accent-soft:#f4f0ff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit}button,input{font:inherit}.app{max-width:920px;margin:0 auto;padding:1rem 1rem 2rem}.topbar{margin-bottom:.9rem}.logo{letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:800}.logo span{color:var(--accent)}.tagline{color:var(--muted);margin:.2rem 0 0;font-size:.92rem}button,.filters button,.results button{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:.45rem;padding:.32rem .62rem}.controls{padding-bottom:.4rem}.controls input{border:1px solid var(--border);background:var(--panel);width:100%;color:var(--text);border-radius:.45rem;padding:.5rem .6rem}.filters{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.filters button{background:var(--pill);border-radius:999px}.filters button.active{background:var(--pill-active);color:var(--pill-active-text);border-color:var(--pill-active)}.toolbar{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.action{border:1px solid var(--border);cursor:pointer;background:var(--panel);color:var(--text);border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.action-icon{flex:none;margin-left:-.1rem}.action.primary{background:var(--accent);border-color:var(--accent);color:#fff}.action.primary:hover:not(:disabled){filter:brightness(1.05)}.action.secondary:hover{border-color:var(--accent);color:var(--accent)}.action.star:hover{color:#f59e0b;border-color:#f59e0b}.action:disabled{opacity:.5;cursor:not-allowed}.share-wrapper{position:relative}.share-menu{z-index:10;border:1px solid var(--border);background:var(--panel);border-radius:.55rem;flex-direction:column;min-width:160px;display:flex;position:absolute;top:calc(100% + .35rem);left:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.share-menu button{text-align:left;background:var(--panel);width:100%;color:var(--text);cursor:pointer;border:none;border-radius:0;padding:.55rem .8rem;font-size:.88rem;font-weight:500;display:block}.share-menu button:hover{background:var(--pill)}.share-menu button+button{border-top:1px solid var(--border)}.results{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem;margin-top:.7rem;display:grid}.card{border:1px solid var(--border);background:var(--panel);border-radius:.7rem;flex-direction:column;gap:.35rem;padding:.7rem .8rem;display:flex}.card-head{align-items:center;gap:.4rem;display:flex}.card-head button{border:1px solid var(--border);background:var(--pill);cursor:pointer;border-radius:.45rem;padding:.18rem .45rem}.card-emoji{font-size:1.1rem;line-height:1}.card-code{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;font-weight:600}.card-head button:hover{border-color:var(--accent)}.card-rule{border-radius:999px;width:100%;height:3px;margin:.1rem 0}.card-title{margin:0;font-weight:600}.card-desc{color:var(--muted);margin:0;font-size:.88rem}.empty{color:var(--muted);text-align:center;margin:1.4rem 0}.footer{color:var(--muted);flex-direction:column;gap:.25rem;margin:1.1rem 0 0;font-size:.9rem;display:flex}.footer p{margin:0}.copied{color:#fff;background:#111;border-radius:.35rem;padding:.25rem .55rem;position:fixed;bottom:1rem;right:1rem}