:root{--bg:#07101f;--panel:#0d1a2f;--panel2:#111f38;--text:#edf5ff;--muted:#91a5bf;--line:#213653;--blue:#5aa7ff;--blue2:#2e78e8;--ok:#65d6a7;--shadow:0 18px 50px rgba(0,0,0,.28);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#07101f 0,#091528 44%,#07101f 100%);color:var(--text);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}body.consent-lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(7,16,31,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{min-height:62px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#246bc4,#63b5ff);box-shadow:0 8px 22px rgba(44,128,229,.34);font-size:19px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.nav-links{margin-left:auto;display:flex;align-items:center;gap:6px}.nav-links a{padding:7px 10px;border-radius:9px;color:#c9d8eb;font-size:14px}.nav-links a:hover{background:#12233e;color:#fff}.mobile-menu{display:none;margin-left:auto;background:#12233e;color:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px}.hero{padding:50px 0 22px;text-align:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border:1px solid #244466;background:#0d1d34;border-radius:999px;color:#9bc9ff;font-size:12px;font-weight:700}.hero h1{font-size:clamp(34px,5vw,56px);line-height:1.02;letter-spacing:-.045em;margin:15px auto 13px;max-width:850px}.hero p{color:#a9bdd4;font-size:clamp(15px,1.8vw,18px);max-width:760px;margin:0 auto}.search-shell{max-width:760px;margin:20px auto 0;position:relative}.search{width:100%;border:1px solid #2a4567;background:#0c1a2f;color:#fff;border-radius:14px;padding:14px 52px 14px 46px;outline:none;box-shadow:var(--shadow)}.search:focus{border-color:#5aa7ff;box-shadow:0 0 0 4px rgba(90,167,255,.12),var(--shadow)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);opacity:.7}.key{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#7990ad;border:1px solid #29415e;background:#0a1526;border-radius:6px;padding:1px 7px;font-size:12px}.category-nav{display:flex;gap:7px;overflow:auto;padding:7px 0 13px;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;border:1px solid #203a5a;background:#0d1b31;color:#bfd0e4;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.chip:hover,.chip.active{background:#17385f;color:#fff;border-color:#376c9d}.tool-panel{background:rgba(13,26,47,.78);border:1px solid #1e3552;border-radius:18px;box-shadow:var(--shadow);padding:14px}.tool-top{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:2px 1px 10px}.tool-top h2{margin:0;font-size:17px}.tool-meta{color:var(--muted);font-size:12px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:18px 0 9px}.section-title h2,.section-title h3{margin:0;letter-spacing:-.02em;font-size:16px}.section-title p{margin:0;color:var(--muted);font-size:12px}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:5px}.emoji-btn{position:relative;min-height:46px;border:1px solid #1e3552;background:#0b182b;border-radius:10px;color:#fff;display:grid;place-items:center;font-size:24px;cursor:pointer;transition:.12s transform,.12s border-color,.12s background;contain:layout paint}.emoji-btn:hover{transform:translateY(-1px);border-color:#4c8fd1;background:#122945}.emoji-btn:focus-visible{outline:3px solid rgba(90,167,255,.35);outline-offset:2px}.emoji-btn>span:first-child{line-height:1}.emoji-btn img.flag-img{display:block;width:31px;height:23px;object-fit:contain;pointer-events:none}.emoji-btn .star{position:absolute;right:3px;top:1px;font-size:10px;opacity:0;transition:.15s}.emoji-btn:hover .star,.emoji-btn.favorite .star{opacity:1}.emoji-btn.favorite .star{color:#ffd86b}.empty{padding:42px 20px;text-align:center;color:var(--muted);display:none}.empty.show{display:block}.notice{margin-top:11px;color:#7990ad;font-size:11px}.load-more-wrap{display:flex;justify-content:center;padding:18px 0 3px}.load-more{border:1px solid #31577d;background:#122945;color:#eaf5ff;border-radius:10px;padding:10px 18px;font-weight:800;cursor:pointer}.load-more:hover{background:#183758;border-color:#4c8fd1}.load-more[hidden]{display:none}.content{padding:36px 0 56px}.content-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:20px}.card{background:#0c192d;border:1px solid #1e3450;border-radius:18px;padding:22px}.card h2,.card h3{margin-top:0;line-height:1.2;letter-spacing:-.02em}.card p,.card li{color:#b8c8d9}.card strong{color:#eff7ff}.steps{counter-reset:step;display:grid;gap:12px}.step{position:relative;padding-left:48px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:2px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#173b65;color:#d8ecff;font-weight:850}.faq details{border-top:1px solid #1f3550;padding:14px 0}.faq details:first-of-type{border-top:0}.faq summary{cursor:pointer;font-weight:750}.faq p{margin-bottom:0}.related{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.related a{border:1px solid #1f3b5c;background:#0e1d33;padding:14px;border-radius:12px}.related a:hover{border-color:#4f88be}.related strong{display:block}.related span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.page-head{padding:48px 0 22px}.page-head h1{font-size:clamp(32px,5vw,52px);margin:0 0 12px;letter-spacing:-.04em;line-height:1.05}.page-head p{color:#a9bdd4;max-width:760px;font-size:18px}.legal{max-width:880px}.legal h2{margin-top:36px}.legal p,.legal li{color:#b8c8d9}.legal a{color:#8fc4ff;text-decoration:underline}.footer{border-top:1px solid #1b2d45;background:#06101e;padding:34px 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px}.footer p,.footer a,.footer-cookie-link{color:#8fa5bd;font-size:14px}.footer-links{display:grid;gap:7px}.footer-title{color:#e5f2ff;font-weight:800;margin-bottom:8px}.footer-cookie-link{padding:0;border:0;background:none;text-align:left;cursor:pointer}.footer-cookie-link:hover{color:#fff}.subfooter{margin-top:28px;padding-top:20px;border-top:1px solid #14263b;display:flex;justify-content:space-between;gap:16px;color:#70879f;font-size:12px}.toast{position:fixed;left:50%;bottom:24px;z-index:120;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#eef7ff;color:#0a1930;border-radius:12px;padding:11px 16px;font-weight:800;box-shadow:0 14px 40px rgba(0,0,0,.35);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.highlight{color:#80bdff}.badge{display:inline-flex;padding:4px 8px;border-radius:7px;background:#143156;color:#a8d2ff;font-size:12px;font-weight:800}.mini-actions{display:flex;gap:8px}.ghost{border:1px solid #2a4666;background:transparent;color:#9db2c9;border-radius:9px;padding:7px 10px;cursor:pointer;font-size:12px}.ghost:hover{background:#132742;color:#fff}.privacy-note{border-left:3px solid #458dd8;background:#0d1d33;padding:14px 16px;border-radius:10px;color:#a9bdd4}.ad-note{font-size:12px;color:#6e859e;text-align:center;margin:18px 0}.noindex-note{border:1px dashed #2a4666;border-radius:12px;padding:14px;color:#99aec4}
.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:100;max-width:980px;margin:auto;background:#0b182b;border:1px solid #31577d;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);padding:16px}.cookie-banner[hidden],.consent-modal[hidden]{display:none}.cookie-row{display:flex;align-items:center;gap:18px}.cookie-copy{flex:1}.cookie-copy strong{display:block;font-size:15px;margin-bottom:3px}.cookie-copy p{margin:0;color:#a9bdd4;font-size:13px;line-height:1.45}.cookie-copy a{color:#8fc4ff;text-decoration:underline}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.consent-btn{border:1px solid #31577d;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer;background:#11263f;color:#ddebfa}.consent-btn.primary{background:#2f7ad0;border-color:#4d98eb;color:#fff}.consent-btn.secondary{background:transparent}.consent-overlay{position:fixed;inset:0;background:rgba(2,8,16,.72);backdrop-filter:blur(4px);z-index:109}.consent-modal{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:18px}.consent-box{width:min(560px,100%);background:#0b182b;border:1px solid #31577d;border-radius:18px;padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.55)}.consent-box h2{margin:0 0 7px}.consent-box>p{margin:0 0 16px;color:#a9bdd4;font-size:14px}.consent-option{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-top:1px solid #1d3552}.consent-option:first-of-type{border-top:0}.consent-option input{margin-top:4px;accent-color:#5aa7ff}.consent-option strong{display:block}.consent-option span{display:block;color:#91a5bf;font-size:12px;line-height:1.4}.consent-modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:16px}
@media(max-width:850px){.nav-links{display:none;position:absolute;left:16px;right:16px;top:60px;background:#0b182b;border:1px solid #203753;border-radius:14px;padding:8px;box-shadow:var(--shadow)}.nav-links.open{display:grid}.mobile-menu{display:block}.hero{padding-top:38px}.content-grid{grid-template-columns:1fr}.related{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.subfooter{display:block}.tool-panel{padding:10px}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(41px,1fr));gap:4px}.emoji-btn{min-height:43px;font-size:23px}.emoji-btn img.flag-img{width:29px;height:22px}.key{display:none}.cookie-row{align-items:flex-start;flex-direction:column}.cookie-actions{width:100%;justify-content:stretch}.cookie-actions .consent-btn{flex:1}.cookie-banner{left:10px;right:10px;bottom:10px}}
@media(max-width:480px){.wrap{width:min(var(--max),calc(100% - 18px))}.hero h1{font-size:36px}.search{border-radius:12px}.tool-top{align-items:flex-start}.mini-actions{flex-wrap:wrap;justify-content:flex-end}.related{grid-template-columns:1fr}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-actions .primary{grid-column:1/-1}.consent-modal-actions{display:grid;grid-template-columns:1fr 1fr}.consent-modal-actions .primary{grid-column:1/-1}}


/* Copy & paste family — v4 */
.family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 0}.family-card{display:block;padding:18px;border:1px solid #203a5a;background:#0d1b31;border-radius:15px}.family-card:hover{border-color:#4c8fd1;background:#122945;transform:translateY(-1px)}.family-card .family-icon{font-size:26px;display:block;margin-bottom:8px}.family-card strong{display:block;color:#eff7ff;font-size:16px}.family-card span{display:block;color:#91a5bf;font-size:12px;line-height:1.45;margin-top:4px}
.copy-tool{background:rgba(13,26,47,.78);border:1px solid #1e3552;border-radius:18px;box-shadow:var(--shadow);padding:14px}.copy-categories{display:flex;gap:7px;overflow:auto;padding:3px 0 13px;scrollbar-width:none}.copy-categories::-webkit-scrollbar{display:none}.copy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px}.copy-btn{min-height:52px;border:1px solid #1e3552;background:#0b182b;border-radius:10px;color:#f5f9ff;font-size:24px;display:grid;place-items:center;cursor:pointer;padding:6px;overflow:hidden}.copy-btn:hover{transform:translateY(-1px);border-color:#4c8fd1;background:#122945}.copy-btn:focus-visible{outline:3px solid rgba(90,167,255,.35);outline-offset:2px}.copy-btn.emoticon{font-size:14px;min-height:50px;white-space:nowrap;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.copy-section{margin-top:18px}.copy-section:first-of-type{margin-top:6px}.copy-section h3{margin:0 0 9px;font-size:15px}.copy-section[hidden]{display:none}.copy-empty{display:none;padding:32px;text-align:center;color:#8ea4bd}.copy-empty.show{display:block}
.font-box{background:rgba(13,26,47,.78);border:1px solid #1e3552;border-radius:18px;box-shadow:var(--shadow);padding:16px}.font-input{width:100%;min-height:112px;resize:vertical;border:1px solid #2a4567;background:#0b182b;color:#fff;border-radius:14px;padding:14px;outline:none;font:inherit;line-height:1.55}.font-input:focus{border-color:#5aa7ff;box-shadow:0 0 0 4px rgba(90,167,255,.12)}.font-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 14px;color:#91a5bf;font-size:12px}.font-results{display:grid;gap:9px}.font-result{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #1e3552;background:#0b182b;border-radius:12px;padding:11px 12px}.font-result-main{min-width:0}.font-result-label{color:#8fa5bd;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.font-result-text{margin-top:4px;color:#f7fbff;font-size:19px;overflow-wrap:anywhere;line-height:1.45}.font-copy{border:1px solid #31577d;background:#122945;color:#eaf5ff;border-radius:9px;padding:8px 10px;font-weight:800;cursor:pointer}.font-copy:hover{background:#183758;border-color:#4c8fd1}.font-presets{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 0}.font-preset{border:1px solid #2a4666;background:#0d1d33;color:#a9c0d9;border-radius:999px;padding:6px 9px;font-size:11px;cursor:pointer}.font-preset:hover{border-color:#4c8fd1;color:#fff}
.mini-hub{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mini-hub a{border:1px solid #1f3b5c;background:#0e1d33;padding:13px;border-radius:12px}.mini-hub a:hover{border-color:#4f88be}.mini-hub strong{display:block;color:#eef7ff}.mini-hub span{display:block;color:#8fa5bd;font-size:12px;margin-top:3px}.text-sample{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media(max-width:850px){.family-grid{grid-template-columns:1fr 1fr}.copy-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.font-result-text{font-size:17px}}
@media(max-width:520px){.family-grid{grid-template-columns:1fr}.mini-hub{grid-template-columns:1fr}.copy-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:5px}.copy-btn{min-height:46px;font-size:21px}.copy-btn.emoticon{grid-column:span 2;font-size:12px}.font-result{grid-template-columns:1fr}.font-copy{width:100%}.font-toolbar{align-items:flex-start;flex-direction:column}}