@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap);:root{--bg:#16161c;--bg2:#1d1d25;--bg3:#262632;--card:#1f1f28;--card-hover:#292936;--border:#36364a;--text:#ebebf2;--text2:#9e9eb4;--accent:#818cf8;--accent2:#c7d2fe;--grad:linear-gradient(135deg, #818cf8 0%, #a78bfa 100%);--grad2:linear-gradient(135deg, #60a5fa 0%, #818cf8 100%);--success:#34d399;--danger:#f87171;--nav-h:58px;--nav-bg:rgba(11,11,18,0.92)}[data-theme="light"]{--bg:#f4f4f9;--bg2:#ffffff;--bg3:#eaeaef;--card:#ffffff;--card-hover:#f8f8fc;--border:#d1d1e0;--text:#1a1a24;--text2:#6b6b80;--accent:#6366f1;--accent2:#4f46e5;--grad:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--grad2:linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--nav-bg:rgba(255,255,255,0.92)}body{margin:0!important;padding:0!important;background:var(--bg)!important}.entry-content,.wp-block-html,.post-content{margin-top:0!important;padding-top:0!important}.content-area:has(.page),.site-container:has(.page),.entry-content-wrap:has(.page){margin:0!important;padding:0!important;max-width:100%!important}.entry.single-entry:has(.page),.content-bg:has(.page){box-shadow:none!important;background:transparent!important;border:none!important}.page *,nav *{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}nav{background:var(--nav-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:fixed!important;top:0!important;left:0!important;width:100%!important;z-index:200;min-height:var(--nav-h);height:auto!important;margin:0!important}.nav-inner{max-width:1180px;margin:0 auto;min-height:100%;display:flex;align-items:center;gap:8px;padding:10px 20px;flex-wrap:wrap}.logo{font-family:'Syne',sans-serif;font-weight:800;font-size:1.25rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;cursor:pointer;white-space:nowrap;text-decoration:none;margin-right:8px;flex-shrink:0}.nav-links{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}.nav-link{color:var(--text2);font-size:.8rem;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid #fff0;white-space:nowrap;font-weight:500;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--accent2);background:rgb(139 108 247 / .12);border-color:rgb(139 108 247 / .25)}footer{background:var(--bg2);border-top:1px solid var(--border);text-align:center;padding:28px 20px;color:var(--text2);font-size:.8rem}footer a{color:var(--text2);text-decoration:none;margin:0 8px}footer a:hover{color:var(--accent2)}.page{font-family:'DM Sans',sans-serif!important;background:var(--bg)!important;color:var(--text)!important;min-height:100vh;line-height:1.6;padding:58px 0 40px 0!important;margin:0!important}.hero{text-align:center;padding:12px 20px 20px;max-width:680px;margin:0 auto}.hero h1{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(1.9rem,5vw,3rem);background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;margin-bottom:10px;line-height:1.15}.hero p{color:var(--text2);font-size:.98rem;margin-bottom:6px}.hero .badge{display:inline-block;background:rgb(139 108 247 / .14);border:1px solid rgb(139 108 247 / .3);color:var(--accent2);font-size:.75rem;padding:3px 10px;border-radius:20px;margin-bottom:20px}.input-wrap{max-width:680px;margin:0 auto;padding:14px 20px 20px;position:sticky;top:var(--nav-h,58px);z-index:99;background:rgb(22 22 28 / .85);backdrop-filter:blur(16px);border-bottom:1px solid rgb(54 54 74 / .5);border-radius:0 0 16px 16px;box-shadow:0 10px 20px -10px rgb(0 0 0 / .5);transition:all 0.3s ease}.input-wrap.scrolled{padding:6px 12px 6px!important;border-radius:0 0 12px 12px}.input-box{width:100%;background:var(--bg2)!important;border:2px solid var(--border)!important;border-radius:14px;padding:16px 20px;font-size:1.1rem;color:var(--text)!important;outline:none;resize:vertical;min-height:80px;font-family:'DM Sans',sans-serif;transition:all 0.3s ease}.input-wrap.scrolled .input-box{min-height:42px!important;height:42px!important;padding:8px 14px!important;font-size:0.95rem!important;border-radius:8px!important;resize:none!important}.input-wrap.scrolled .input-meta{display:none!important}.input-box:focus{border-color:var(--accent)}.input-box::placeholder{color:var(--text2)}.input-meta{display:flex;justify-content:space-between;align-items:center;margin-top:7px;padding:0 2px}.char-count{font-size:.78rem;color:var(--text2)}.clear-btn{font-size:.78rem;color:var(--text2);background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px;transition:.2s}.clear-btn:hover{color:var(--danger)}.jump-bar{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;padding:0 20px 28px;max-width:860px;margin:0 auto}.jump-pill{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:5px 14px;font-size:.78rem;color:var(--text2);cursor:pointer;text-decoration:none;transition:all .2s}.jump-pill:hover{border-color:var(--accent);color:var(--accent2)}.main{max-width:1180px;margin:0 auto;padding:0 20px 80px}.section{margin-bottom:52px}.section-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.section-title{font-family:'Syne',sans-serif;font-weight:700;font-size:1.1rem;color:var(--text)}.see-all{color:var(--accent2);font-size:.8rem;cursor:pointer;text-decoration:none}.see-all:hover{text-decoration:underline}.font-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}.font-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:13px 15px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s,background .2s,transform .15s}.font-card:hover{border-color:rgb(139 108 247 / .5);background:var(--card-hover);transform:translateY(-1px)}.font-card-top{display:flex;justify-content:space-between;align-items:center}.font-label{font-size:.7rem;color:var(--text2);font-weight:600;text-transform:uppercase;letter-spacing:.6px}.copy-btn{background:rgb(139 108 247 / .1);border:1px solid rgb(139 108 247 / .2);color:var(--accent2);border-radius:6px;padding:3px 10px;font-size:.72rem;cursor:pointer;transition:all .2s;font-family:'DM Sans',sans-serif;font-weight:500;white-space:nowrap}.copy-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.copy-btn.copied{background:var(--success);border-color:var(--success);color:#000}.font-preview{font-size:1.05rem;color:var(--text);word-break:break-all;min-height:26px;line-height:1.5}.font-preview.ph{color:var(--text2);font-size:.9rem;opacity:.6}.spec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:20px}.spec-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;cursor:pointer;transition:all .2s;text-decoration:none;display:block}.spec-card:hover{border-color:var(--accent);transform:translateY(-2px)}.spec-card .icon{font-size:1.6rem;margin-bottom:10px}.spec-card .stitle{font-family:'Syne',sans-serif;font-weight:700;font-size:.92rem;color:var(--text);margin-bottom:4px}.spec-card .sdesc{font-size:.76rem;color:var(--text2);line-height:1.5}.spec-card .scta{display:block;margin-top:10px;font-size:.76rem;color:var(--accent2)}.info-box{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:32px;margin-bottom:24px}.info-box h2{font-family:'Syne',sans-serif;font-weight:700;font-size:1.25rem;margin-bottom:14px;color:var(--text)}.info-box h3{font-size:.95rem;font-weight:600;color:var(--accent2);margin:18px 0 8px}.info-box p{color:var(--text2);font-size:.88rem;line-height:1.75;margin-bottom:10px}.info-box ul,.info-box ol{color:var(--text2);font-size:.88rem;line-height:1.8;padding-left:20px}.info-box li{margin-bottom:3px}.steps{counter-reset:step}.step{display:flex;gap:14px;align-items:flex-start;padding:12px;background:var(--bg3);border-radius:10px;margin-bottom:8px}.step-num{width:28px;height:28px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:#fff;flex-shrink:0}.step-text{font-size:.88rem;color:var(--text2)}.step-text strong{color:var(--text)}.discord-editor{background:var(--bg2)!important;border:1px solid var(--border)!important;border-radius:14px;overflow:hidden;margin-bottom:20px}.discord-toolbar{display:flex;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar-label{font-size:.75rem;color:var(--text2);font-weight:600;margin-right:4px}.color-dot{width:26px;height:26px;border-radius:6px;cursor:pointer;border:2px solid #fff0;transition:border-color .15s,transform .15s;flex-shrink:0}.color-dot:hover,.color-dot.active{border-color:#fff;transform:scale(1.15)}.fmt-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text2);border-radius:6px;padding:4px 10px;font-size:.8rem;cursor:pointer;transition:all .2s;font-family:'DM Sans',sans-serif}.fmt-btn:hover{border-color:var(--accent);color:var(--accent2)}.fmt-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.discord-input{width:100%;background:transparent!important;border:none!important;outline:none;padding:16px;font-size:1rem;color:var(--text)!important;font-family:'DM Sans',sans-serif;resize:vertical;min-height:100px}.discord-preview{background:#313338!important;border-radius:12px;padding:18px;margin-bottom:16px;font-family:'gg sans','Noto Sans',sans-serif}.discord-msg{display:flex;gap:14px;align-items:flex-start}.discord-av{width:38px;height:38px;border-radius:50%;background:var(--grad);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.discord-uname{color:#7289da;font-size:.88rem;font-weight:700;margin-bottom:3px}.discord-code{background:#2b2d31;border-radius:6px;padding:10px 14px;font-family:'Consolas','Courier New',monospace;font-size:.88rem;color:#dcddde;white-space:pre-wrap;word-break:break-all;line-height:1.6}.ansi-color-btns{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.ansi-btn{padding:6px 14px;border-radius:8px;border:2px solid #fff0;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.html-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.html-btn{background:var(--card);border:1px solid var(--border);color:var(--text2);border-radius:8px;padding:7px 14px;font-size:.82rem;cursor:pointer;transition:all .2s;font-family:'DM Sans',sans-serif;font-weight:500}.html-btn:hover{border-color:var(--accent);color:var(--accent2)}.html-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.html-output{background:var(--bg2)!important;border:1px solid var(--border)!important;border-radius:10px;padding:14px;font-family:'Consolas','Courier New',monospace;font-size:.88rem;color:#7dd3fc!important;white-space:pre-wrap;word-break:break-all;min-height:50px;line-height:1.7}.html-render{background:#fff;color:#111;border-radius:10px;padding:16px;min-height:50px;font-size:1rem;line-height:1.7;margin-top:10px}.emoji-search-wrap{max-width:600px;margin:0 auto 24px;padding:0 20px}.emoji-search{width:100%;background:var(--bg2)!important;border:2px solid var(--border)!important;border-radius:12px;padding:12px 18px;font-size:1rem;color:var(--text)!important;outline:none;transition:border-color .2s;font-family:'DM Sans',sans-serif}.emoji-search:focus{border-color:var(--accent)}.emoji-cat-title{font-size:.8rem;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.6px;margin:20px 0 10px}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:5px}.emoji-btn{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px;text-align:center;font-size:1.3rem;cursor:pointer;transition:all .15s;position:relative}.emoji-btn:hover{background:var(--card-hover);border-color:var(--accent);transform:scale(1.12)}.emoji-btn.flash::after{content:'✓';position:absolute;inset:0;background:var(--success);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#000;font-size:.9rem;font-family:'DM Sans',sans-serif}.tiktok-mockup{background:#000;border-radius:16px;padding:20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;margin:0 auto 24px;border:1px solid #333;max-width:340px;display:flex;flex-direction:column;align-items:center}.tiktok-header{color:#fff;font-size:1.1rem;margin-bottom:16px}.tiktok-stats{display:flex;gap:24px;margin-bottom:16px;justify-content:center;width:100%}.tiktok-stat{display:flex;flex-direction:column;align-items:center}.tiktok-stat strong{color:#fff;font-weight:700;font-size:1.1rem;line-height:1.2}.tiktok-stat span{color:#aaa;font-size:.75rem;margin-top:2px}.tiktok-bio-text{color:#ddd;font-size:.95rem;white-space:pre-wrap;line-height:1.5;word-break:break-word;text-align:center;width:100%}.tag{display:inline-block;background:rgb(139 108 247 / .1);border:1px solid rgb(139 108 247 / .25);color:var(--accent2);font-size:.72rem;padding:2px 8px;border-radius:12px;margin:2px}.platform-grid{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.note{background:rgb(139 108 247 / .08);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:10px 14px;font-size:.83rem;color:var(--text2);margin:12px 0}.blog-hero{max-width:1180px;margin:0 auto;padding:40px 20px;display:flex;gap:40px;align-items:center;justify-content:space-between}.blog-hero .hero-text{flex:1;max-width:500px}.blog-hero h1{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(2.2rem, 5vw, 3.5rem);background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;margin-bottom:16px;line-height:1.15}.blog-hero p{color:var(--text2);font-size:1.05rem;line-height:1.6}.blog-hero .hero-image{flex:1;max-width:600px;border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 40px -10px rgb(0 0 0 / .5)}.blog-hero .hero-image img{width:100%;height:auto;display:block}.blog-featured-card{display:flex;background:var(--bg2);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all 0.3s;text-decoration:none}.blog-featured-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 30px -10px rgb(0 0 0 / .5)}.blog-featured-card .card-img{flex:1;min-width:300px;background:#000}.blog-featured-card .card-img img{width:100%;height:100%;object-fit:cover}.blog-featured-card .card-content{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center}.blog-featured-card .badge{align-self:flex-start;background:rgb(139 108 247 / .15);color:var(--accent2);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;margin-bottom:16px}.blog-featured-card h2{font-family:'Syne',sans-serif;font-size:1.8rem;margin-bottom:12px;color:var(--text)}.blog-featured-card p{color:var(--text2);font-size:.95rem;margin-bottom:24px}.btn-primary{background:var(--grad);color:#fff!important;padding:12px 24px;border-radius:12px;font-weight:600;text-decoration:none;border:none;display:inline-flex;align-items:center;justify-content:center;transition:all 0.2s;box-shadow:0 4px 12px rgb(99 102 241 / .3);cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(99 102 241 / .5)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.blog-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px;transition:all 0.2s;position:relative;text-decoration:none;display:block}.blog-card h3{font-family:'Syne',sans-serif;font-size:1.1rem;color:var(--text);margin-bottom:10px;line-height:1.4}.blog-card p{color:var(--text2);font-size:.85rem;line-height:1.5}.blog-card.coming-soon{opacity:.7;background:var(--bg);cursor:default}.blog-card .status-badge{display:inline-block;background:var(--bg3);color:var(--text2);font-size:.7rem;padding:4px 8px;border-radius:6px;margin-top:12px;font-weight:600}.pillar-container{max-width:1180px;margin:0 auto;padding:40px 20px;display:flex;gap:40px;align-items:flex-start}.pillar-main{flex:1;max-width:800px}.pillar-sidebar{width:300px;position:sticky;top:calc(var(--nav-h) + 20px);background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px;flex-shrink:0}.pillar-header{margin-bottom:40px}.pillar-header h1{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(2rem, 5vw, 3rem);color:var(--text);line-height:1.15;margin-bottom:16px}.pillar-meta{display:flex;gap:16px;align-items:center;color:var(--text2);flex-wrap:wrap;font-size:.9rem;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:20px}.pillar-meta .author-badge{background:var(--grad);color:#fff;padding:2px 10px;border-radius:20px;font-weight:600;font-size:.8rem}.pillar-hero-img{width:100%;border-radius:16px;margin-bottom:40px;border:1px solid var(--border);box-shadow:0 10px 30px -10px rgb(0 0 0 / .5);display:block}.pillar-content{font-size:1.05rem;line-height:1.8;color:var(--text)}.pillar-content h2{font-family:'Syne',sans-serif;font-size:1.8rem;color:var(--text);margin:40px 0 20px;padding-bottom:10px;border-bottom:1px solid var(--border)}.pillar-content h3{font-size:1.3rem;color:var(--text);margin:30px 0 16px}.pillar-content p{margin-bottom:20px;color:var(--text2)}.pillar-content img{width:100%;border-radius:12px;margin:24px 0;border:1px solid var(--border)}.pillar-content ul,.pillar-content ol{padding-left:20px;margin-bottom:20px;color:var(--text2)}.pillar-content li{margin-bottom:8px}.pillar-content code{background:rgb(255 255 255 / .1);padding:2px 6px;border-radius:4px;font-family:monospace;color:var(--accent2)}.sub-post-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px;display:flex;gap:20px;align-items:center;transition:all 0.2s;text-decoration:none;color:inherit}.sub-post-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 20px -10px rgb(0 0 0 / .4)}.sub-post-card img{width:140px;height:140px;border-radius:8px;object-fit:cover;margin:0}.sub-post-card-content{flex:1}.sub-post-card h3{margin:0 0 10px 0!important;color:var(--text)!important;border:none!important;font-size:1.25rem!important}.sub-post-card p{margin:0 0 16px 0!important;font-size:.95rem;line-height:1.5;color:var(--text2)}.read-more-link{color:var(--accent);font-weight:600;font-size:.9rem}.toc-title{font-family:'Syne',sans-serif;font-weight:700;margin-bottom:16px;font-size:1.1rem;color:var(--text)}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:12px}.toc-list a{color:var(--text2);text-decoration:none;font-size:.95rem;transition:color 0.2s}.toc-list a:hover{color:var(--accent2)}@media(max-width:640px){.logo{font-size:1.05rem;white-space:normal;text-align:left;width:auto;margin-right:10px;margin-bottom:0;line-height:1.2;flex:1}.nav-inner{justify-content:space-between;flex-wrap:nowrap;padding:10px 15px}.font-grid{grid-template-columns:1fr}.spec-grid{grid-template-columns:1fr 1fr}.info-box{padding:18px}.hero{padding:30px 20px 20px}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.blog-hero{flex-direction:column;text-align:center;padding:20px}.blog-featured-card{flex-direction:column}.blog-featured-card .card-content{padding:24px}}@media(max-width:992px){.pillar-container{flex-direction:column;padding:20px}.pillar-sidebar{width:100%;position:static}.sub-post-card{flex-direction:column;align-items:flex-start;padding:16px}.sub-post-card img{width:100%;height:auto;aspect-ratio:16/9}}.post-template-blank-slate header.wp-block-group,.post-template-blank-slate .wp-block-post-title,.post-template-blank-slate hr.wp-block-separator{display:none!important}.mobile-menu-btn{display:none;cursor:pointer;color:var(--text);margin-left:auto}@media (max-width:768px){.mobile-menu-btn{display:block}.nav-links{display:none;flex-direction:column;width:100%;margin-top:0;padding:10px 0;position:absolute;top:100%;left:0;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 8px 16px rgb(0 0 0 / .5);z-index:999}.nav-links.nav-active{display:flex}.nav-link{padding:14px 20px;border-bottom:1px solid var(--border);border-radius:0;font-size:.95rem}.nav-link:last-child{border-bottom:none}.nav-inner{padding-right:15px}}.theme-toggle-btn{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--card);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;z-index:9999;box-shadow:0 4px 12px rgb(0 0 0 / .15);transition:all 0.2s ease}.theme-toggle-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 16px rgb(0 0 0 / .2);border-color:var(--accent);color:var(--accent)}