:root{font-family:'DM Sans',system-ui,sans-serif;color:#14203e;background:#F3F7FF;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}.app{--bg:#F3F7FF;--panel:#fff;--ink:#14203e;--muted:#67738b;--line:#e8ebf1;--yellow:#ffd63e;--blue:#2768ee;--shadow:0 5px 22px #24324a0b;background:var(--bg);color:var(--ink);min-height:100vh}.app.dark{--bg:#111827;--panel:#192235;--ink:#f2f5ff;--muted:#b0bdd2;--line:#344156;--shadow:0 5px 22px #0003}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,58px);border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-family:Nunito,sans-serif;font-size:20px;font-weight:900;white-space:nowrap}.brand>span:last-child>span{color:#2768ee}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#fff3c6;font-size:21px}.main-nav{display:flex;align-items:center;gap:clamp(12px,2.5vw,34px)}.main-nav a,footer a{color:var(--ink);font-size:12px;font-weight:700;text-decoration:none}.main-nav a:hover,footer a:hover{color:var(--blue)}.top-actions{display:flex;gap:10px;align-items:center}.language,.theme-button{height:38px;border:1px solid var(--line);border-radius:22px;background:var(--panel);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;font-weight:700;font-size:12px}.theme-button{width:38px;padding:0;background:#fff2bf;border-color:#fff2bf}.hero{position:relative;overflow:hidden;padding:43px 20px 28px;background:radial-gradient(ellipse at 14% 35%,#e5efff 0%,transparent 30%),radial-gradient(ellipse at 85% 22%,#dceaff 0%,transparent 32%)}
.app.dark .hero{background:radial-gradient(ellipse at 14% 35%,#243451 0%,transparent 34%),radial-gradient(ellipse at 85% 22%,#202d46 0%,transparent 34%)}.hero-inner{max-width:900px;margin:auto;text-align:center;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#62718d}.hero .eyebrow{display:inline-flex;align-items:center;gap:6px;color:#6c6e91;background:#f1edff;border-radius:20px;padding:7px 11px}.hero h1{font-family:Nunito,sans-serif;font-size:clamp(34px,4.2vw,57px);letter-spacing:-1.8px;line-height:1.12;margin:15px 0 9px;font-weight:900}.hero h1 span{position:relative;white-space:nowrap}.hero h1 span:after{content:'';position:absolute;z-index:-1;bottom:1px;left:1%;width:98%;height:10px;border-radius:10px;background:#ffda4d;transform:rotate(-1.7deg)}.hero p{font-size:clamp(14px,1.5vw,18px);color:var(--muted);margin:0 0 22px}.hero-search{height:62px;max-width:835px;margin:auto;display:flex;align-items:center;gap:13px;padding:6px 7px 6px 22px;border:1px solid #dce2ec;border-radius:19px;background:var(--panel);box-shadow:0 5px 14px #1a28430d}.hero-search>svg{color:#14203e;flex-shrink:0}.hero-search input,.keyboard-search input{border:0;outline:0;min-width:0;flex:1;background:transparent;color:var(--ink);font:inherit}.hero-search input::placeholder,.keyboard-search input::placeholder{color:#9aa5b8}.hero-search button,.copy-main{display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:15px;padding:0 20px;height:48px;background:var(--yellow);color:#16213b;font-weight:800;font-size:13px;white-space:nowrap;cursor:pointer}.hero-search button:hover,.copy-main:hover{background:#ffcb16}.prompt-row{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:15px}.prompt-row>span{font-size:12px;font-weight:800;margin-right:2px}.prompt-row button{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:8px 13px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 2px 5px #17233b05}.prompt-row button:hover{border-color:#f1ca3e;background:#fff8d9}.scribble{position:absolute;top:65px;font-family:Nunito,sans-serif;font-weight:800;font-size:14px;line-height:1.5;color:#33415f;transform:rotate(-7deg);padding:20px 22px;border-radius:45% 55% 52% 48%;background:#fff3d7b5}.scribble-left{left:2%;}.scribble-right{right:2%;top:72px;background:#eaf4ffb8;transform:rotate(7deg)}.panel{margin:0 clamp(14px,2vw,28px) 16px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.workspace{display:grid;grid-template-columns:1.03fr 1fr;padding:18px 24px 16px;gap:24px}.result-side{padding-right:23px;border-right:1px solid var(--line)}.section-kicker{font-size:13px;font-weight:800;margin-bottom:9px;display:flex;align-items:center;gap:6px}.expression-input{height:45px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dfe4ed;background:color-mix(in srgb,var(--panel),#f1f5fb 45%);border-radius:11px;padding:0 12px;font-size:13px;margin-bottom:18px;gap:10px}.expression-input span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expression-input button,.builder-output button{border:0;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer}.section-heading{font-size:13px;font-weight:800;margin-bottom:9px}.info-dot{display:inline-grid;place-items:center;width:14px;height:14px;border:1px solid #98a5ba;border-radius:50%;font-size:9px;color:#74829a}.recommended-grid{display:grid;grid-template-columns:repeat(5,minmax(48px,1fr)) 58px;gap:8px}.recommend-tile,.more-tile{min-width:0;height:78px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:flex;align-items:center;justify-content:center;font-size:35px;cursor:pointer;transition:transform .15s,border-color .15s}.recommend-tile:hover{transform:translateY(-2px);border-color:#f3ce45}.more-tile{flex-direction:column;gap:4px;font-size:10px;color:var(--muted)}.builder-side{min-width:0}.builder-output{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dfe4ed;border-radius:11px;background:color-mix(in srgb,var(--panel),#f1f5fb 45%);padding:8px 12px;min-height:59px}.builder-emojis{font-size:28px;overflow-wrap:anywhere;line-height:1.3;flex:1;min-width:0}.builder-emojis.has-message{font-size:14px;line-height:1.65;white-space:normal;overflow-wrap:anywhere}.tone-label{font-size:12px;font-weight:800;margin:12px 0 7px}.tone-row{display:flex;gap:6px;flex-wrap:wrap}.tone{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:20px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:11px;font-weight:700;cursor:pointer}.tone span{font-size:15px}.tone.active{background:#fff4c9;border-color:#f3cf4d}.copy-main{width:100%;height:43px;margin-top:11px;border-radius:10px}.keyboard{padding:0 16px 12px;scroll-margin-top:80px}.keyboard-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);min-height:49px;overflow-x:auto}.keyboard-tab{display:flex;align-items:center;gap:7px;white-space:nowrap;height:49px;padding:0 12px;background:transparent;border:0;border-bottom:3px solid transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.keyboard-tab.active{color:var(--ink);border-bottom-color:#ffcf28}.skin-tones{margin-left:auto;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;color:var(--muted)}.skin-dot{width:21px;height:21px;border-radius:50%;border:1px solid #d9dce1;color:transparent;font-size:0;cursor:pointer;background:linear-gradient(135deg,#fff0d8,#f4d4b4)}.skin-dot:nth-of-type(2){background:#edc49d}.skin-dot:nth-of-type(3){background:#dca071}.skin-dot:nth-of-type(4){background:#ad704b}.skin-dot:nth-of-type(5){background:#68412e}.keyboard-search{display:flex;align-items:center;gap:10px;margin:12px 0 10px;padding:0 13px;height:39px;border:1px solid var(--line);border-radius:10px;color:#8793a8}.keyboard-search input{font-size:12px}.keyboard-search span{font-size:10px;white-space:nowrap}.category-row{display:grid;grid-template-columns:repeat(10,minmax(52px,1fr));gap:6px;margin-bottom:10px}.category-chip{height:57px;border:1px solid transparent;border-radius:11px;background:color-mix(in srgb,var(--panel),#f1f4f8 45%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--ink);cursor:pointer}.category-chip span{font-size:21px}.category-chip small{font-size:10px;color:var(--muted)}.category-chip.active{background:#fff8dc;border-color:#f4dc82}.emoji-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:5px}.emoji-cell{position:relative;min-width:0;aspect-ratio:1.12;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:clamp(19px,2vw,27px);display:grid;place-items:center;cursor:pointer}.emoji-cell:hover{background:#fff8dc;border-color:#f1d36d;z-index:2}.emoji-hover{display:none;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);padding:5px 8px;background:#15213c;color:white;border-radius:6px;font-size:10px;white-space:nowrap;z-index:5}.emoji-cell:hover .emoji-hover{display:block}.empty-state{text-align:center;padding:24px;color:var(--muted);font-size:13px}.keyboard-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 3px 0;font-size:10px;color:var(--muted)}.keyboard-bottom button,.text-link{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#2768ee;font-weight:800;font-size:11px;cursor:pointer;white-space:nowrap}.popular-section,.guides{margin:30px clamp(16px,3vw,42px)}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px}.section-title-row h2{font-family:Nunito,sans-serif;font-size:25px;letter-spacing:-.6px;margin:5px 0 0}.popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.popular-card{display:flex;align-items:center;gap:11px;min-height:78px;padding:12px;border:1px solid transparent;border-radius:14px;text-align:left;color:var(--ink);cursor:pointer;position:relative}.popular-card:hover{border-color:#e5c958;transform:translateY(-1px)}.popular-card.pink{background:#fff0f5}.popular-card.cream{background:#fff8e9}.popular-card.blue{background:#eef6ff}.popular-card.peach{background:#fff0e8}.popular-card.green{background:#eff9ed}.popular-icon{font-size:30px}.popular-card b,.benefit b,.guide-card b{display:block;font-size:12px;margin-bottom:4px}.popular-card small,.benefit small,.guide-card small{display:block;color:#68758d;font-size:10px;line-height:1.45}.card-arrow{margin-left:auto;opacity:0;color:#2768ee}.popular-card:hover .card-arrow{opacity:1}.benefits{margin:0 clamp(16px,3vw,42px);padding:20px 23px;border:1px solid var(--line);border-radius:18px;background:var(--panel);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.benefit{display:flex;align-items:center;gap:12px}.benefit-icon{width:42px;height:42px;flex-shrink:0;border-radius:13px;display:grid;place-items:center}.benefit-icon.purple{background:#f0eaff;color:#7a56e8}.benefit-icon.lilac{background:#f2e9ff;color:#a04ee7}.benefit-icon.blue{background:#e8f3ff;color:#3774e8}.benefit-icon.green{background:#e5f9e8;color:#2c9a52}.guides{margin-top:30px}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.guide-card{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-align:left;color:var(--ink);cursor:pointer;min-width:0}.guide-card>span{font-size:28px}.guide-card>div{min-width:0;flex:1}.guide-card b{font-size:11px}.guide-card small{font-size:10px}.guide-card>svg{color:#8a96aa;flex-shrink:0}footer{border-top:1px solid var(--line);padding:23px clamp(18px,4vw,58px);display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--panel)}footer .brand{font-size:17px}footer>span{font-size:11px;color:var(--muted)}footer>div{display:flex;gap:16px;margin-left:auto}footer>small{width:100%;text-align:center;color:var(--muted);font-size:10px}.dark .scribble{color:#24324c}.dark .popular-card.pink,.dark .popular-card.cream,.dark .popular-card.blue,.dark .popular-card.peach,.dark .popular-card.green{background:#253047;border-color:#344156}.dark .category-chip,.dark .expression-input,.dark .builder-output{background:#202b40}.dark .tone.active{background:#574b24;color:#fff6d5}.dark .hero-search>svg{color:var(--ink)}
@media(max-width:1050px){.scribble{display:none}.main-nav{gap:12px}.main-nav a{font-size:11px}.emoji-grid{grid-template-columns:repeat(15,minmax(0,1fr))}.popular-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace{gap:16px;padding:16px}.result-side{padding-right:15px}.recommended-grid{grid-template-columns:repeat(5,minmax(40px,1fr))}.more-tile{display:none}}
@media(max-width:720px){.topbar{height:58px;padding:0 14px}.brand{font-size:17px}.brand-mark{width:28px;height:28px}.main-nav{display:none}.top-actions{gap:6px}.language{height:34px;padding:0 9px}.theme-button{height:34px;width:34px}.hero{padding:32px 14px 22px}.hero h1{font-size:clamp(32px,8vw,43px);letter-spacing:-1.2px;margin-top:12px}.hero p{max-width:420px;margin:0 auto 18px;line-height:1.5}.hero-search{height:55px;padding:5px 5px 5px 13px;gap:8px;border-radius:15px}.hero-search>svg{width:19px}.hero-search input{font-size:12px}.hero-search button{height:43px;padding:0 12px;font-size:11px;gap:5px;border-radius:12px}.hero-search button svg:first-child{display:none}.prompt-row{gap:6px}.prompt-row button{font-size:10px;padding:7px 10px}.panel{margin-left:10px;margin-right:10px;border-radius:15px}.workspace{grid-template-columns:1fr;gap:16px;padding:15px}.result-side{border-right:0;border-bottom:1px solid var(--line);padding:0 0 15px}.expression-input{font-size:12px}.recommended-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.recommend-tile{height:61px;font-size:30px}.more-tile{display:none}.builder-emojis{font-size:25px}.tone-row{gap:5px}.tone{padding:7px 9px;font-size:10px}.keyboard{padding:0 9px 10px}.keyboard-tabs{gap:2px}.keyboard-tab{padding:0 9px;font-size:11px}.skin-tones{display:none}.keyboard-search{margin-top:9px}.category-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.category-chip{height:53px}.emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.emoji-cell{font-size:25px;border-radius:8px}.keyboard-bottom{align-items:flex-start;line-height:1.5}.keyboard-bottom span{max-width:68%}.popular-section,.guides{margin:25px 14px}.section-title-row h2{font-size:22px}.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.popular-card{min-height:70px;padding:9px;gap:8px}.popular-icon{font-size:26px}.popular-card b{font-size:11px}.popular-card small{font-size:9px}.card-arrow{display:none}.benefits{margin:0 14px;padding:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.benefit{align-items:flex-start;gap:9px}.benefit-icon{width:34px;height:34px;border-radius:10px}.benefit-icon svg{width:17px}.benefit b{font-size:11px}.benefit small{font-size:9px}.guide-grid{grid-template-columns:1fr 1fr;gap:7px}.guide-card{padding:10px;gap:7px;align-items:flex-start}.guide-card>span{font-size:23px}.guide-card b{font-size:10px}.guide-card small{font-size:9px}.guide-card>svg{display:none}footer{padding:20px 16px;gap:12px}footer>span{width:calc(100% - 150px)}footer>div{margin-left:0;width:100%;order:3}footer>small{order:4;text-align:left}}
@media(max-width:380px){.hero h1{font-size:30px}.hero-search button{padding:0 9px}.hero-search button svg:last-child{display:none}.popular-card{gap:6px}.popular-icon{font-size:23px}.tone{padding:6px 7px}.emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}

/* Pre-rendered SEO landing pages */
.seo-page-wrap{--seo-bg:#F3F7FF;--seo-panel:#fff;--seo-ink:#14203e;--seo-muted:#67738b;--seo-line:#e8ebf1;background:var(--seo-bg);color:var(--seo-ink);min-height:100vh}.seo-topbar{position:sticky}.seo-language{text-decoration:none;color:var(--seo-ink)}.seo-main{max-width:1120px;margin:0 auto;padding:22px 22px 48px}.seo-breadcrumb{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--seo-muted);margin:4px 0 23px}.seo-breadcrumb a{color:#2768ee;text-decoration:none;font-weight:700}.seo-hero{text-align:center;padding:24px 0 28px;max-width:860px;margin:0 auto}.seo-hero .eyebrow{display:inline-flex;align-items:center;gap:7px;color:#6c6e91;background:#f1edff;border-radius:20px;padding:7px 11px}.seo-hero h1{font-family:Nunito,sans-serif;font-size:clamp(34px,4.2vw,55px);line-height:1.12;letter-spacing:-1.6px;margin:18px 0 12px}.seo-hero p{color:var(--seo-muted);font-size:17px;line-height:1.65;max-width:740px;margin:0 auto 24px}.seo-search{max-width:790px}.seo-tool{padding:24px;margin:0 0 19px}.seo-tool-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:15px}.seo-tool-head h2{font-family:Nunito,sans-serif;font-size:23px;margin:4px 0 0;letter-spacing:-.4px}.seo-count{font-size:11px;color:var(--seo-muted);background:#f3f5f9;border-radius:20px;padding:7px 10px}.seo-emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.seo-emoji-tile{position:relative;min-height:90px;border:1px solid var(--seo-line);border-radius:14px;background:#fff;display:grid;place-items:center;font-size:37px;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.seo-emoji-tile:hover{transform:translateY(-2px);border-color:#e7c958}.seo-emoji-tile.selected{background:#fff8dc;border-color:#f0cb37;box-shadow:inset 0 0 0 1px #f0cb37}.seo-emoji-tile span{position:absolute;bottom:6px;right:8px;font-family:system-ui,sans-serif;font-size:10px;font-weight:800;color:#7d8799}.seo-selection{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 0;margin-top:19px;border-top:1px solid var(--seo-line)}.seo-selection-value{font-size:32px;min-height:42px;overflow-wrap:anywhere}.seo-selection .copy-main{margin:0;width:auto;min-width:210px}.copy-main:disabled{opacity:.45;cursor:not-allowed}.seo-tip{font-size:11px;color:var(--seo-muted);margin:13px 0 0}.seo-content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.8fr);gap:18px}.seo-article,.seo-related{margin:0;padding:24px;align-self:start}.seo-article h2,.seo-related h2{font-family:Nunito,sans-serif;font-size:23px;letter-spacing:-.5px;margin:9px 0 12px}.seo-article h3{font-size:15px;margin-top:22px}.seo-article p{color:#55627b;font-size:14px;line-height:1.8;margin:12px 0}.seo-related h2{font-size:19px;margin-top:0;margin-bottom:13px}.seo-related-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--seo-line);color:var(--seo-ink);text-decoration:none;font-size:13px;font-weight:700}.seo-related-link:last-child{border-bottom:0}.seo-related-link svg{color:#2768ee;flex-shrink:0}.seo-related-link:hover{color:#2768ee}.seo-page-wrap footer{color:var(--seo-ink)}.seo-page-wrap footer>span{line-height:1.6;max-width:440px}.seo-page-wrap footer>div{gap:15px}.seo-page-wrap footer a{color:var(--seo-ink)}.seo-page-wrap footer small{margin-top:3px}
@media(max-width:760px){.seo-main{padding:15px 12px 32px}.seo-breadcrumb{margin:4px 3px 13px}.seo-hero{padding:22px 2px 20px}.seo-hero h1{font-size:clamp(32px,8vw,42px);letter-spacing:-1px;margin:13px 0 10px}.seo-hero p{font-size:14px;line-height:1.6;margin-bottom:18px}.seo-search{height:54px}.seo-search button{padding:0 12px}.seo-tool{padding:15px;margin-left:0;margin-right:0}.seo-tool-head h2{font-size:20px}.seo-emoji-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.seo-emoji-tile{min-height:68px;font-size:31px}.seo-selection{align-items:stretch;flex-direction:column;gap:12px}.seo-selection .copy-main{width:100%;min-width:0}.seo-selection-value{font-size:27px}.seo-content-grid{grid-template-columns:1fr;gap:12px}.seo-article,.seo-related{padding:17px}.seo-article h2{font-size:21px}.seo-page-wrap footer>span{width:100%;max-width:none}.seo-page-wrap footer>div{margin-left:0}.seo-page-wrap footer>small{text-align:left}}
.home-language{text-decoration:none;color:var(--ink)}.emoji-cell-wrap{position:relative;min-width:0}.emoji-cell-wrap .emoji-cell{width:100%;height:100%}.emoji-fav{position:absolute;right:2px;top:2px;width:21px;height:21px;border:1px solid #e9e0e8;border-radius:50%;display:grid;place-items:center;background:#fff;color:#dc4c78;opacity:0;cursor:pointer;z-index:3;padding:0}.emoji-cell-wrap:hover .emoji-fav,.emoji-fav:focus-visible,.emoji-fav.is-favorite{opacity:1}.emoji-fav.is-favorite{background:#fff0f5;border-color:#f5c5d7}.seo-page-wrap .seo-topbar .language{text-decoration:none;color:var(--seo-ink)}@media(max-width:720px){.emoji-fav{opacity:.9;width:19px;height:19px;right:1px;top:1px}.emoji-fav svg{width:10px;height:10px}}
.seo-lang-switch{gap:5px}.seo-lang-switch .language{padding:0 9px}.home-language{min-width:36px;text-decoration:none}
@media(max-width:720px){.home-language{height:31px;min-width:31px;padding:0 8px;font-size:10px}.seo-lang-switch{gap:4px}.seo-lang-switch .language{height:32px;padding:0 7px;font-size:10px}}

/* v0.5 dependency-free static build refinements */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.builder-text-input{display:block;width:100%;margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:12px;color:var(--ink);background:var(--panel)}
.copy-feedback{font-size:11px;color:var(--muted);min-height:15px;margin-top:4px}
.skin-dot{font-size:15px;color:transparent;overflow:hidden;text-indent:-999px;position:relative}
.skin-dot::after{content:' ';display:block;width:17px;height:17px;border-radius:50%;position:absolute;inset:1px;background:#ffe0c1;border:1px solid #e0b995}
.skin-dot[data-tone="1"]::after{background:#f2cba8}.skin-dot[data-tone="2"]::after{background:#dca071}.skin-dot[data-tone="3"]::after{background:#ad704b}.skin-dot[data-tone="4"]::after{background:#68412e}.skin-dot[data-tone="5"]::after{background:#43291d}
.skin-dot.active{outline:2px solid #f0ca34;outline-offset:2px}
.combo-chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}.combo-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--seo-line);border-radius:12px;background:#F3F7FF;padding:11px 14px;font-size:23px;cursor:pointer}.combo-chip span{font:700 14px 'DM Sans',sans-serif;color:#52617b}.combo-chip:hover{border-color:#f0cb37;background:#fff8dc}
.selected-builder-chip{display:inline-flex;align-items:center;gap:4px;margin:2px;padding:3px 5px;border:1px solid var(--line);border-radius:7px;font-size:20px;background:var(--panel)}.selected-builder-chip button{border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;padding:0 2px}
.keyboard-search input:focus-visible,.hero-search input:focus-visible,.builder-text-input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #4b86f5;outline-offset:2px}
button:disabled{opacity:.55;cursor:not-allowed!important}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Theme tokens for static SEO pages */
.seo-page-wrap{--bg:var(--seo-bg);--panel:var(--seo-panel);--ink:var(--seo-ink);--muted:var(--seo-muted);--line:var(--seo-line)}
.seo-page-wrap.dark{--seo-bg:#111827;--seo-panel:#192235;--seo-ink:#f2f5ff;--seo-muted:#b0bdd2;--seo-line:#344156;--bg:var(--seo-bg);--panel:var(--seo-panel);--ink:var(--seo-ink);--muted:var(--seo-muted);--line:var(--seo-line)}
.seo-page-wrap.dark .seo-emoji-tile,.seo-page-wrap.dark .combo-chip{background:#202b40;color:var(--seo-ink);border-color:var(--seo-line)}
.seo-page-wrap.dark .seo-emoji-tile.selected,.seo-page-wrap.dark .combo-chip:hover{background:#574b24;border-color:#cdb13c}
.seo-page-wrap.dark .seo-count{background:#253047;color:var(--seo-muted)}
.seo-page-wrap.dark .seo-article p{color:var(--seo-muted)}
.seo-page-wrap .builder-text-input{color:var(--ink)}


/* v0.7 navigation and directory usability fixes */
.language-picker{display:flex;align-items:center;gap:6px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--ink);flex-shrink:0}
.language-select{appearance:none;max-width:142px;border:0;outline:0;background:transparent;color:var(--ink);font:700 12px 'DM Sans',system-ui,sans-serif;cursor:pointer;padding:3px 1px}
.language-select option{background:#fff;color:#14203e}
.language-caret{font-size:14px;color:var(--muted);pointer-events:none;margin-left:-2px}
.benefit-link{text-decoration:none;color:var(--ink);border-radius:13px;transition:background .15s,transform .15s}
.benefit-link:hover{background:color-mix(in srgb,var(--panel),#fff2bd 40%);transform:translateY(-1px)}
.expression-directory{margin:20px 0 22px;padding:23px;border:1px solid var(--seo-line);border-radius:18px;background:var(--seo-panel)}
.expression-directory .section-title-row{align-items:center}
.expression-directory .section-title-row h2{font:900 clamp(22px,3vw,29px) Nunito,sans-serif;letter-spacing:-.6px;margin:6px 0}
.directory-intro{color:var(--seo-muted);font-size:13px;line-height:1.6;margin:0;max-width:720px}
.directory-count{display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:12px;background:#fff4c9;color:#14203e;font-weight:900}
.expression-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.expression-directory-card{min-height:88px}
.expression-directory-card small{line-height:1.4}
.guide-directory{margin-top:22px}
.guide-directory .guide-grid{margin-top:12px}
@media(max-width:900px){.topbar{gap:14px;padding-inline:16px}.main-nav{gap:12px}.main-nav a{font-size:11px}.language-picker{padding-inline:8px}.language-select{max-width:92px;font-size:11px}}
@media(max-width:760px){.topbar{height:auto;min-height:58px;flex-wrap:wrap;padding:10px 13px;gap:9px}.topbar .brand{font-size:18px}.top-actions{margin-left:auto;gap:7px}.language-picker{height:33px}.language-select{max-width:100px;font-size:10px}.language-picker svg{width:13px;height:13px}.theme-button{width:33px;height:33px}.main-nav{order:3;width:100%;overflow-x:auto;gap:17px;padding:3px 1px 6px;scrollbar-width:thin}.main-nav a{white-space:nowrap;font-size:11px}.expression-directory{padding:15px;margin:14px 0}.expression-directory-grid{grid-template-columns:1fr 1fr;gap:7px}.expression-directory-card{min-height:76px;padding:9px;gap:7px}.expression-directory-card .popular-icon{font-size:24px}.expression-directory-card b{font-size:11px}.expression-directory-card small{font-size:10px}.directory-intro{font-size:12px}.directory-count{min-width:31px;height:31px}.seo-page-wrap footer>div{display:flex;flex-wrap:wrap}}
@media(max-width:380px){.expression-directory-grid{grid-template-columns:1fr}.language-select{max-width:90px}}

/* Selected recommendation buttons visually mirror the expression builder state. */
.recommend-tile.selected{border-color:#f0ca35;background:#fff6cf;box-shadow:inset 0 0 0 1px #f0ca35}.app.dark .recommend-tile.selected{background:#3b3520;border-color:#e5c22e}.recommend-tile:focus-visible,.emoji-cell:focus-visible,.emoji-fav:focus-visible,.keyboard-tab:focus-visible,.category-chip:focus-visible,.tone:focus-visible,.language:focus-visible,.theme-button:focus-visible{outline:3px solid #2768ee;outline-offset:2px}
/* Keep horizontally scrollable mobile navigation inside the viewport. */
@media(max-width:760px){.app{max-width:100%;overflow-x:clip}.main-nav{min-width:0;max-width:100%;box-sizing:border-box}.topbar{max-width:100%;box-sizing:border-box}}

/* Native Unicode emoji rendering: keep emoji as text and use the operating system's emoji font. No emoji image packs or remote emoji assets are used. */
.emoji-cell,.recommend-tile,.builder-emojis,.brand-mark,.category-chip>span,.tone>span,.popular-icon,.guide-card>span{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-variant-emoji:emoji;font-kerning:none}
.emoji-hover{font-family:system-ui,sans-serif}

/* v0.14 responsive QA fixes: expose mobile navigation, skin tones, and tidy footer links. */
@media(max-width:760px){
  .main-nav{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;min-width:0;max-width:100%;width:100%;overflow:visible;overscroll-behavior-x:auto;scrollbar-width:thin;gap:8px 16px}
  .main-nav a{flex:0 0 auto;white-space:nowrap}
  .keyboard-tabs{display:flex;flex-wrap:wrap;overflow:visible;align-items:center;gap:3px}
  .keyboard-tab{flex:0 0 auto;height:43px;min-height:43px;padding:0 9px}
  .skin-tones{display:flex;width:100%;margin-left:0;justify-content:flex-start;padding:8px 2px 7px;border-top:1px solid var(--line);white-space:nowrap}
  footer>div{display:flex;flex-wrap:wrap;gap:10px 16px;width:100%;margin-left:0}
  footer>div a{white-space:nowrap;flex:0 0 auto}
}

/* v0.17: mood explorer, signature studio, and duplicate-aware emoji decoder */
.composer-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px;padding:11px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel),#F3F7FF 38%)}
.app.dark .composer-controls{background:var(--panel)}
.composer-controls label,.signature-context-label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px;font-weight:800}
.composer-controls select,.signature-context-label select{width:100%;min-height:35px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font:inherit;font-size:11px}
.composer-action-row{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.mini-action,.button-secondary,.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:9px;padding:9px 11px;background:var(--panel);color:var(--ink);font:700 11px 'DM Sans',system-ui,sans-serif;cursor:pointer;text-decoration:none;transition:transform .12s,border-color .12s}
.button-primary{background:var(--yellow);border-color:#f0ce3d;color:#14203e}.mini-action:hover,.button-secondary:hover,.button-primary:hover{transform:translateY(-1px);border-color:#e2c23c}
.composer-counters{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}.composer-counters b{color:var(--ink)}
.shortcode-suggestions{grid-column:1/-1;padding-top:7px;border-top:1px dashed var(--line)}.shortcode-suggestions small{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.shortcode-chip{border:1px solid #d7e4ff;border-radius:9px;background:#edf4ff;color:#1d4e9e;padding:7px 10px;font:700 12px 'DM Sans',sans-serif;cursor:pointer}
.new-tools-section{margin:26px clamp(16px,3vw,42px)}.new-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.new-tool-card{display:flex;min-height:155px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);text-decoration:none;transition:transform .15s,border-color .15s}.new-tool-card:hover{transform:translateY(-2px);border-color:#ecd05b}.new-tool-emoji{font-size:29px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.new-tool-card b{font-size:14px}.new-tool-card small{font-size:11px;line-height:1.55;color:var(--muted)}
.special-tool-main{max-width:1200px}.tool-intro{padding:18px 21px;margin:0 0 13px;color:var(--seo-muted);line-height:1.65}.tool-intro p{margin:0}.mood-explorer-tools,.signature-builder,.signature-presets,.decoder-tool{padding:20px;margin:0 0 16px}.tool-search-input,.decoder-input{display:block;width:100%;border:1px solid var(--seo-line);border-radius:11px;background:var(--seo-panel);color:var(--seo-ink);font:inherit;padding:12px 14px}.tool-search-input{margin-bottom:13px}.mood-filter-row{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 11px}.mood-filter{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--seo-line);border-radius:999px;padding:8px 11px;background:var(--seo-panel);color:var(--seo-ink);font:700 11px 'DM Sans',sans-serif;cursor:pointer}.mood-filter.active{background:#fff2bd;border-color:#e7c33a;color:#14203e}.mood-results-count{font-size:11px;color:var(--seo-muted);margin:8px 0 12px}.mood-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.mood-card{min-width:0;display:flex;flex-direction:column;gap:9px;padding:15px;border:1px solid var(--seo-line);border-radius:15px;background:var(--seo-panel)}.mood-card[hidden]{display:none!important}.mood-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mood-combo{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:25px;line-height:1.45;overflow-wrap:anywhere}.mood-confidence{flex:0 0 auto;border-radius:99px;background:#edf4ff;color:#365e99;padding:5px 7px;font-size:8px;font-weight:800}.mood-card h2{margin:0;font:800 15px 'Nunito',system-ui,sans-serif;color:var(--seo-ink)}.mood-example{margin:0;color:var(--seo-muted);font-size:11px;line-height:1.55}.mood-long-example summary{font-size:10px;color:var(--seo-ink);cursor:pointer;font-weight:800}.mood-long-example p{color:var(--seo-muted);font-size:11px;line-height:1.55}.mood-card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:4px}.mood-card-actions button{flex:1 1 110px;min-height:34px}.tool-disclaimer{margin:14px 0 0;color:var(--seo-muted);font-size:10px;line-height:1.65}.signature-studio-layout{display:grid;grid-template-columns:1.03fr 1fr;align-items:start;gap:14px}.signature-presets .section-title-row h2,.signature-builder .section-title-row h2{margin:5px 0 0;font:900 23px 'Nunito',system-ui,sans-serif;color:var(--seo-ink)}.signature-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.signature-preset{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:7px;min-height:130px;padding:12px;border:1px solid var(--seo-line);border-radius:12px;background:var(--seo-panel);color:var(--seo-ink);text-align:left;cursor:pointer}.signature-preset:hover{border-color:#e6ca43;background:#fffbed}.signature-preset-combo{font-size:23px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.signature-preset b{font-size:11px}.signature-preset small{font-size:10px;line-height:1.5;color:var(--seo-muted)}.signature-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.signature-slots label{display:flex;flex-direction:column;gap:6px;color:var(--seo-muted);font-size:10px;font-weight:800}.signature-slots input{width:100%;min-width:0;height:50px;border:1px solid var(--seo-line);border-radius:10px;background:var(--seo-bg);color:var(--seo-ink);font:26px "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;text-align:center}.signature-preview{margin:14px 0;padding:18px;border:1px solid #d7e4ff;border-radius:14px;background:#f3f7ff;text-align:center;color:#14203e}.signature-preview small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#667694}.signature-preview>div{margin:10px 0;font-size:30px;letter-spacing:5px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.signature-preview p{margin:0;color:#586780;font-size:12px}.signature-actions{display:flex;flex-wrap:wrap;gap:7px}.signature-actions button{flex:1 1 135px}.tool-status{min-height:15px;margin:9px 0 0;color:var(--seo-muted);font-size:11px}.decoder-tool>label{display:block;font-size:12px;font-weight:800;color:var(--seo-ink);margin-bottom:8px}.decoder-input{resize:vertical;min-height:76px;font-size:19px;line-height:1.6}.decoder-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.decoder-summary{min-height:16px;color:var(--seo-muted);font-size:11px}.decoder-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.decoded-item{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid var(--seo-line);border-radius:10px;background:var(--seo-panel)}.decoded-glyph{flex:0 0 43px;display:grid;place-items:center;min-height:40px;font-size:26px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.decoded-item>div{flex:1;min-width:0}.decoded-item b,.decoded-item small{display:block;overflow-wrap:anywhere}.decoded-item b{font-size:11px;color:var(--seo-ink)}.decoded-item small{margin-top:3px;font-size:9px;line-height:1.4;color:var(--seo-muted)}.decoded-status{font-size:13px;color:#25764c}.decoder-empty{color:var(--seo-muted);font-size:12px}.special-related{padding:18px}.special-related h2{margin:0 0 11px;font:800 17px 'Nunito',system-ui,sans-serif;color:var(--seo-ink)}.special-related-links{display:flex;gap:9px;flex-wrap:wrap}.special-related-links a{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--seo-line);border-radius:9px;background:var(--seo-panel);color:var(--seo-ink);text-decoration:none;font-size:11px;font-weight:700}.special-related-links a:hover{border-color:#e7c83d}.dark .new-tool-card,.seo-page-wrap.dark .mood-card,.seo-page-wrap.dark .signature-preset,.seo-page-wrap.dark .decoded-item{background:var(--panel);border-color:var(--line)}
@media(max-width:900px){.mood-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signature-studio-layout{grid-template-columns:1fr}.new-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.new-tool-card{padding:13px}}
@media(max-width:760px){.new-tools-section{margin:24px 14px}.new-tools-grid{grid-template-columns:1fr}.new-tool-card{min-height:0;padding:14px}.composer-controls{grid-template-columns:1fr;padding:9px}.composer-action-row{gap:5px}.mini-action{padding:8px;font-size:10px}.mood-explorer-tools,.signature-builder,.signature-presets,.decoder-tool{padding:13px;margin-left:0;margin-right:0}.tool-intro{padding:14px}.mood-filter-row{gap:6px}.mood-filter{padding:7px 9px;font-size:10px}.mood-cards-grid{grid-template-columns:1fr}.mood-card{padding:13px}.signature-preset-grid{grid-template-columns:1fr 1fr}.signature-preset{min-height:118px;padding:10px}.signature-preview{padding:14px}.decoder-results{grid-template-columns:1fr}.special-related{padding:14px}.composer-counters{font-size:9px}}
@media(max-width:360px){.signature-preset-grid{grid-template-columns:1fr}.signature-slots{gap:5px}.signature-slots input{font-size:22px}}

/* v0.17: decoder preserves the submitted sequence while deduplicating symbol rows and reporting counts. */
.decoder-sequence-panel{margin:12px 0;padding:13px 14px;border:1px solid var(--seo-line);border-radius:11px;background:var(--seo-bg)}.decoder-sequence-label{display:block;margin-bottom:6px;color:var(--seo-muted);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.decoder-sequence-preview{min-height:32px;color:var(--seo-ink);font:28px/1.5 "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;overflow-wrap:anywhere}.decoded-count{display:inline-flex;align-items:center;justify-content:center;min-width:29px;padding:4px 6px;border-radius:999px;background:#fff0bd;color:#624b00;font-size:10px;font-weight:900;white-space:nowrap}.dark .decoder-sequence-panel{background:var(--panel);border-color:var(--line)}.dark .decoded-count{background:#4f451b;color:#ffe680}

/* v0.18: inline More options and standard information pages */
.recommended-grid.recommendations-expanded{grid-template-columns:repeat(5,minmax(48px,1fr)) 58px;}
.recommended-grid.recommendations-expanded .recommend-tile{height:68px;font-size:30px;}
.recommend-tile.selected{background:#fff5cf;border-color:#f1ca36;box-shadow:inset 0 0 0 1px #f1ca36;}
.main-nav a[aria-current="page"]{color:#2768ee;}
.info-main{max-width:980px;}
.info-hero{padding-bottom:18px;}
.info-content{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch;}
.info-panel,.info-contact-box{margin:0;padding:24px;}
.info-panel h2,.info-contact-box h2,.info-related h2{font-family:Nunito,sans-serif;font-size:19px;line-height:1.35;margin:0 0 12px;color:var(--ink,#14203e);}
.info-panel p{margin:0;color:var(--muted,#67738b);font-size:14px;line-height:1.8;}
.info-contact-box{grid-column:1/-1;}
.info-contact-box label{display:block;font-size:13px;font-weight:800;margin:12px 0 7px;}
.info-contact-box textarea{width:100%;min-height:120px;border:1px solid #dfe4ed;border-radius:11px;padding:12px;color:var(--ink);background:var(--panel);font:inherit;resize:vertical;}
.info-contact-box .copy-main{max-width:260px;}
.info-related{padding:22px;margin:18px clamp(0px,2vw,12px) 0;}
.info-related>div{display:flex;flex-wrap:wrap;gap:10px;}
.info-related a{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;padding:11px 14px;text-decoration:none;color:var(--ink);font-weight:700;font-size:12px;background:var(--panel);}
.info-related a:hover{border-color:#d9bd4c;color:#2768ee;}
@media(max-width:1120px){.topbar{gap:11px}.main-nav{gap:10px}.main-nav a{font-size:10px}.brand{font-size:18px}.top-actions{gap:6px}}
@media(max-width:760px){.info-content{grid-template-columns:1fr;gap:10px}.info-panel,.info-contact-box{padding:17px}.info-contact-box .copy-main{max-width:none}.recommended-grid.recommendations-expanded{grid-template-columns:repeat(3,minmax(0,1fr));}.recommended-grid.recommendations-expanded .more-tile{min-height:62px}.info-related{margin:12px 0 0;padding:16px}.main-nav a[aria-current="page"]{background:#eef3ff;border-radius:8px;padding:5px 8px}}