:root{color-scheme:dark;--bg:#000;--panel:#242424;--line:#404040;--text:#eee;--muted:#aaa;--accent:#b9e77d;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--font)}.topbar{min-height:52px;padding:7px max(calc((100vw - 1200px)/2),16px);background:#202020;border-bottom:1px solid #383838;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{color:var(--text);text-decoration:none;font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;white-space:nowrap}.brand-mark{color:var(--accent);font-size:20px}.search-wrap{width:min(420px,55vw);height:34px;display:flex;background:#111;border:1px solid #555;border-radius:3px}.search-wrap:focus-within{border-color:#999}.search-wrap input{width:100%;min-width:0;border:0;outline:0;background:none;color:var(--text);padding:0 9px;font:13px var(--font)}.search-wrap input::placeholder{color:#999}.search-wrap button{width:33px;border:0;background:none;color:#aaa;font-size:18px;cursor:pointer}main{max-width:1200px;margin:0 auto;padding:10px 16px 24px}.tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:9px;overflow:auto;scrollbar-width:none}.tabs::-webkit-scrollbar,.categories::-webkit-scrollbar{display:none}.tab{flex:none;padding:8px 1px 7px;border:0;border-bottom:2px solid transparent;background:none;color:#bbb;font:13px var(--font);cursor:pointer}.tab:hover{color:#fff}.tab.active{border-color:var(--accent);color:var(--accent)}.categories{display:flex;gap:5px;overflow:auto;white-space:nowrap;scrollbar-width:none;margin-bottom:8px}.cat{flex:none;border:1px solid #393939;border-radius:3px;padding:5px 8px;background:#151515;color:#c8c8c8;font:11px var(--font);cursor:pointer}.cat:hover{background:#262626}.cat.active{border-color:#718653;color:#d9edc4;background:#22281c}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,48px);align-content:start;gap:4px}.emoji-card{width:48px;height:48px;padding:0;border:1px solid #454545;border-radius:2px;background:var(--panel);color:var(--text);font:25px "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;cursor:pointer;display:grid;place-items:center}.symbol-card{width:auto;min-width:48px;height:48px;padding:0 8px;border:1px solid #454545;border-radius:2px;background:var(--panel);color:var(--text);font:25px "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;cursor:pointer;display:grid;place-items:center;white-space:nowrap}.emoji-card:hover,.symbol-card:hover,.template-card:hover{background:#343434;border-color:#777}.more{margin:14px auto 0;border:1px solid #444;border-radius:3px;background:#171717;color:#ddd;padding:7px 13px;font:12px var(--font);cursor:pointer}.hidden{display:none!important}.symbol-group{margin:13px 0 18px}.symbol-group h2{font:600 13px var(--font);color:#bbb;margin:0 0 7px}.symbol-grid{display:flex;flex-wrap:wrap;gap:4px}.template-card{display:inline-grid;place-items:center;min-width:44px;height:39px;padding:0 9px;margin:0 4px 4px 0;border:1px solid #454545;border-radius:2px;background:var(--panel);color:#eee;font:12px Consolas,"Courier New",monospace;cursor:pointer}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%,8px);opacity:0;pointer-events:none;background:#e6e6e6;color:#111;border-radius:3px;padding:8px 12px;font-size:12px;transition:.15s}.toast.show{transform:translate(-50%,0);opacity:1}.empty{color:#aaa;font-size:13px;padding:20px 0}@media(max-width:520px){.topbar{padding:7px 10px;gap:10px}.brand{font-size:13px}.brand-mark{font-size:18px}.search-wrap{width:52vw}main{padding:8px 10px 20px}.tabs{gap:14px}.emoji-grid{grid-template-columns:repeat(auto-fill,46px);gap:3px}.emoji-card{width:46px;height:46px;font-size:25px}.symbol-card{min-width:46px;height:46px;padding:0 7px;white-space:nowrap}}