:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:Cloud Lucent;src:url(/fonts/CloudLucent-Regular.ttf) format("truetype");font-weight:400;font-style:normal}body,#root{min-height:100vh;margin:0;padding:0;font-family:Cloud Lucent,Prompt,sans-serif;background-size:24px 24px;display:flex;justify-content:center;align-items:center}.liff-bg{width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#4a2c13}.liff-container{background:#f8e1c2;border-radius:32px;overflow:hidden;box-shadow:0 4px 24px #0000001f;width:100%;max-width:320px;margin:0 auto;padding:24px 12px;position:relative;display:flex;flex-direction:column;align-items:center;z-index:1;border:#4a2c13 10px solid}.liff-header{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:0 12px;min-height:56px;box-sizing:border-box;position:relative}.liff-logo{width:48px;height:48px;margin-right:12px;flex-shrink:0}.liff-title{flex:1;text-align:center;font-size:2rem;font-weight:700;color:#4a2c13;font-family:Cloud Lucent,Prompt,sans-serif;margin:0;line-height:48px}.profile-pic-circle{width:36px;height:36px;border-radius:25%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px #00000014;background:#e0e0e0}.all-page{padding:12px 8px}.stamp-card{background:#fff7e6;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:12px;display:flex;flex-direction:column;align-items:center;width:100%}.stampcard-img{width:90%;max-width:320px;border-radius:12px;margin:0 auto;display:block}.stampcard-img-wrapper{position:relative;width:100%;max-width:320px;margin:0 auto;display:flex;justify-content:center;align-items:center}.stamp-number{position:absolute;top:58%;left:60%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:0px;pointer-events:none;font-size:large;font-weight:700}.stamp-value{display:flex;align-items:center;font-size:1.5rem;padding-top:8px;padding-left:4px}.reward-img-placeholder{width:100px;height:100px;background:#ffe5b4;border-radius:12px;border:2px solid red;margin-bottom:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.reward-when-copy{color:#007f11;font-size:.5rem;width:100%;text-align:left}.stamp-info-copy{border:#007f11 1px solid}.stamp-info{width:100%;text-align:center}.stamp-count{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.5rem;font-weight:700;color:#ff9800;margin-bottom:4px}.mini-fire{width:45px;height:40px;object-fit:contain}.count{font-size:2rem;color:#ff9800}.unit{font-size:1rem;color:#4a2c13}.progress-bar{width:80%;height:12px;background:#e0e0e0;border-radius:6px;margin:0 auto 4px;overflow:hidden;position:relative}.progress{height:100%;background:#ff9800;border-radius:6px 0 0 6px;transition:width .4s}.stamp-desc{font-size:.95rem;color:#4a2c13;margin-top:2px}.reward-section{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:12px}.reward-box{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:#fff7e6;border-radius:12px;box-shadow:0 1px 4px #0000000a;padding:14px;width:100%;min-height:90px;box-sizing:border-box;position:relative}.reward-row{display:flex;flex-direction:row;align-items:flex-start;gap:16px;width:100%}.reward-img-big{width:90px;height:90px;flex-shrink:0}.reward-info,.reward-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:4px;min-height:60px;align-items:flex-start;text-align:left;position:relative}.reward-title{font-weight:700;color:#ff9800;font-size:1rem;margin-bottom:2px;line-height:1.2}.reward-detail{font-size:.5rem;color:#4a2c13;margin-bottom:6px;word-break:break-word;line-height:1.4}.reward-coupon-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-top:auto;width:100%}.reward-action-btn{background:#ff9800;color:#fff;border:none;border-radius:8px;padding:5px 16px;font-size:.95rem;font-family:Cloud Lucent,Prompt,sans-serif;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:background .2s;margin-top:auto;align-self:flex-end;position:static}.coupon-code-box{margin-top:8px;display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.coupon-code{background:#ffe5b4;border-radius:6px 0 0 12px;padding:2px 8px;font-family:monospace;color:#ff9800;font-size:smaller;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s}.coupon-code.slide-out{transform:translate(120px);opacity:0}.coupon-copy-btn{min-width:28px;height:28px;color:#ff9800;border:none;border-radius:6px;padding:2px 10px;font-size:.95rem;cursor:pointer;margin-left:4px}.liff-footer{display:flex;align-items:center;gap:8px;margin-top:16px;justify-content:center}.profile-pic{width:32px;height:32px;border-radius:50%;object-fit:cover}.progress-label{font-weight:700;color:#4a2c13;font-size:1rem;font-family:Cloud Lucent,Prompt,sans-serif}.desc-list{font-weight:700;color:#4a2c13;font-size:small;padding-left:26px;padding-right:18px;margin:16px 8px;font-family:Cloud Lucent,Prompt,sans-serif}.profile-pic-topright{position:absolute;top:16px;right:16px;z-index:10}.profile-pic-circle{width:36px;height:36px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 8px #00000014;background:#e0e0e0}.coupon-box{display:flex;align-items:center;justify-content:center;background:#fff7e6;border-radius:16px;width:64px;height:64px;box-shadow:0 1px 4px #0000000a;font-size:2rem;font-weight:700;color:#4a2c13;letter-spacing:2px;border:2px dotted #ffe5b4;margin:0 8px;overflow:hidden}.reward-copy-btn{background:#ff9800;border:none;padding:4px 10px;border-radius:12px 6px 12px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:background .2s;min-width:28px;height:28px}.reward-copy-btn.copied{background:#cbcbcb!important}.skeleton{position:relative;overflow:hidden;background:#e0e0e0;border-radius:8px;display:inline-block}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e0e0e0,#f5f5f5,#e0e0e0);animation:skeleton-loading 1.2s infinite}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}