@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lora-latin-600-normal-B-3RcLOQ.woff2) format("woff2"),url(/assets/lora-latin-600-normal-Dc3EneHn.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/lora-latin-700-normal-BHK4Pzk4.woff2) format("woff2"),url(/assets/lora-latin-700-normal-Yfa97ytg.woff) format("woff")}@font-face{font-family:Lora;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/lora-latin-400-italic-DYjZp4sZ.woff2) format("woff2"),url(/assets/lora-latin-400-italic-wRLkZNVE.woff) format("woff")}:root{font-family:DM Sans,sans-serif;color:#30241f;background:#faf8f3;font-synthesis:none;--cream:#faf8f3;--ink:#30241f;--muted:#8c7367;--coral:#c95235;--coral-bright:#ed7354;--border:#e4dbd0;--serif:"Lora",Georgia,serif;--face:"Hiragino Kaku Gothic ProN","Arial Unicode MS","Apple Symbols","Noto Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bc5236;outline-offset:4px}input:focus-visible{outline:none}button:disabled{cursor:default}::selection{background:#f6c4b3;color:#30241f}.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}.skip-link{position:fixed;top:-100px;left:20px;padding:14px;background:var(--ink);color:#fff;z-index:20;border-radius:8px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--border);background:var(--cream)}.header-inner{max-width:1280px;margin:auto;min-height:80px;display:flex;align-items:center;gap:26px;padding:0 22px}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand img{width:42px;height:42px;object-fit:contain}.brand>span{font-family:var(--serif);font-size:29px;font-weight:700;letter-spacing:-1.1px}.brand-tagline{font-family:var(--serif);font-size:17px;font-style:italic;white-space:nowrap;border-left:1px solid #d5c7b9;padding-left:25px;color:#725445}.header-inner nav{display:flex;align-items:center;gap:13px;margin-left:auto;font-size:16px}.header-inner nav a{padding:10px 17px;min-height:43px;display:flex;gap:8px;align-items:center;border-radius:30px;transition:background .18s,color .18s}.header-inner nav a:hover{background:#f1ece4}.header-inner nav a.active{background:#f9e2d9;color:#bd462d;font-weight:600}.favorite-count{font-size:11px;background:#c95237;color:#fff;min-width:19px;height:19px;padding:2px 4px;border-radius:50%;text-align:center}.page-wrap{max-width:1240px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;position:relative;min-height:278px;padding:28px 8px 22px}.eyebrow{color:var(--coral);font-size:13px;letter-spacing:2px;font-weight:700;margin:0 0 13px;line-height:1.5}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-size:62px;line-height:1.1;font-weight:700;letter-spacing:-1.8px;margin:0 0 17px;position:relative;z-index:1}.hero-description{font-size:17px;color:#775c4e;margin:0;line-height:1.6;white-space:nowrap}.hero-art{width:100%;height:240px;object-fit:contain;display:block;object-position:center;mix-blend-mode:multiply}.alternate-hero h1{font-size:47px}.search-form{height:59px;border:1.7px solid var(--coral);border-radius:40px;display:flex;align-items:center;gap:15px;padding:0 22px;background:#fffdfa;transition:box-shadow .2s}.search-form:focus-within{box-shadow:0 0 0 4px #e3735220}.search-form>svg{flex-shrink:0}.search-form input{min-width:0;flex:1;border:0;outline:0;background:none;color:var(--ink);font-size:20px;height:100%;padding:0}.search-form input::placeholder{color:#947564;opacity:1}.search-form kbd{font-size:15px;font-family:inherit;color:#9f8d7c;border:1px solid var(--border);width:25px;height:27px;border-radius:5px;display:flex;justify-content:center;align-items:center}.clear-search{display:grid;place-items:center;width:38px;height:42px;border-radius:50%;padding:0;flex-shrink:0}.clear-search:hover{color:var(--coral)}.categories{display:flex;justify-content:center;align-items:center;gap:10px;margin:23px 0 30px;position:relative;z-index:3}.category-scroll{display:flex;gap:10px;min-width:0}.category-pill{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #bebf98;border-radius:30px;min-height:44px;padding:0 21px;white-space:nowrap;font-size:15px;background:transparent;transition:background .18s,border-color .18s,transform .18s}.category-pill>svg{color:#5f663c}.category-pill:hover{background:#f0f0e2;border-color:#979e6e;transform:translateY(-1px)}.category-pill.selected{background:var(--coral);border-color:var(--coral);color:#fff;font-weight:600}.category-pill.selected svg{color:#fff}.category-pill:first-child{min-width:91px}.more-categories{position:relative;flex-shrink:0}.more-pill{padding:0 14px;border-color:#ded6ca;color:#796c5a}.more-pill svg{color:inherit}.category-popover{position:absolute;top:53px;right:0;min-width:190px;background:#fffdfa;border:1px solid var(--border);padding:7px;border-radius:14px;box-shadow:0 8px 24px #30241f10}.category-popover>a{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;min-height:45px;border-radius:8px;font-size:15px}.category-popover>a:hover,.category-popover>a.active{background:#f8e7dc;color:var(--coral)}.selected-dot{width:6px;height:6px;border-radius:100%;background:var(--coral);margin-left:auto}.library{scroll-margin-top:24px;min-height:360px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:50px;margin-bottom:15px}.section-heading h2{font-family:var(--serif);font-size:34px;font-weight:600;line-height:1.25;letter-spacing:-.8px;margin:0;display:flex;align-items:center;gap:13px;overflow-wrap:anywhere}.heading-spark{color:#dfb351;transform:rotate(8deg);flex-shrink:0}.section-hint{display:flex;align-items:center;gap:10px;font-size:15px;color:#8a6c5b;white-space:nowrap}.kaomoji-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kaomoji-card{position:relative;min-width:0;height:116px;border-radius:14px;border:1px solid #e3d9cf;background:#fffefd;transition:border-color .2s,background .2s,transform .2s;overflow:hidden}.kaomoji-card:hover,.kaomoji-card:focus-within,.kaomoji-card.is-copied{border-color:#edac99;background:#fff0e9;transform:translateY(-2px)}.face-button{display:block;width:100%;height:100%;text-align:left;padding:18px 15px 13px;border-radius:13px}.face-button:focus-visible{outline:2px solid var(--coral);outline-offset:-3px}.face{display:flex;align-items:center;justify-content:center;width:100%;height:49px;padding-right:12px;font-family:var(--face);font-size:36px;letter-spacing:0;line-height:1.4;color:#29211e;white-space:nowrap}.long-face .face{font-size:29px}.face-name{display:block;color:#856250;font-size:14px;line-height:20px;margin-top:7px;padding-right:70px;white-space:nowrap}.favorite-button{position:absolute;right:8px;top:3px;width:44px;height:44px;display:grid;place-items:center;color:#7e5b49;transition:color .15s,transform .2s}.favorite-button:hover{color:var(--coral);transform:scale(1.09)}.favorite-button.is-saved{color:var(--coral)}.copy-label{position:absolute;right:11px;bottom:11px;padding:6px 10px;min-height:30px;border-radius:22px;background:var(--coral);color:#fff;display:flex;align-items:center;gap:6px;font-size:12px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.kaomoji-card:hover .copy-label,.kaomoji-card:focus-within .copy-label,.kaomoji-card.is-copied .copy-label{opacity:1;transform:translateY(0)}.is-copied .copy-label{background:#627342}.library-bottom{display:flex;align-items:center;justify-content:space-between;min-height:73px;color:#917f6b;font-size:12px}.load-more{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 18px;border:1px solid #c8baa7;border-radius:25px;color:#725d49;font-size:13px;transition:background .2s}.load-more:hover{background:#efe8db}.end-note{font-style:italic;font-family:var(--serif)}.favorites-note{color:#887160;font-size:14px;margin:0 0 24px;line-height:1.6}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:345px;border:1px dashed #ded2c4;border-radius:15px;text-align:center;padding:40px 24px;background:#fffaf4}.empty-state>svg{color:#bd6a50;margin-bottom:20px}.empty-state h3{font-family:var(--serif);font-size:25px;font-weight:500;margin-bottom:12px}.empty-state p{font-size:15px;line-height:1.6;color:#8a7162;margin-bottom:25px}.primary-button{min-height:44px;padding:0 20px;background:var(--coral);border-radius:25px;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:500}.primary-button:hover{background:#bf4930}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.collection-card{border:1px solid #e4d9c8;border-radius:15px;padding:22px 26px 25px;text-align:left;transition:transform .2s,border-color .2s}.collection-card:hover{transform:translateY(-4px);border-color:#ba9d7c}.collection-card.butter{background:#faf2d9}.collection-card.blush{background:#fae9e1}.collection-card.sage{background:#eceddf}.collection-top{display:flex;align-items:center;justify-content:space-between;color:#8f7255}.collection-faces{font-family:var(--face);display:flex;justify-content:center;align-items:center;height:98px;font-size:33px;color:#493b30;white-space:nowrap}.collection-card h3{font-family:var(--serif);font-weight:600;font-size:21px;letter-spacing:-.5px;margin-bottom:11px}.collection-card p{font-size:14px;color:#836e5b;line-height:1.6;min-height:44px;margin-bottom:18px}.collection-action{font-size:13px;display:flex;align-items:center;gap:8px;color:#795d43;font-weight:500}.little-guide{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:37px;padding:42px 8px 49px;border-top:1px solid #e5dcd0}.guide-eyebrow{color:#a27d57;font-size:10px;letter-spacing:1.6px;font-weight:600}.little-guide h2{font-family:var(--serif);font-size:25px;font-weight:500;letter-spacing:-.6px;margin:12px 0 13px}.little-guide p{color:#897363;font-size:13px;line-height:1.9;margin-bottom:0;max-width:440px}.guide-questions details{border-bottom:1px solid #e7ddcf;padding:15px 0}.guide-questions details:first-child{padding-top:6px}.guide-questions summary{cursor:pointer;font-size:14px;list-style-position:inside;color:#755c48;min-height:22px}.guide-questions details p{margin:10px 0 2px 15px;font-size:13px}.site-footer{border-top:1px solid var(--border)}.footer-inner{max-width:1240px;margin:auto;padding:24px 30px 30px;display:flex;align-items:center;gap:30px;color:#93806f;font-size:11px}.footer-brand{font-family:var(--serif);font-weight:600;font-size:16px;color:#6d5643}.footer-brand span{font-family:DM Sans,sans-serif;display:block;font-size:11px;font-weight:400;color:#a18d79;margin-top:5px}.footer-copyright{margin-left:auto}.footer-inner>button{min-height:40px;padding:0;color:#8d7561;font-size:12px}.footer-inner>button:hover{color:var(--coral)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:7px 8px 7px 17px;border-radius:30px;box-shadow:0 5px 20px #44321d12;background:#ebeed9;color:#3f482d;z-index:20;font-size:14px;max-width:calc(100vw - 32px);animation:toast-in .2s ease-out}.toast>svg{color:#667a3d;flex-shrink:0}.toast button{display:grid;place-items:center;width:36px;min-width:36px;height:36px;border-radius:50%;color:inherit}.toast button:hover{background:#4851280d}.toast.info{background:#fff0d6;color:#715423}.info-dialog{border:1px solid #dfd2c1;border-radius:20px;max-width:530px;width:calc(100vw - 32px);padding:44px 35px 35px;background:#fffcf7;color:var(--ink);box-shadow:0 20px 80px #30241f20}.info-dialog::backdrop{background:#30241f60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.info-dialog h2{font-family:var(--serif);font-size:27px;font-weight:600;line-height:1.35;margin-bottom:18px}.info-dialog h3{font-family:var(--serif);font-size:18px;font-weight:500;margin:25px 0 12px}.info-dialog p:not(.eyebrow){font-size:14px;line-height:1.8;color:#826b58}.info-dialog .dialog-fineprint{font-size:12px}.dialog-close{position:absolute;top:10px;right:11px;display:grid;place-items:center;width:40px;height:40px;color:#80634e}.manual-copy-input{width:100%;border:1px solid #caaf98;border-radius:10px;font-family:var(--face);font-size:30px;text-align:center;background:#fff;padding:20px 10px;margin:10px 0 25px;color:#30241f}@keyframes toast-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(min-width:1500px){.header-inner{max-width:1360px}.page-wrap,.footer-inner{max-width:1320px}.hero{min-height:300px}.hero-art{height:260px}h1{font-size:60px}.kaomoji-card{height:126px}.face{font-size:31px;height:56px}}@media(max-width:1150px){.brand-tagline{display:none}.hero{gap:10px}h1{font-size:47px}.hero-description{font-size:15px}.category-pill{padding:0 16px}.category-scroll,.categories{gap:8px}.face{font-size:25px}.long-face .face{font-size:21px}.little-guide{gap:50px}.brand>span{font-size:28px}}@media(max-width:900px){.header-inner{min-height:74px}.hero{min-height:257px;padding-top:28px}h1{font-size:40px;letter-spacing:-1.3px}.hero-description{font-size:13px;white-space:normal;max-width:310px}.hero-art{height:220px}.alternate-hero h1{font-size:38px}.eyebrow{font-size:11px;letter-spacing:1.8px}.kaomoji-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-pill{padding:0 13px;font-size:13px;gap:6px}.category-pill>svg{width:20px}.category-pill:first-child{min-width:65px}.categories{justify-content:flex-start}.category-scroll{overflow-x:auto;padding:4px 1px 8px;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.more-categories{margin-top:-4px}.category-scroll .category-pill{flex-shrink:0}.category-pill.more-pill{min-width:0}.section-heading h2{font-size:27px}.section-hint{font-size:13px;gap:6px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-form input{font-size:18px}.little-guide{gap:30px}.face{font-size:27px}.long-face .face{font-size:23px}}@media(max-width:600px){html{scroll-padding-top:15px}.header-inner{min-height:108px;padding:15px 20px 9px;flex-wrap:wrap;justify-content:center;gap:10px}.brand{gap:7px}.brand>span{font-size:26px}.brand img{width:34px;height:34px}.header-inner nav{width:100%;margin-left:0;justify-content:center;gap:9px;font-size:13px}.header-inner nav a{padding:8px 15px;min-height:44px;gap:6px}.header-inner nav a>svg{width:17px;height:17px}.page-wrap{padding:0 20px}.hero{grid-template-columns:1fr;padding:30px 0 20px;min-height:0;gap:0}.hero-copy{text-align:center}.eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:13px}h1{font-size:38px;line-height:1.12;letter-spacing:-1.2px;margin-bottom:15px}.hero-description{font-size:13px;max-width:330px;margin:auto;line-height:1.6}.hero-art{width:100%;height:147px;margin-top:8px;object-fit:contain}.alternate-hero h1{font-size:33px}.alternate-hero .hero-art{height:120px}.search-form{height:52px;padding:0 15px;gap:10px;border-width:1.5px}.search-form>svg{width:21px;height:21px}.search-form input{font-size:14px}.search-form kbd{display:none}.categories{gap:6px;margin:14px 0 17px}.category-pill{min-height:44px;padding:0 13px;font-size:12px;gap:6px}.category-pill>svg{width:18px;height:18px}.category-scroll{gap:7px}.category-pill:first-child{min-width:56px}.more-pill{padding:0 9px;gap:3px;min-width:44px!important}.more-pill>span{font-size:0}.more-pill>svg{width:22px;height:22px}.category-pill.more-pill.selected>span{font-size:11px}.category-popover{top:47px}.section-heading{align-items:flex-start;gap:10px;min-height:0;margin-bottom:16px;flex-direction:column}.section-heading h2{font-size:25px;line-height:1.3;letter-spacing:-.65px;gap:9px}.heading-spark{width:22px;height:22px}.section-hint{font-size:11px;gap:6px}.section-hint>svg{width:17px;height:17px}.kaomoji-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kaomoji-card{height:119px;border-radius:12px}.face-button{padding:21px 10px 12px}.face{font-size:23px;height:43px;padding-right:6px}.long-face .face{font-size:clamp(14px,4vw,18px)}.face-name{font-size:11px;padding-right:0;margin-top:18px;line-height:17px}.favorite-button{width:44px;height:44px;top:0;right:0}.favorite-button>svg{width:19px;height:19px}.copy-label{opacity:1;transform:none;bottom:12px;right:8px;padding:0;background:transparent;color:#9f7964;font-size:0;min-height:17px;gap:0}.copy-label>svg{width:15px;height:15px}.is-copied .copy-label{background:none;color:#627342}.library-bottom{font-size:10px;gap:8px;min-height:75px}.load-more{font-size:11px;min-height:40px;padding:0 12px;gap:7px}.end-note{max-width:130px;text-align:right}.favorites-note{font-size:12px;margin-bottom:20px}.empty-state{min-height:300px;padding:30px 18px}.empty-state h3{font-size:23px}.empty-state p{font-size:13px}.collection-grid{grid-template-columns:1fr;gap:15px}.collection-card{padding:20px 24px}.collection-card p{min-height:0}.collection-faces{height:80px}.library:has(.collection-grid){padding-top:22px}.little-guide{grid-template-columns:1fr;gap:25px;padding:30px 0 35px;margin-top:20px}.little-guide h2{font-size:23px}.little-guide p{font-size:12px}.guide-questions summary{font-size:13px}.footer-inner{padding:23px 20px;gap:16px;flex-wrap:wrap}.footer-brand{width:100%;font-size:16px}.footer-copyright{margin-left:0;margin-right:auto;font-size:10px}.footer-inner>button{font-size:11px;min-height:32px}.toast{bottom:16px;padding:5px 6px 5px 13px;gap:8px;font-size:12px;width:max-content;max-width:calc(100vw - 24px)}.toast>svg{width:21px;height:21px}.toast button{width:32px;min-width:32px;height:34px}.info-dialog{padding:42px 24px 25px}.info-dialog h2{font-size:25px}}@media(max-width:360px){.page-wrap{padding:0 15px}h1{font-size:34px}.section-heading h2{font-size:23px}.face{font-size:20px}.face-name{font-size:10px}.header-inner nav a{padding:8px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.header-inner{min-height:72px}.hero{min-height:244px;padding-block:20px}.hero h1{font-size:58px}.hero-art{height:210px}.hero-picture{display:block;min-width:0}.kaomoji-card{height:102px}.face-button{padding:14px 15px 11px}.face{height:40px;font-size:34px}.face-name{margin-top:6px}.breadcrumbs{display:flex;gap:10px;align-items:center;padding:23px 8px 0;color:#8a7160;font-size:12px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.compact-hero{display:block;min-height:0;padding:24px 8px}.compact-hero h1{font-size:42px;line-height:1.15;margin-bottom:13px}.compact-hero .hero-description{white-space:normal;max-width:810px;font-size:15px;line-height:1.75}.category-hero .eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:11px}.more-expressions{margin-top:17px}.more-expressions>summary{width:fit-content;margin:0 auto;list-style:none}.more-expressions>summary::-webkit-details-marker{display:none}.more-expressions[open]>summary{margin-bottom:17px}.more-expressions:not([open])>.kaomoji-grid{display:none}.more-expressions[open]>summary svg{rotate:180deg}.library-bottom{min-height:58px}.category-directory{margin-top:24px;padding-top:28px;border-top:1px solid var(--border)}.directory-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:18px}.directory-heading h2{font-family:var(--serif);font-size:24px;letter-spacing:-.5px;font-weight:600;margin:0}.directory-heading p{color:#8a7160;font-size:13px;margin:0}.directory-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 20px}.directory-links a{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:11px 0;min-height:44px;border-bottom:1px solid #e9e2d7;font-size:13px}.directory-links a:hover{color:var(--coral)}.directory-count{color:#998471;font-size:10px;white-space:nowrap}@media(max-width:1150px){.hero h1{font-size:47px}.face{font-size:30px}}@media(max-width:900px){.hero h1{font-size:40px}.hero{min-height:230px}.compact-hero{min-height:0}.compact-hero h1{font-size:37px}.directory-links{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-heading{flex-direction:column;gap:8px}.section-heading h2{font-size:26px}}@media(max-width:600px){.header-inner{min-height:108px}.hero{min-height:0;padding:24px 0 18px}.hero h1{font-size:35px}.hero-art{height:104px;margin-top:9px}.hero-description{font-size:12px}.eyebrow{font-size:9px;letter-spacing:1.35px}.breadcrumbs{padding:20px 0 0;font-size:11px}.compact-hero{padding-block:20px}.compact-hero .hero-copy{text-align:left}.compact-hero h1{font-size:31px;letter-spacing:-.8px}.compact-hero .hero-description{font-size:13px;line-height:1.7;max-width:none}.category-hero .eyebrow{font-size:9px}.kaomoji-card{height:107px}.face-button{padding:19px 10px 10px}.face{font-size:23px;height:33px}.long-face .face{font-size:clamp(14px,4vw,18px)}.face-name{margin-top:17px}.copy-label{bottom:10px}.directory-heading h2{font-size:22px}.directory-heading p{font-size:12px}.directory-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}.directory-links a{font-size:11px}.directory-count{font-size:9px}.directory-heading{gap:8px}.section-heading h2{font-size:24px}}@media(max-width:360px){.hero h1{font-size:32px}.face{font-size:20px}.long-face .face{font-size:clamp(14px,4vw,18px)}}textarea{font:inherit;color:var(--ink)}.creator{padding-top:6px}.creator-modes{display:flex;width:fit-content;padding:5px;border:1px solid var(--border);border-radius:40px;background:#f0ece4;margin-bottom:22px;gap:4px}.creator-modes button{min-height:46px;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:30px;color:#705747;font-size:14px}.creator-modes button[aria-pressed=true]{background:#fffdfa;box-shadow:0 2px 5px #49301c0b;color:var(--coral)}.mode-face{font-family:var(--face);font-size:17px}.creator-panel{border:1px solid #e1d6c8;background:#fffdfa;border-radius:20px;padding:32px}.creator-panel-heading{margin-bottom:25px}.creator-step{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#947050}.creator-panel h2{font-family:var(--serif);font-size:29px;line-height:1.3;letter-spacing:-.7px;margin:10px 0;font-weight:600}.creator-panel-heading p{color:#806b5c;font-size:14px;line-height:1.6;margin:0}.prompt-label{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:13px;font-weight:600}.prompt-label>span{font-size:11px;color:#8a7566;font-weight:400}.creator textarea{resize:vertical;min-height:112px;max-height:300px;width:100%;background:#faf7f0;border:1px solid #d9cabb;border-radius:12px;padding:17px 18px;line-height:1.6;font-size:16px;display:block}.creator textarea::placeholder{color:#93806c;opacity:1}.creator textarea:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.creator-help{font-size:11px;color:#806b5c;margin:10px 0 18px;line-height:1.6}.prompt-examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;color:#806b5c}.prompt-examples>span{margin-right:4px}.prompt-examples button{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;min-height:36px;font-size:11px;border:1px solid #e7dccb;border-radius:30px;background:#f9f2e5;color:#70553b}.prompt-examples button:hover{border-color:#bd9d75}.generation-controls{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:20px;margin-top:26px}.style-choices{padding:0;border:0;margin:0;display:flex;gap:7px}.style-choices legend{padding:0;font-size:12px;margin-bottom:9px;font-weight:600}.style-choices button{border:1px solid #e1d6c8;border-radius:20px;min-height:40px;padding:0 16px;font-size:12px}.style-choices button[aria-pressed=true]{background:#f8e7de;border-color:#d89880;color:#973b28}.generate-button{min-height:48px;padding-inline:23px}.creator button:disabled{opacity:.6;cursor:not-allowed}.creator .primary-button:disabled{background:#78675a;color:#fff;opacity:1}.connection-note{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 16px;color:#796554;font-size:12px;line-height:1.7;padding-top:20px;margin-top:20px;border-top:1px solid #eee5d9}.connection-note.unavailable,.connection-note.error{background:#f8f0df;border:1px solid #e7d8b8;border-radius:10px;padding:12px 15px}.connection-note button{display:inline-flex;gap:7px;align-items:center;min-height:34px;font-size:12px;font-weight:600;color:#9e402c;padding:0}.creator-error{font-size:13px;padding:13px 16px;line-height:1.6;color:#9b3528;border:1px solid #e9b3a8;border-radius:9px;background:#fff0eb;margin:15px 0 0}.creation-results{padding-top:28px;margin-top:28px;border-top:1px solid var(--border)}.results-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:17px}.results-heading h3{font-family:var(--serif);font-weight:600;font-size:21px;margin:0}.results-heading>span{color:#826a58;font-size:11px}.creation-results .kaomoji-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creation-results .kaomoji-card{height:120px}.creation-results .face{font-size:clamp(20px,2.7vw,34px)}.creation-results .long-face .face{font-size:clamp(15px,2vw,25px)}.manual-workspace{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}.creation-preview{background:#f7f0df;border:1px solid #e5d9c0;border-radius:12px;padding:42px 20px 24px;text-align:center;align-self:start;position:sticky;top:25px}.composed-face{display:flex;align-items:center;justify-content:center;min-height:126px;font-family:var(--face);font-size:clamp(25px,3.5vw,48px);white-space:nowrap;letter-spacing:0}.preview-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.save-creation{display:inline-flex;align-items:center;gap:7px;padding:0 16px;min-height:44px;border:1px solid #cbbb9f;border-radius:25px;font-size:13px}.save-creation[aria-pressed=true]{color:var(--coral);border-color:#cf9b85}.shuffle-creation{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#765d46;margin-top:15px;min-height:42px}.creation-preview>p{font-size:11px;color:#92765b;line-height:1.7;margin:18px 0 0}.part-options{border:0;padding:0;margin:0 0 22px;min-width:0}.part-options:last-child{margin-bottom:0}.part-options legend{font-size:12px;font-weight:600;margin-bottom:10px;padding:0}.part-options>div{display:flex;flex-wrap:wrap;gap:8px}.part-options button{min-width:75px;flex:1;max-width:135px;min-height:65px;padding:9px 12px;border:1px solid #e5dacc;border-radius:10px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:10px;color:#80654f;background:#fffdfa}.part-options button[aria-pressed=true]{border-color:#cb7e62;background:#fbece3;color:#9e402c;box-shadow:0 0 0 1px #cb7e62 inset}.part-symbol{font-family:var(--face);font-size:21px;line-height:1.4;color:#4c392b;white-space:pre}.creator-guide{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:37px 5px 10px}.creator-guide h2{font-family:var(--serif);font-size:23px;line-height:1.35;font-weight:600;margin-bottom:13px}.creator-guide p{font-size:13px;line-height:1.8;color:#806a59}.create-callout{border:1px solid #e5d4bb;border-radius:14px;background:#f8f0df;padding:22px 25px;margin:8px 0 30px;display:flex;align-items:center;gap:27px}.callout-face{font-family:var(--face);font-size:31px;white-space:nowrap}.create-callout h2{font-family:var(--serif);font-size:20px;margin:0 0 6px}.create-callout p{font-size:13px;color:#836c56;margin:0;line-height:1.6}.create-callout>a{display:flex;align-items:center;gap:12px;margin-left:auto;min-height:44px;font-size:13px;font-weight:600;color:#9e402c;white-space:nowrap}@media(max-width:900px){.brand-tagline{display:none}.header-inner nav{gap:5px}.header-inner nav a{padding-inline:10px}.creator-panel{padding:25px}.manual-workspace{gap:22px;grid-template-columns:1fr 1.2fr}.creator-guide{gap:30px}.create-callout{gap:18px}.callout-face{font-size:24px}}@media(max-width:600px){.header-inner nav{gap:3px}.header-inner nav a{padding:8px 9px;font-size:12px}.header-inner nav a>svg{display:none}.favorite-count{font-size:10px;min-width:16px;height:16px;padding:1px 3px}.creator-modes{width:100%;margin-bottom:16px}.creator-modes button{flex:1;font-size:12px;gap:7px;padding:0 10px}.creator-panel{padding:23px 18px;border-radius:15px}.creator-panel h2{font-size:24px}.creator-panel-heading p{font-size:12px}.creator-step{font-size:9px;letter-spacing:1.2px}.prompt-label{font-size:12px}.creator textarea{font-size:16px;padding:13px;min-height:134px}.prompt-examples{gap:7px}.prompt-examples>span{width:100%}.prompt-examples button{font-size:10px;min-height:38px}.generation-controls{gap:20px;margin-top:24px}.style-choices{width:100%}.style-choices button{flex:1;padding-inline:10px}.generate-button{width:100%}.connection-note{font-size:11px}.results-heading{flex-direction:column;gap:8px}.results-heading h3{font-size:20px}.creation-results .kaomoji-grid{grid-template-columns:1fr}.creation-results .face{font-size:29px}.creation-results .long-face .face{font-size:clamp(15px,4.5vw,23px)}.manual-workspace{grid-template-columns:1fr;gap:27px}.creation-preview{position:static;padding:25px 14px 16px}.composed-face{min-height:95px;font-size:37px}.creation-preview>p{display:none}.part-options button{min-width:60px;padding-inline:6px}.part-symbol{font-size:19px}.creator-guide{grid-template-columns:1fr;gap:15px;padding-top:30px}.creator-guide h2{font-size:21px}.creator-guide p{font-size:12px}.create-callout{padding:20px;gap:15px;flex-wrap:wrap;margin-top:14px}.callout-face{font-size:24px}.create-callout>div{flex:1;min-width:180px}.create-callout h2{font-size:18px}.create-callout p{font-size:12px}.create-callout>a{margin-left:0}}