:root{--color:#2d3748;--text-secondary:#4a5568;--text-muted:#718096;--background:#fff;--surface:#fff;--surface-hover:#f8f9fa;--primary:#4f46e5;--primary-hover:#4338ca;--accent:#06b6d4;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--duration:.2s;--easing:cubic-bezier(.4,0,.2,1);--bounce:cubic-bezier(.68,-.55,.265,1.55)}@media (prefers-color-scheme:dark){:root{--color:#f7fafc;--text-secondary:#cbd5e0;--text-muted:#a0aec0;--background:#fff;--surface:#2d3748;--surface-hover:#4a5568;--primary:#6366f1;--primary-hover:#5b21b6}}@media (prefers-reduced-motion){:root{--duration:0;--bounce:var(--easing)}}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6}.navbar{background:var(--surface);z-index:1000;box-shadow:var(--shadow-sm);border-bottom:1px solid #e2e8f0;padding:0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 2rem;display:flex}.nav-brand .brand-link{color:var(--primary);transition:all var(--duration)var(--easing);border-radius:12px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.nav-brand .brand-link:hover{color:var(--primary-hover);background-color:#4f46e50d;transform:translateY(-1px)}.nav-brand .brand-link .brand-icon{filter:drop-shadow(0 2px 4px #0000001a);width:32px;height:32px;transition:transform var(--duration)var(--easing)}.nav-brand .brand-link .brand-text{letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);-webkit-text-fill-color:transparent;background-clip:text;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nav-brand .brand-link:hover .brand-icon{transform:rotate(5deg)scale(1.05)}.nav-menu{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-secondary);transition:all var(--duration)var(--easing);border-radius:8px;padding:.5rem 1rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--color);background-color:var(--surface-hover)}.nav-link.active{color:var(--primary);background-color:#4f46e51a}@media (width<=768px){.nav-container{padding:0 1rem}.nav-menu{gap:.75rem}.nav-link{padding:.4rem .6rem;font-size:.85rem}.nav-brand .brand-link{gap:.5rem;padding:.4rem .6rem;font-size:1.2rem}.nav-brand .brand-link .brand-icon{width:28px;height:28px}.nav-brand .brand-link .brand-text{display:none}}@media (width<=480px){.nav-brand .brand-link .brand-text{font-size:1rem;display:inline}.nav-brand .brand-link .brand-icon{width:24px;height:24px}}input{color:inherit;background-color:var(--input-color);transition-duration:var(--duration);transition-property:background-color,box-shadow;transition-timing-function:var(--easing);border:0;border-radius:10px;outline:0;padding:10px;font-size:14px}input[readonly]{opacity:.6;background-color:#0000}input[type=text]:focus{background-color:var(--select-background-color);box-shadow:inset 0 0 0 1px rgb(var(--rgb-accent)),0 1px 3px #41454933}dialog{color:inherit;border:1px solid var(--input-color);background-color:var(--select-background-color);border-radius:10px;margin:auto;padding:1em}dialog p{margin:1em 0}dialog button{width:auto}dialog button+button{margin-left:10px}dialog button[value=cancel]{background-color:#ff000015}dialog button[value=confirm]{background-color:#00ff0015}section{z-index:1;width:100%;margin:0;padding:2rem;position:relative}header{text-align:center;margin-bottom:2rem;padding:2rem 1.5rem}header h1{color:var(--color);letter-spacing:-.01em;margin-bottom:.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.2}header p{color:var(--text-secondary);max-width:500px;margin-top:.5rem;margin-left:auto;margin-right:auto;font-size:1rem;font-weight:400;line-height:1.5}.main-content{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.download-section{flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.picker-section{justify-content:center;align-items:center;min-height:500px;padding:2rem;display:flex}.size-selector{justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;margin-bottom:2rem;padding:.5rem;display:flex}.size-selector label{color:var(--color);white-space:nowrap;font-size:15px;font-weight:500}.size-selector .size-select{color:var(--color);cursor:pointer;transition:all var(--duration)var(--easing);background-color:#fff;border:2px solid #e2e8f0;border-radius:10px;min-width:120px;padding:10px 16px;font-size:15px;font-weight:500}.size-selector .size-select:hover{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.size-selector .size-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e533}.emoji-preview{border-radius:20px;justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:2rem;display:flex}.emoji-preview img{object-fit:contain;filter:drop-shadow(0 4px 8px #0000001a);width:auto;max-width:200px;height:auto;max-height:200px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.download-button{color:#fff;cursor:pointer;transition:all var(--duration)var(--easing);text-transform:none;letter-spacing:.3px;background:#6772e5;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #4f46e54d}.download-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.download-button:hover{background:#8d96fb;transform:translateY(-3px);box-shadow:0 12px 35px #4f46e566}.download-button:hover:before{left:100%}.download-button:active{transform:translateY(-1px)}.download-button span{z-index:2;font-size:.875rem;position:relative}.download-button svg{z-index:2;flex-shrink:0;width:18px;height:18px;position:relative}.picker-section{justify-content:center;width:100%;display:flex}@media (width<=1024px){.main-content{grid-template-columns:1fr;gap:2rem}.picker-section{order:-1}}@media (width<=768px){section{padding:1rem}header{margin-bottom:2rem;padding:1.5rem}header h1{font-size:clamp(2rem,8vw,3rem)}header p{font-size:1.1rem}.main-content{gap:1.5rem}.download-section{gap:1.5rem;padding:2rem 1.5rem}.picker-section{min-height:400px;padding:1.5rem}.emoji-preview{width:150px;height:150px;margin-bottom:1.5rem}.emoji-preview img{max-width:150px;max-height:150px}.size-selector{gap:.8rem;margin-bottom:1.5rem}.size-selector label{font-size:14px}.size-selector .size-select{min-width:100px;padding:8px 12px;font-size:14px}.download-button{margin-top:.5rem;padding:.7rem 1.2rem;font-size:.9rem}.download-button span{font-size:.8rem}}@media (width<=480px){header{padding:1rem}header h1{font-size:clamp(1.75rem,10vw,2.5rem)}header h1 img{width:auto;max-width:64px;height:auto}header p{font-size:1rem}.download-section{gap:1rem;padding:1.5rem 1rem}.picker-section{min-height:350px;padding:1rem}.emoji-preview{width:130px;height:130px;margin-bottom:1rem}.emoji-preview img{max-width:130px;max-height:130px}.size-selector{flex-direction:column;gap:.6rem;margin-bottom:1rem}.size-selector label{margin-bottom:.3rem;font-size:13px}.size-selector .size-select{min-width:90px;padding:6px 10px;font-size:13px}.download-button{margin-top:.5rem}}h1{-webkit-text-fill-color:transparent;color:#8d96fb;background:linear-gradient(135deg,#8d96fb,#6772e5) text;font-family:System,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:30px}h1 img{width:auto;max-width:64px;height:auto}h1,h2{display:block}a{color:rgb(var(--rgb-accent));text-decoration:none;position:relative}a:after{content:"";background-color:rgba(var(--rgb-accent),.8);transform-origin:100% 100%;width:100%;height:2px;transition:transform var(--duration)var(--easing);border-radius:4px;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}a:hover:after{transform-origin:0 100%;transform:scaleX(1)}li+li{margin-top:.5em}select,button{cursor:pointer;color:inherit;font:inherit;appearance:none;box-shadow:var(--shadow);background-color:var(--select-background-color);border:0;border-radius:6px;padding:4px 8px}select{padding-right:1.8em;position:relative}select.modified{background-color:#14f0dd2f}button{text-align:center;margin-top:10px}button span{display:block}button:active{transform:scale(.98)}.download-button{width:auto!important;margin-top:0!important;font-size:16px!important}em-emoji{min-width:1em;height:1em;display:inline-block}.select{margin:4px 0;display:inline-block;position:relative}.select em-emoji{pointer-events:none;justify-content:center;align-items:center;width:1em;height:1em;display:flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.relative{position:relative}.flex{display:flex}.flex-auto{flex:none}.flex-center{justify-content:center}.flex-column{flex-direction:column}.flex-grow{flex:auto}.flex-middle{align-items:center}.flex-wrap{flex-wrap:wrap}#picker{min-width:352px}#options{white-space:nowrap;margin:20px;position:absolute;top:0;left:100%}footer{text-align:center}footer nav{margin:1em 0 2em}footer img{width:auto;max-width:32px;height:auto}#missive{text-align:left;background-color:var(--dark-background-color);box-shadow:inset 0 1px 4px -3px #000,0 1px var(--light-shadow);border-radius:14px;padding:12px;position:relative}#missive img{display:block}#missive p{max-width:10em;margin-left:12px}#missive:hover #coin-box{animation:.3s cubic-bezier(.36,.07,.19,.97) both shake}#coin-box{cursor:grabbing;user-select:none;position:relative}#coin-box img{z-index:1;position:relative}#coin-box .coin-wrap{pointer-events:none;margin-top:-12px;margin-left:-12px;animation:.3s ease-out coin-bounce;position:absolute;top:50%;left:50%}#coin-box:active img{animation:box-bounce .15s var(--easing)}.coin-wrap{display:block}.coin{background:url(coin.d59a6f64.png) 0 0/cover no-repeat;width:24px;height:24px;animation:.2s steps(7,end) infinite flip;display:block}@keyframes flip{to{background-position:-168px}}@keyframes coin-bounce{50%{transform:translateY(-360%)}75%{transform:translateY(-340%)}to{transform:translateY(-200%)}}@keyframes box-bounce{50%{transform:translateY(-10%)}}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(0eg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}
/*# sourceMappingURL=index.9c522389.css.map */