:root{color:#f5f3ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0e0b17;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#root{min-height:100vh}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-header,.site-footer,.hero,.library{width:min(1120px,100% - 40px);margin-inline:auto}.site-header{border-bottom:1px solid #30283f;justify-content:space-between;align-items:center;gap:16px;min-height:82px;display:flex}.brand{align-items:center;gap:12px;font-size:1.3rem;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:#9146ff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.header-label,.hero p,.library-heading p,.site-footer,.emote-dialog p{color:#b8b0c7}.hero{padding-block:88px 70px}.eyebrow{color:#b992ff;letter-spacing:.16em;font-size:.75rem;font-weight:800}.hero h1{letter-spacing:-.045em;max-width:720px;margin:14px 0;font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.08}.hero p{max-width:570px;font-size:1.08rem;line-height:1.65}.library{padding-bottom:96px}.library-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.library-heading h2{margin-bottom:4px}.library-heading p{margin:0}.search input{color:#fff;background:#1c1629;border:1px solid #4b405f;border-radius:12px;outline:none;width:min(320px,100%);padding:13px 16px}.search input:focus{border-color:#ad7cff;box-shadow:0 0 0 3px #9146ff33}.emote-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.emote-card{color:inherit;background:#1a1426;border:1px solid #30283f;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px 12px;transition:transform .15s,border-color .15s;display:flex}.emote-card:hover,.emote-card:focus-visible{border-color:#a56cff;transform:translateY(-3px)}.emote-preview,.dialog-preview{background:#271d37;border-radius:14px;place-items:center;display:grid}.emote-preview{width:100%;min-height:128px}.emote-preview img{object-fit:contain;image-rendering:auto;max-width:96px;max-height:96px}.emote-name{overflow-wrap:anywhere;font-weight:700}.emote-action{color:#b992ff;font-size:.85rem}.status{background:#1a1426;border:1px solid #30283f;border-radius:14px;padding:32px}.error{border-color:#ad5974}.error button,.copy-button{color:#fff;background:#9146ff;border:0;border-radius:10px;padding:12px 18px;font-weight:700}.site-footer{border-top:1px solid #30283f;margin-top:auto;padding-block:28px;font-size:.85rem}.dialog-backdrop{z-index:10;background:#08060bd9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.emote-dialog{text-align:center;background:#1a1426;border:1px solid #4b405f;border-radius:20px;width:min(100%,420px);padding:30px;position:relative}.close-button{color:#fff;background:0 0;border:0;font-size:1.8rem;position:absolute;top:12px;right:14px}.dialog-preview{min-height:180px}.dialog-preview img{object-fit:contain;max-width:128px;max-height:128px}.emote-dialog h2{margin-bottom:6px}.emote-dialog p{line-height:1.5}.copy-button{width:100%;margin-top:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=620px){.header-label{display:none}.hero{padding-block:56px 44px}.library-heading{flex-direction:column;align-items:stretch}.search input{width:100%}.emote-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.emote-preview{min-height:110px}}