:root{--bg:#f4f7f5;--ink:#14253c;--muted:#64748b;--line:#dfe7e5;--green:#087764;--green-dark:#075b4d;--mint:#eaf7f2;--white:#fff;--shadow:0 20px 58px rgba(15,35,45,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}::selection{background:#bcebd9;color:#123b32}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #2a9f88;outline-offset:3px}.skip{position:absolute;top:-100px;left:12px;z-index:1000;padding:10px 16px;background:white}.skip:focus{top:10px}
.site-header{background:#fffdfd;border-bottom:1px solid #e4eae7}.head-inner{min-height:72px;max-width:1190px;margin:auto;padding:10px 24px;display:flex;align-items:center;gap:24px}.brand{font-size:18px;font-weight:850;letter-spacing:-.6px;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand em{font-style:normal;color:var(--green)}.brand-icon{width:32px;height:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-10deg)}.brand-icon span{background:var(--green);border-radius:4px}.brand-icon span:nth-child(2){background:#83c9b7}.brand-icon span:nth-child(3){background:#b1dfd1}.topnav{margin-left:auto;display:flex;align-items:center;gap:28px;color:#475569;font-size:13px;font-weight:650}.topnav a:hover,.footer a:hover{color:var(--green)}.release-tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border:1px solid #c9e8dc;background:var(--mint);color:var(--green-dark);padding:7px 10px;border-radius:99px;white-space:nowrap}
.hero{background:radial-gradient(ellipse 65% 105% at 78% 10%,#e1f7ea 0%,transparent 70%),linear-gradient(125deg,#f8fbfa,#f2f7f5);border-bottom:1px solid #e8efec}.hero-inner{text-align:center;max-width:970px;margin:auto;padding:66px 20px 50px}.eyebrow{display:inline-flex;gap:9px;align-items:center;padding:8px 14px;border:1px solid #cce8db;border-radius:99px;background:#ffffffc9;color:#0b705d;font-size:12px;font-weight:750;letter-spacing:.025em}.spark{font-size:18px}.hero h1{font-size:clamp(38px,6.2vw,76px);line-height:1.04;letter-spacing:-.055em;font-weight:850;margin:20px 0 18px}.hero h1 span{color:var(--green)}.hero-summary{margin:0 auto;max-width:685px;color:#536477;font-size:clamp(15px,1.5vw,18px);line-height:1.68}.feature-strip{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin:24px auto 0;color:#526879;font-size:12px;font-weight:650}.feature-strip>span{display:flex;gap:7px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:var(--green)}
.workspace{max-width:1120px;margin:auto;padding:34px 24px 72px}.panel{background:var(--white);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.editor{padding:28px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.overline{font-size:11px;letter-spacing:.1em;font-weight:800;color:#0b7861;margin:0 0 7px}.panel h2,.section-title h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.035em;line-height:1.2;margin:0 0 8px}.local-tag{font-size:11px;background:#f1fbf6;color:#0b7952;border:1px solid #d5efe0;border-radius:99px;padding:7px 12px;white-space:nowrap;font-weight:700}.field-label{display:block;margin:24px 0 10px;font-size:13px;font-weight:750}.editor textarea{background:#f9fbfa;resize:vertical;min-height:145px;width:100%;padding:18px 20px;border:1px solid #cfddd6;border-radius:14px;font-size:18px;line-height:1.65;color:#23394b;unicode-bidi:plaintext}.editor textarea:focus{background:#fff}.editor-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.editor-bottom p{font-size:12px;color:#718091;max-width:520px;margin:0}.editor-buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.counter{font-size:11px;color:#758597;margin-right:3px}.btn{border:0;border-radius:10px;min-height:40px;padding:9px 15px;font-size:12px;font-weight:800;transition:background .15s}.btn.outline{background:#ecf8f2;color:#09654f;border:1px solid #bce6d4}.btn.outline:hover{background:#dbf5e8}.btn.subtle{background:#f3f6f5;color:#566576}.btn.subtle:hover{background:#e9efeb}.btn.primary{background:var(--green);color:white}.btn.primary:hover{background:var(--green-dark)}.jump-nav{display:flex;gap:10px;margin:20px 0 34px}.jump-nav a{flex:1;background:#fff;border:1px solid #dde8e2;border-radius:12px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:750}.jump-nav a:hover{border-color:#9ed7c3;background:#f9fffb}.jump-nav span{color:#07876a;font-size:18px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-title p:not(.overline){color:#667587;font-size:14px;margin:6px 0 0;line-height:1.65}.count-chip{padding:8px 13px;font-size:12px;color:#187058;font-weight:750;background:#eaf6ef;border:1px solid #d4e9dd;border-radius:100px;white-space:nowrap}
.filters,.emoji-controls{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:24px 0}.searchwrap{min-width:230px;flex:1;position:relative}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-54%);font-size:23px;color:#718394;pointer-events:none}.searchwrap input{width:100%;border:1px solid #d6e3dc;background:#fff;padding:13px 16px 13px 43px;min-height:48px;border-radius:12px;font-size:13px;color:var(--ink)}.chip-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.filter-chip{border:1px solid #d8e4df;background:white;border-radius:99px;min-height:39px;padding:8px 14px;color:#607185;font-size:12px;font-weight:700}.filter-chip.is-active{background:#0e7b67;border-color:#0e7b67;color:#fff}.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.style-card{background:white;border:1px solid #e0e8e4;border-radius:16px;min-width:0;padding:17px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 16px rgba(21,49,43,.025);transition:border-color .15s,transform .15s}.style-card:hover{border-color:#aadccb;transform:translateY(-2px)}.style-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.style-title{font-weight:800;font-size:14px;margin:0}.style-kind{font-size:10px;color:#688072;border-radius:99px;background:#f1f7f4;padding:4px 8px;white-space:nowrap}.style-preview{border-radius:9px;background:#f7faf8;padding:16px;min-height:72px;display:flex;align-items:center;color:#233b3e;line-height:1.5;word-break:break-word;overflow-wrap:anywhere;font-size:clamp(17px,2vw,23px);unicode-bidi:plaintext}.style-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px}.style-hint{color:#82908e;font-size:11px}.copy-button{background:#e9f6ef;border:1px solid #b9e5d1;color:#087153;border-radius:9px;padding:8px 13px;min-height:38px;font-size:12px;font-weight:800;flex-shrink:0}.copy-button:hover{background:#d7f1e4}.empty{padding:22px;background:white;border:1px dashed #c5dcd0;border-radius:12px;color:#5e6f72}
.emoji-section{padding:28px;margin-top:54px}.emoji-hero{font-size:28px;color:#0b8067;white-space:nowrap}.emoji-controls{margin-top:25px}.emoji-controls select{background:white;border:1px solid #d7e3dd;border-radius:12px;min-height:48px;padding:10px 15px;color:#405462;font-size:13px;min-width:200px}.emoji-info{display:flex;justify-content:space-between;gap:15px;color:#7b8b91;font-size:11px;margin-bottom:14px}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:10px}.emoji-item{border:1px solid #e1e9e5;border-radius:12px;background:#fafcfa;position:relative;min-height:73px;display:flex;align-items:center;justify-content:center}.emoji-item:hover{background:#f0fbf5;border-color:#abddc8}.emoji-copy{border:0;background:transparent;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:31px;line-height:1.2;min-height:68px;flex:1;border-radius:12px}.emoji-insert{position:absolute;right:3px;bottom:3px;border:1px solid #cfe4d8;border-radius:6px;color:#077053;background:#fff;width:24px;height:24px;font-size:16px;font-weight:700;line-height:22px;padding:0}.emoji-insert:hover{background:#e1f7eb}.editorial{margin-top:54px}.editorial h2{font-size:24px;letter-spacing:-.03em}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.editorial-grid>div{border-top:2px solid #d1e8dc;padding:16px 3px}.editorial h3{font-size:15px;margin:0 0 10px}.editorial p{color:#617184;font-size:13px;line-height:1.7;margin:0}.footer{background:#fff;border-top:1px solid #e3e9e6;color:#64748b}.footer-inner{padding:22px 24px;max-width:1120px;margin:auto;display:flex;justify-content:space-between;gap:15px;font-size:12px}.toast{position:fixed;z-index:100;left:50%;bottom:20px;transform:translate(-50%,90px);opacity:0;pointer-events:none;background:#124c3d;color:#fff;box-shadow:0 12px 40px #122f2550;border-radius:12px;padding:11px 18px;max-width:calc(100vw - 30px);font-size:13px;font-weight:700;transition:transform .18s,opacity .18s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.topnav{gap:15px}.filters{flex-wrap:wrap}.searchwrap{flex-basis:100%}.style-grid{gap:11px}}@media(max-width:690px){.head-inner{min-height:64px;padding:10px 17px;gap:10px;flex-wrap:wrap}.topnav{display:none}.release-tag{margin-left:auto;font-size:10px}.hero-inner{padding:45px 18px 37px}.hero h1{font-size:clamp(34px,10.5vw,52px)}.feature-strip{gap:9px 16px}.workspace{padding:18px 14px 54px}.editor,.emoji-section{padding:18px;border-radius:17px}.local-tag{display:none}.editor-bottom{display:block}.editor-buttons{margin-top:13px}.jump-nav{margin-bottom:28px}.style-grid{grid-template-columns:1fr}.section-title{align-items:start}.count-chip{font-size:11px}.emoji-controls{flex-direction:column;align-items:stretch}.emoji-controls select{width:100%}.editorial-grid{grid-template-columns:1fr;gap:2px}.emoji-info{flex-wrap:wrap}.footer-inner{flex-direction:column}.emoji-hero{display:none}}@media(max-width:380px){.brand{font-size:16px}.filter-chip{font-size:11px;padding:7px 10px}.jump-nav a{padding:12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.style-card,.toast{transition:none}.style-card:hover{transform:none}}

/* Pages use one visual system, and only show features relevant to their search intent. */
.mode-bold .chip-row,.mode-italic .chip-row,.mode-decor .chip-row{display:none}
.mode-bold .emoji-section,.mode-italic .emoji-section,.mode-decor .emoji-section{display:none}
.mode-emoji .results,.mode-emoji .jump-nav .style-jump{display:none}
.related-tools{max-width:1190px;padding:6px 22px;margin:24px auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.related-tools a,.lang-link{display:inline-flex;padding:9px 13px;border:1px solid #d5e6df;border-radius:10px;background:#fff;color:#0b6755;line-height:1.2;text-decoration:none;font-size:.9rem}
.related-tools a:hover,.lang-link:hover{border-color:#0e8068;background:#eaf7f2}
.emoji-more{display:block;margin:20px auto 8px;min-height:44px;padding:10px 22px;border-radius:9px;border:1px solid #0f7360;background:white;color:#0b6554;font-weight:700;cursor:pointer}
.emoji-more[hidden]{display:none}
.emoji-item button:focus-visible,.related-tools a:focus-visible,.lang-link:focus-visible{outline:3px solid #087764;outline-offset:3px}
@media(max-width:600px){.lang-link{font-size:.79rem;padding:7px 8px}.head-inner{gap:12px}.release-tag{display:none}}

/* Revision 2026-11-04: compact, accessible galleries; all current URL paths stay stable. */
.style-more{display:block;margin:20px auto 8px;min-height:44px;padding:11px 23px;
  border-radius:11px;border:1px solid #0f7360;background:#fff;color:#0b6554;font-weight:750;cursor:pointer}
.style-more[hidden]{display:none}
.mode-italic .style-grid,.mode-bold .style-grid,.mode-decor .style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.mode-italic .style-card,.mode-bold .style-card,.mode-decor .style-card{padding:12px;gap:7px;border-radius:12px}
.mode-italic .style-preview,.mode-bold .style-preview,.mode-decor .style-preview{
  min-height:48px;padding:9px 11px;font-size:clamp(16px,1.7vw,21px)}
.mode-italic .style-hint,.mode-bold .style-hint,.mode-decor .style-hint{font-size:11px}
.mode-italic .editor,.mode-bold .editor,.mode-decor .editor{margin-bottom:20px}
.mode-italic .results,.mode-bold .results,.mode-decor .results{margin-top:20px}
.mode-italic .section-title,.mode-bold .section-title,.mode-decor .section-title{margin-bottom:16px}

/* Preserve meaningful breathing room for editorial content and footer at any viewport. */
.editorial{max-width:1190px;margin:58px auto 48px;padding:0 clamp(22px,4.5vw,56px)}
.related-tools{padding-left:clamp(22px,4.5vw,56px);padding-right:clamp(22px,4.5vw,56px)}
.footer-inner{padding:30px clamp(24px,5vw,64px);max-width:1190px}

/* The special-symbol page starts with uncommon characters, not a generic text editor. */
.specials-section{padding:28px;margin-bottom:20px}
.specials-section .section-title{margin-bottom:18px}
.special-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 20px}
.special-tab{border:1px solid #cbded7;border-radius:12px;background:#fff;color:#185745;
  padding:12px 16px;font-size:14px;font-weight:730;min-height:46px;cursor:pointer}
.special-tab:hover{background:#f2fbf7;border-color:#0a816b}
.special-tab.is-active{color:#fff;background:#087764;border-color:#087764}
.special-tab:focus-visible,.special-copy:focus-visible,.special-insert:focus-visible,.style-more:focus-visible{
  outline:3px solid #1c9a7b;outline-offset:3px}
.special-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.special-controls>input,.special-controls>select{font:inherit;min-width:0;min-height:46px;
  border:1px solid #cbded7;border-radius:12px;background:white;color:#253d48;padding:10px 13px}
.special-controls>input{flex:1 1 300px}
.special-controls>select{flex:0 1 220px}
.special-controls[hidden],.special-grid[hidden],.special-meta[hidden]{display:none}
.special-meta{font-size:12px;color:#607c73;margin:12px 0 17px}
.special-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:9px}
.special-tile{position:relative;min-width:0;display:flex;flex-direction:column;background:white;
  border:1px solid #e0e8e4;border-radius:12px;min-height:91px;overflow:hidden}
.special-tile:hover{border-color:#8ccdb5;box-shadow:0 3px 14px rgba(13,83,58,.08)}
.special-copy{border:0;background:transparent;display:flex;flex:1;align-items:center;
  flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:76px;
  padding:9px 5px;color:#1a3f34;cursor:pointer}
.special-glyph{font-size:clamp(24px,2.3vw,32px);line-height:1.3;overflow-wrap:anywhere;word-break:break-word}
.special-name{font-size:10px;line-height:1.25;text-align:center;color:#5e7870;
  overflow-wrap:anywhere;max-height:38px;overflow:hidden}
.special-insert{position:absolute;top:4px;right:4px;width:23px;height:23px;border-radius:50%;
  background:#ecf6f0;color:#0e7862;border:1px solid #b6dacf;cursor:pointer;
  font-size:15px;line-height:19px;font-weight:800}
.special-grid.faces-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}
.faces-grid .special-glyph{font-size:clamp(16px,1.6vw,22px);font-family:ui-monospace,monospace}
.faces-grid .special-tile{min-height:86px}
.emoji-composer{margin:20px 0 8px;border:1px solid #d9e8e0;border-radius:16px;background:#fff;overflow:hidden}
.emoji-composer summary{font-weight:720;color:#0e6856;cursor:pointer;padding:16px 19px;min-height:52px}
.emoji-composer[open] summary{border-bottom:1px solid #e6f0ea}
.emoji-composer .editor{border:0;box-shadow:none;border-radius:0}
.emoji-section[hidden]{display:none!important}
.mode-emoji .emoji-section{margin-top:0}
.mode-emoji .workspace{padding-top:25px}

@media(max-width:900px){
 .mode-italic .style-grid,.mode-bold .style-grid,.mode-decor .style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 .mode-italic .style-grid,.mode-bold .style-grid,.mode-decor .style-grid{grid-template-columns:1fr}
 .specials-section{padding:18px}
 .special-tab{flex:1 1 130px;font-size:12px;padding:10px 11px}
 .special-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:7px}
 .special-grid.faces-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .special-name{font-size:9px}
 .editorial{padding:0 22px;margin:38px auto 38px}
 .footer-inner{padding:30px 26px}
 .special-controls>input,.special-controls>select{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){.special-tile{transition:none}}
/* Searchable historic symbols, text faces, and optional topic shortcuts. */
.special-quick-links{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 13px}
.special-quick-links button{font:inherit;font-size:12px;font-weight:700;line-height:1.3;min-height:40px;
 background:#f3faf6;color:#0b6551;border:1px solid #bcdacd;border-radius:12px;padding:9px 11px;cursor:pointer}
.special-quick-links button:hover{background:#e6f5ec;border-color:#0c8465}
.special-quick-links button:focus-visible{outline:3px solid #0b9673;outline-offset:2px}
.special-context{color:#64776e;font-size:12px;line-height:1.5;margin:0 0 12px}