html,body{padding:0;margin:0}body{background-color:#F6F3EE;font-family:"Nunito", din-round, sans-serif;font-weight:900}.cover{margin:auto;width:100%;max-width:640px}.cover img{object-fit:contain;width:100%;max-width:640px;height:auto}.content{margin:10px}.line{display:flex;flex-direction:row;margin:auto;padding:0;gap:15px;width:100%;max-width:560px}.line .button{display:inline-block;margin-bottom:0}.button-container{display:flex;border-radius:16px;overflow:hidden;width:100%;max-width:560px;margin:0 auto;padding:0}.button-container a{margin:0}.button-container .button{border-radius:0}.button-container .button:after{border-radius:0;border-left:2px #E0DCC8 solid}.button-container .button.w20{width:20%}.button-container .button.w30{width:30%}.button-container .button:first-child{border-radius:16px 0 0 16px}.button-container .button:first-child:after{border-left:0;border-radius:16px 0 0 16px}.button-container .button:last-child{border-radius:0 16px 16px 0}.button-container .button:last-child:after{border-radius:0 16px 16px 0}.button-container .button.preview{width:80%}.button-container .button.download{width:20%}.button{appearance:button;display:block;background-color:#B5C83A;border:solid transparent;border-radius:16px;border-width:0 0 4px;box-sizing:border-box;color:#1A2A00;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.8px;line-height:20px;outline:none;padding:13px 16px;position:relative;text-align:center;text-transform:uppercase;touch-action:manipulation;transform:translateZ(0);transition:filter .2s;user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap;width:100%;max-width:560px;margin:20px auto;text-decoration:none}.button:after{background-clip:padding-box;background-color:#C8DC50;border:solid transparent;border-radius:16px;border-width:0 0 4px;bottom:-4px;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.button:focus{user-select:auto}.button:hover:not(:disabled):not(.not-clickable),.button:not(.disabled):not(.not-clickable):hover{filter:brightness(1.1)}.button:disabled,.button.disabled,.button:disabled:hover,.button.disabled:hover{color:#FFFFFF;cursor:not-allowed;background-color:#828282}.button:disabled:after,.button.disabled:after,.button:disabled:hover:after,.button.disabled:hover:after{background-color:#969696}.button:active:not(.not-clickable){border-width:4px 0 0;background:none}.label{color:#FFFFFF;display:block;position:absolute;background-color:#7A8E1E;left:0;top:50%;margin-top:-10px;padding:3px;font-size:8pt;transform:rotate(-45deg)}.tooltip{visibility:hidden;background-color:black;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.3s;white-space:nowrap}.tooltip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}#cnt.showTooltip .tooltip{visibility:visible;opacity:1}.banner{position:relative;overflow:hidden;background:linear-gradient(135deg, #C8DC50 0%, #B5C83A 50%, #A0B830 100%);border-radius:20px;padding:28px 24px;margin:20px auto;max-width:560px;text-align:center;box-shadow:0 6px 0 #8A9E25,0 12px 24px rgba(0,0,0,0.15);border:3px solid #fff;animation:bannerPulse 3s ease-in-out infinite}.banner-paws{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.08;background-image:radial-gradient(circle at 20% 20%, #8b4513 2px, transparent 2px),radial-gradient(circle at 80% 30%, #8b4513 2px, transparent 2px),radial-gradient(circle at 40% 60%, #8b4513 2px, transparent 2px),radial-gradient(circle at 70% 70%, #8b4513 2px, transparent 2px),radial-gradient(circle at 15% 80%, #8b4513 2px, transparent 2px),radial-gradient(circle at 85% 85%, #8b4513 2px, transparent 2px);background-size:80px 80px;background-position:0 0, 40px 20px, 20px 60px, 60px 40px, 0 80px, 40px 70px}.banner-content{position:relative;z-index:1}.banner-icon{font-size:42px;margin-bottom:12px;animation:pawBounce 1s ease-in-out infinite}.banner-title{margin:0 0 10px 0;color:#1A2A00;font-size:22px;font-weight:900;letter-spacing:0.5px;line-height:1.3;text-transform:uppercase}.banner-text{margin:0 0 16px 0;color:#4A5A1E;font-size:15px;font-weight:600;line-height:1.5}.banner-social{display:inline-flex;align-items:center;gap:12px;background-color:#fff;padding:12px 20px;border-radius:50px;color:#7A8E1E;font-size:14px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;box-shadow:0 3px 0 #e0e0e0}.banner-social i{font-size:14px;color:#6A7E0E}.banner-social span{color:#282828}@keyframes bannerPulse{0%,100%{box-shadow:0 6px 0 #8A9E25,0 12px 24px rgba(0,0,0,0.15)}50%{box-shadow:0 6px 0 #8A9E25,0 16px 32px rgba(0,0,0,0.2)}}@keyframes pawBounce{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-6px) rotate(5deg)}}