@media(max-width:1100px){.site-nav{position:fixed;top:72px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow);max-height:calc(100vh - 96px);overflow:auto}.site-nav.open{display:flex}.menu-toggle{display:inline-flex}.header-actions{display:none}.hero-split{grid-template-columns:1fr}.hero-copy{position:static;padding:0}.emoji-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.code-list{grid-template-columns:repeat(3,minmax(0,1fr))}.cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.emoji-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-grid,.article-layout{grid-template-columns:1fr}.canvas-wrap{min-height:auto}.cards-3,.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.code-list{grid-template-columns:repeat(2,minmax(0,1fr))}.article-side{position:static}.search-row{grid-template-columns:1fr 1fr}.search-row .field{grid-column:1/-1}.comparison{display:block;overflow-x:auto}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.container{width:min(calc(100% - 22px),var(--container))}.header-inner{min-height:64px}.site-nav{top:64px}.brand span:last-child{font-size:.92rem}.hero{padding-top:34px}.hero h1{font-size:2.35rem}.featured-panel{grid-template-columns:1fr;text-align:center}.featured-actions{justify-content:center}.emoji-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.emoji-card{padding:10px}.emoji-art{font-size:2.7rem;min-height:62px}.emoji-actions{grid-template-columns:1fr}.emoji-name{font-size:.75rem}.toolbar{padding:12px}.search-row{grid-template-columns:1fr}.search-row .field{grid-column:auto}.filter-row{display:grid}.filter-group{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.chip{white-space:nowrap}.generator-form,.cards-2,.cards-3,.cards-4,.blog-grid,.code-list{grid-template-columns:1fr}.form-group.full{grid-column:auto}.section{padding:54px 0}.section-head{margin-bottom:25px}.panel,.info-card,.use-card,.meaning-card,.category-card,.combination-card,.conversation,.code-card,.support-card{padding:18px}.footer-grid{grid-template-columns:1fr}.footer-bottom{padding-inline:4px}.article-meta{display:grid;gap:4px}.scroll-top{right:12px}.toast{left:12px;right:12px;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}