.ja-symbol-page {padding:24px 0 63px}
.ja-symbol-intro {background:linear-gradient(120deg,#fff 60%,#fff3f1);border:1px solid #e6ebf3;border-radius:15px;padding:24px 27px}
.ja-symbol-eyebrow {font-size:10px;font-weight:850;letter-spacing:1.2px;color:#ce7168}
.ja-symbol-intro h1 {font-size:28px;letter-spacing:-.8px;line-height:1.4;margin-top:7px}
.ja-symbol-intro h1 span {font-size:23px;color:#cc756b}
.ja-symbol-intro p {color:#7e8da2;font-size:12px;margin-top:8px}
.ja-symbol-search-wrap {margin-top:20px;display:flex;align-items:center;position:relative}
.ja-symbol-search-wrap>span {position:absolute;left:14px;font-size:23px;color:#7d92b0;pointer-events:none}
#ja-symbol-search {width:100%;height:49px;background:#fff;border:1px solid #dfe6ef;border-radius:9px;padding:0 42px;font-size:14px;outline:none}
#ja-symbol-search:focus {border-color:#93add1;box-shadow:0 0 0 3px #e9f0fb}
#ja-symbol-clear {position:absolute;right:9px;top:8px;border:0;border-radius:8px;background:#f0f3f9;color:#637895;width:30px;height:30px;font-size:22px}
.ja-symbol-suggest {display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:12px}
.ja-symbol-suggest span {font-size:11px;color:#93a1b2}
.ja-symbol-suggest button {border:1px solid #e5eaf3;background:#fff;padding:5px 10px;border-radius:7px;font-size:11px;color:#4c6486}
.ja-symbol-panel {border:1px solid #e6ebf2;background:#fff;border-radius:13px;padding:21px 24px;margin-top:16px}
.ja-symbol-heading {display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.ja-symbol-heading h2 {font-size:17px;color:#314565}
.ja-symbol-heading span {font-size:11px;color:#96a3b2}
.ja-symbol-categories {display:flex;flex-wrap:wrap;gap:7px}
.ja-symbol-category {border:1px solid #e0e7f1;background:#f8faff;color:#516781;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700}
.ja-symbol-category:hover {background:#edf3fc}
.ja-symbol-category.active {background:#375d9d;border-color:#375d9d;color:#fff}
.ja-symbol-tabs {display:flex;gap:7px;margin-bottom:15px;flex-wrap:wrap}
.ja-symbol-tabs button {border:1px solid #e3e9f1;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:800;color:#65809f;background:#f8faff}
.ja-symbol-tabs button.active {background:#385c99;border-color:#385c99;color:#fff}
.ja-symbol-grid {display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}
.ja-symbol-tile {min-width:0;position:relative;border:1px solid #e6eaf1;border-radius:9px;background:#fff;overflow:hidden}
.ja-symbol-copy {display:grid;place-items:center;width:100%;height:65px;border:0;background:transparent;color:#2e405e;font-size:27px;line-height:1}
.ja-symbol-tile:hover {border-color:#b4cbe9;background:#f8fbff}
.ja-symbol-star {position:absolute;right:2px;top:1px;border:0;background:transparent;color:#d0d8e3;font-size:14px;padding:3px}
.ja-symbol-star.active {color:#e7b64f}
.ja-symbol-more-wrap {display:flex;justify-content:center;margin-top:15px}
.ja-symbol-empty {padding:30px;background:#f7faff;border-radius:8px;text-align:center;font-size:12px;color:#8494aa}
.ja-symbol-unicode label {display:block;color:#577093;font-size:12px;margin-bottom:6px;font-weight:800}
.ja-symbol-unicode form>div {display:flex;gap:8px}
.ja-symbol-unicode input {border:1px solid #dee6f1;border-radius:8px;padding:0 13px;font-size:14px;min-height:41px;max-width:100%}
.ja-unicode-result {display:block;width:80px;height:80px;border:1px solid #dbe6f4;background:#f7faff;color:#304a77;font-size:36px;border-radius:11px;margin-top:14px}
.ja-unicode-result[hidden] {display:none}
.ja-unicode-error {font-size:12px;color:#b65f54;margin-top:9px}
.ja-symbol-help {padding:22px 25px;background:#fff;border:1px solid #e6ebf2;border-radius:12px;margin-top:16px}
.ja-symbol-help h2 {font-size:15px}
.ja-symbol-help p {color:#8391a5;font-size:12px;line-height:1.8;margin-top:7px}
.ja-symbol-manual {position:fixed;left:50%;bottom:85px;transform:translateX(-50%);width:min(530px,calc(100% - 26px));z-index:99;background:#fff;box-shadow:0 8px 30px #b1bed4}
@media(max-width:860px) {.ja-symbol-grid {grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:680px) {.ja-symbol-page {padding:15px 0 40px}.ja-symbol-intro {padding:20px 16px}.ja-symbol-intro h1 {font-size:23px}.ja-symbol-intro h1 span {font-size:20px}.ja-symbol-panel {padding:17px 13px}.ja-symbol-heading h2 {font-size:16px}.ja-symbol-heading span {font-size:10px}.ja-symbol-grid {grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.ja-symbol-copy {height:59px;font-size:24px}.ja-symbol-categories {gap:6px}.ja-symbol-category {font-size:11px;padding:7px 9px}}

.ja-symbol-copy.symbol-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Noto Emoji",sans-serif}