@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap";:root{--bg:#f7f8fb;--card:#fff;--text:#23252a;--muted:#727782;--line:#e7e9ef;--blue:#3478f6;--blue-soft:#eaf1ff;--green:#2f9e69;--green-soft:#e9f6ef;--orange:#d97a24;--orange-soft:#fff2e5;--red:#df5b53;--shadow:0 8px 30px #1e2a4612;--radius:18px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Noto Sans Thai,Arial,sans-serif;line-height:1.45}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{max-width:1120px;margin:auto;padding:28px 28px 48px}.topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.brand{align-items:center;gap:12px;font-size:21px;font-weight:800;display:flex}.logo{color:#fff;background-image:url(/assets/0x0-Cul-RHwL.webp);background-position:50%;background-size:cover;border-radius:13px;place-items:center;width:42px;height:42px;font-size:21px;display:grid;box-shadow:0 8px 18px #3478f63d}.switcher{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.switcher select{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:10px;padding:10px 34px 10px 12px}.hero{grid-template-columns:1.5fr .8fr;gap:20px;margin-bottom:22px;display:grid}.welcome,.score{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);padding:26px}.welcome{color:#fff3f3;background-image:url(/assets/1-Dd1L0y1k.png);background-position:top;background-repeat:no-repeat;background-size:cover;border:0;position:relative;overflow:hidden}.welcome:after{content:"★";color:#ffffff17;font-size:150px;position:absolute;top:-25px;right:28px;transform:rotate(12deg)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.welcome h1{margin:7px 0 8px;font-size:29px;line-height:1.25}.welcome p{opacity:.83;max-width:520px;margin:0}.score{justify-content:space-between;align-items:center;display:flex}.score strong{font-size:38px;line-height:1;display:block}.score span{color:var(--muted);font-size:14px}.star{color:#f3b51b;font-size:42px}.progress{background:#eef0f4;border-radius:10px;height:7px;margin-top:16px;overflow:hidden}.progress i{background:#f3b51b;border-radius:10px;width:62%;height:100%;display:block}.toolbar{justify-content:space-between;align-items:center;gap:16px;margin:24px 0 16px;display:flex}.tabs{background:#eceef2;border-radius:11px;gap:5px;padding:4px;display:flex}.tab{color:#686d77;background:0 0;border:0;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:700}.tab.active{color:var(--text);background:#fff;box-shadow:0 1px 4px #00000014}.primary{color:#fff;background-image:url(/assets/2-BXYXJ30h.jpg);background-size:cover;border:0;border-radius:11px;min-height:44px;padding:12px 17px;font-weight:700;box-shadow:0 5px 14px #3478f638}.primary:hover{background-image:url(/assets/3-DCH9yblu.jpg);background-size:cover}.primary:focus,.tab:focus,.action:focus,.icon-btn:focus{outline-offset:2px;outline:3px solid #3478f647}.section-head{justify-content:space-between;align-items:end;margin:8px 2px 13px;display:flex}.section-head h2{margin:0;font-size:19px}.section-head small{color:var(--muted)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.quest{border:1px solid var(--line);background:#fff;border-radius:15px;gap:15px;padding:18px;transition:all .18s;display:flex}.quest:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.qicon{background:var(--blue-soft);border-radius:13px;place-items:center;width:46px;min-width:46px;height:46px;font-size:22px;display:grid}.qbody{flex:1;min-width:0}.qtop{justify-content:space-between;align-items:start;gap:10px;display:flex}.qtop h3{margin:0 0 5px;font-size:16px}.points{white-space:nowrap;color:#a96f00;font-size:14px;font-weight:800}.desc{color:var(--muted);margin:0 0 13px;font-size:14px}.meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.badge{background:var(--orange-soft);color:#a75b18;border-radius:100px;padding:5px 8px;font-size:12px;font-weight:700}.badge.green{background:var(--green-soft);color:#24764e}.badge.blue{background:var(--blue-soft);color:#245fbf}.action{border:1px solid var(--line);color:#424650;background:#fff;border-radius:9px;padding:7px 10px;font-size:13px;font-weight:700}.action:hover{background:#fafbfc;border-color:#bfc7d8}.empty{text-align:center;color:var(--muted);background:#fff;border:1px dashed #cfd3dc;border-radius:15px;grid-column:1/-1;padding:45px}.overlay{z-index:5;background:#1317206b;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.overlay.open{display:flex}.modal{background:#fff;border-radius:20px;width:min(520px,100%);padding:24px;box-shadow:0 25px 80px #0000003d}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal h2{margin:0;font-size:21px}.icon-btn{background:#f0f1f4;border:0;border-radius:10px;width:40px;height:40px;font-size:18px}.field{margin-bottom:15px}.field label{margin-bottom:7px;font-size:13px;font-weight:700;display:block}.field input,.field textarea,.field select{background:#fff;border:1px solid #d9dce3;border-radius:10px;outline:none;width:100%;padding:11px 12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3478f61f}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.toast{color:#fff;box-shadow:var(--shadow);z-index:7;background:#25282f;border-radius:11px;padding:12px 16px;display:none;position:fixed;bottom:24px;right:24px}.toast.show{animation:.22s ease-out pop;display:block}@keyframes pop{0%{opacity:0;transform:translateY(8px)}}@media (width<=720px){.shell{padding:18px 16px 90px}.topbar{align-items:flex-start}.switcher span{display:none}.hero{grid-template-columns:1fr}.welcome{padding:22px}.welcome h1{font-size:24px}.score{padding:20px}.toolbar{flex-direction:column;align-items:stretch}.tabs{overflow:auto}.tab{white-space:nowrap;flex:1}.primary{width:100%}.grid,.row{grid-template-columns:1fr}.quest{padding:15px}.toast{text-align:center;bottom:16px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes heroEnter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.welcome .eyebrow{animation:.5s 50ms both heroEnter}.welcome h1{animation:.55s .12s both heroEnter}.welcome p{animation:.55s .2s both heroEnter}.score{animation:.6s .25s both heroEnter}@keyframes starFloat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(3deg)}}.star{transform-origin:50%;animation:3s ease-in-out infinite starFloat}@keyframes starGlow{0%,to{filter:drop-shadow(0 0 #ffbe4600)}50%{filter:drop-shadow(0 0 14px #ffbe468c)}}@keyframes questEnter{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tabActive{0%{transform:scale(.94)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes overlayEnter{0%{opacity:0}to{opacity:1}}@keyframes modalEnter{0%{opacity:0;transform:translateY(30px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.field input,.field textarea,.field select{transition:transform .2s,border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus,.field select:focus{transform:translateY(-1px)}.toast{transition:opacity .3s,transform .35s cubic-bezier(.22,1,.36,1)}@keyframes toastPop{0%{opacity:0;transform:translateY(15px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes emptyEnter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.empty{animation:.35s emptyEnter}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{animation:.5s ease-out both pageEnter}.quest{opacity:0;transition:transform .25s,box-shadow .25s;animation:.45s cubic-bezier(.22,1,.36,1) forwards questEnter}.quest:hover{transform:translateY(-5px)scale(1.01)}.qicon{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.quest:hover .qicon{transform:scale(1.12)rotate(-5deg)}.star{animation:3s ease-in-out infinite starFloat,2.5s ease-in-out infinite starGlow}.primary,.action{transition:transform .2s,box-shadow .2s,filter .2s}.primary:hover,.action:hover{filter:brightness(1.04);transform:translateY(-2px)}.primary:active,.action:active{transform:translateY(0)scale(.96)}.tab{transition:transform .2s,background .2s,color .2s}.tab:hover{transform:translateY(-2px)}.tab.active{animation:.25s tabActive}.overlay.open{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:.22s both overlayEnter}.overlay.open .modal{animation:.4s cubic-bezier(.22,1,.36,1) both modalEnter}#progress{transition:width .7s cubic-bezier(.22,1,.36,1)}.toast.show{animation:.35s cubic-bezier(.22,1,.36,1) toastPop}.star-rush{z-index:99999;pointer-events:none;perspective:700px;position:fixed;inset:0;overflow:hidden}.star-rush:before{content:"";opacity:0;background:radial-gradient(circle,#ffe68247,#fff0 55%);animation:.7s ease-out forwards rewardFlash;position:absolute;inset:0}@keyframes rewardFlash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.star-rush span{color:#ffc94d;opacity:0;text-shadow:0 0 8px #ffe178,0 0 20px #ffbe28cc,0 0 45px #ffa50080;will-change:transform, opacity;font-size:38px;line-height:1;animation:.9s cubic-bezier(.12,.75,.2,1) forwards starRush;position:absolute;top:50%;left:50%}.star-rush span:first-child{--x:0px;--y:0px;--scale:13;--rotate:40deg;font-size:54px;animation-delay:0s}.star-rush span:nth-child(2){--x:-140px;--y:-100px;--scale:8;--rotate:-80deg;animation-delay:35ms}.star-rush span:nth-child(3){--x:150px;--y:-120px;--scale:9;--rotate:90deg;animation-delay:70ms}.star-rush span:nth-child(4){--x:-220px;--y:20px;--scale:7;--rotate:-110deg;animation-delay:.1s}.star-rush span:nth-child(5){--x:230px;--y:40px;--scale:8;--rotate:120deg;animation-delay:.125s}.star-rush span:nth-child(6){--x:-130px;--y:160px;--scale:8;--rotate:-140deg;animation-delay:.15s}.star-rush span:nth-child(7){--x:140px;--y:170px;--scale:8;--rotate:150deg;animation-delay:.18s}.star-rush span:nth-child(8){--x:-250px;--y:-180px;--scale:6;--rotate:-180deg;animation-delay:.205s}.star-rush span:nth-child(9){--x:260px;--y:-190px;--scale:7;--rotate:190deg;animation-delay:.23s}@keyframes starRush{0%{opacity:0;transform:translate(-50%, -50%) translate(calc(var(--x) * 1.4), calc(var(--y) * 1.4)) scale(.02) rotate(0deg)}10%{opacity:1}40%{opacity:1;transform:translate(-50%, -50%) translate(var(--x), var(--y)) scale(.5) rotate(calc(var(--rotate) * .25))}70%{opacity:1;transform:translate(-50%, -50%) translate(calc(var(--x) * .3), calc(var(--y) * .3)) scale(2) rotate(calc(var(--rotate) * .6))}to{opacity:0;transform:translate(-50%, -50%) translate(0, 0) scale(var(--scale)) rotate(var(--rotate))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.icon-choice{aspect-ratio:1;color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #b6b0ff29;border-radius:12px;justify-content:center;align-items:center;min-width:46px;min-height:46px;padding:0;font-family:inherit;font-size:22px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:flex}.icon-choice:hover{background:#8f82ff24;border-color:#8f82ff66;transform:translateY(-3px)scale(1.08)}.icon-choice.selected{background:#ffd76a24;border-color:#ffd76ab3;transform:scale(1.08);box-shadow:0 0 18px #ffd76a33}.icon-custom{color:#ffd76a;font-size:27px;font-weight:600}.custom-icon-box{align-items:center;gap:10px;margin-top:12px;animation:.25s customIconEnter;display:flex}.custom-icon-preview{background:#ffd76a1a;border:1px solid #ffd76a52;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:25px;display:flex;box-shadow:inset 0 0 16px #ffd76a0f}.custom-icon-box input{flex:1;width:100%}@keyframes customIconEnter{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.icon-picker{grid-template-columns:repeat(5,1fr)}}.brand-button{color:inherit;background:0 0;border:0;padding:0}.main-nav{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:6px;padding:5px;display:flex}.nav-link{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 15px;font-weight:700;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.nav-link:hover{transform:translateY(-1px)}.nav-link.active{color:#3065d8c5;background:#2fb9db1a;box-shadow:0 0 20px #ffd76a14}.quest-type-picker{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.quest-type-option{text-align:left;color:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #b4b0ff24;border-radius:14px;align-items:center;gap:12px;padding:14px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex}.quest-type-option>span{font-size:27px}.quest-type-option div{flex-direction:column;gap:2px;display:flex}.quest-type-option strong{font-size:14px}.quest-type-option small{color:var(--muted);font-size:12px}.quest-type-option:hover{transform:translateY(-2px)}.quest-type-option.selected{background:#ffd76a1a;border-color:#ffd76a94;box-shadow:0 0 20px #ffd76a14}.icon-picker{grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:8px;margin-top:5px;display:grid}.icon-choice{aspect-ratio:1;min-height:46px;color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #b6b0ff24;border-radius:12px;justify-content:center;align-items:center;padding:0;font-size:22px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:flex}.icon-choice:hover{transform:translateY(-3px)scale(1.06)}.icon-choice.selected{background:#ffd76a24;border-color:#ffd76aa6;box-shadow:0 0 18px #ffd76a2b}.icon-custom{color:#ffd76a;font-size:25px}.custom-icon-box{align-items:center;gap:10px;margin-top:10px;display:flex}.custom-icon-preview{background:#ffd76a17;border:1px solid #ffd76a4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.custom-icon-box input{flex:1}.photo-quest-label{color:#aaa1ff;background:#9788ff1a;border-radius:999px;width:fit-content;margin-top:8px;padding:5px 9px;font-size:12px;font-weight:700}.photo-submit{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.photo-submit.disabled{opacity:.55;pointer-events:none}.quest-photo-preview{border-radius:14px;width:min(260px,100%);margin-top:14px;display:block;overflow:hidden}.quest-photo-preview img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .35s;display:block}.quest-photo-preview:hover img{transform:scale(1.035)}.gallery-page{padding-bottom:60px}.gallery-hero{color:#fff;background-image:url(/assets/2-BXYXJ30h.jpg);border:1px solid #0215bb80;border-radius:22px;margin-bottom:35px;padding:32px;position:relative;overflow:hidden}.gallery-hero h1{margin:8px 0 6px;font-size:clamp(28px,5vw,42px)}.gallery-hero p{color:#f5f5f5;max-width:520px;margin:0}.gallery-day{margin-bottom:38px}.gallery-day-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.gallery-day-head>div{align-items:center;gap:10px;display:flex}.gallery-day-head h2{margin:0;font-size:20px}.gallery-day-head small{color:var(--muted)}.gallery-day-star{color:#ffd76a;text-shadow:0 0 12px #ffd76a73;font-size:20px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.gallery-card{background:#ffffff0b;border:1px solid #ffffff14;border-radius:18px;transition:transform .25s,border-color .25s;overflow:hidden;box-shadow:0 12px 32px #00000014}.gallery-card:hover{border-color:#ffd76a33;transform:translateY(-4px)}.gallery-image-wrap{display:block;overflow:hidden}.gallery-image{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .45s;display:block}.gallery-card:hover .gallery-image{transform:scale(1.045)}.gallery-info{padding:14px}.gallery-title{align-items:center;gap:8px;display:flex}.gallery-title>span{font-size:19px}.gallery-title h3{margin:0;font-size:15px}.gallery-info p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.5}.gallery-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:13px;font-size:12px;display:flex}.gallery-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:380px;display:flex}.gallery-empty>div{margin-bottom:10px;font-size:50px}.gallery-empty h2{margin:0}.gallery-empty p{color:var(--muted);margin:7px 0 20px}.empty-icon{margin-bottom:8px;font-size:30px}@media (width<=850px){.topbar{flex-wrap:wrap;gap:14px}.main-nav{order:3;width:100%}.nav-link{flex:1}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.switcher>span{display:none}.quest-type-picker{grid-template-columns:1fr}.icon-picker{grid-template-columns:repeat(5,1fr)}.gallery-grid{grid-template-columns:1fr}.gallery-hero{padding:23px}}.overlay{overflow-y:auto}.modal{max-height:calc(100dvh - 40px);overflow-y:auto}.photo-reason-option{border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;border-radius:13px;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;display:flex}.photo-reason-option input{flex-shrink:0;width:18px;height:18px}.photo-reason-option>div{flex-direction:column;gap:2px;display:flex}.photo-reason-option strong{font-size:14px}.photo-reason-option small{color:var(--muted);font-size:12px}.photo-submit-overlay{z-index:9000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0f1d9e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.photo-submit-modal{border:1px solid var(--line);background:var(--card);width:min(520px,100%);max-height:calc(100dvh - 40px);color:var(--text);border-radius:20px;padding:22px;animation:.35s cubic-bezier(.22,1,.36,1) both modalEnter;overflow-y:auto;box-shadow:0 25px 80px #00000047}.photo-submit-eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:800}.photo-submit-preview{object-fit:cover;border-radius:16px;width:100%;max-height:360px;margin-bottom:16px;display:block}.photo-submit-quest-name{border:1px solid var(--line);background:#ffffff0a;border-radius:13px;align-items:center;gap:10px;margin-bottom:16px;padding:11px 12px;display:flex}.photo-submit-quest-name>span{font-size:23px}.photo-submit-quest-name>div{flex-direction:column;gap:2px;min-width:0;display:flex}.photo-submit-quest-name small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.photo-reason-field{margin-top:4px}.photo-reason-count{color:var(--muted);text-align:right;margin-top:5px;font-size:11px;display:block}.quest-photo-reason,.gallery-reason{background:#ffd76a14;border-radius:12px;gap:8px;margin-top:10px;padding:10px 12px;display:flex}.quest-photo-reason>span,.gallery-reason>span{flex-shrink:0}.quest-photo-reason p,.gallery-reason p{color:var(--text);margin:0;font-size:13px;line-height:1.55}.reward-page{padding-bottom:60px}.reward-hero{color:#fff;border:1px solid var(--line);background-image:url(/assets/space-planet-nebula-background_107791-34312-CCjemo2T.avif);border-radius:22px;align-items:center;gap:22px;margin-bottom:20px;padding:28px;display:flex}.reward-hero-icon{background:#fffffff5;border-radius:22px;flex-shrink:0;place-items:center;width:78px;height:78px;font-size:38px;animation:3s ease-in-out infinite rewardGiftFloat;display:grid}@keyframes rewardGiftFloat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-7px)rotate(3deg)}}.reward-hero h1{margin:5px 0;font-size:clamp(27px,5vw,38px)}.reward-hero p{margin:0}.reward-status{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:20px;padding:24px}.reward-stars{justify-content:space-between;align-items:end;gap:12px;display:flex}.reward-stars span{color:var(--muted);font-size:14px}.reward-stars strong{color:#e4a900;font-size:30px}.reward-progress{background:#8c8ca021;border-radius:100px;height:9px;margin-top:14px;overflow:hidden}.reward-progress i{border-radius:inherit;background:linear-gradient(90deg,#1900ff,#fff);height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.reward-locked{background:#9696a514;border-radius:14px;align-items:center;gap:13px;margin-top:20px;padding:15px;display:flex}.reward-lock-icon{font-size:26px}.reward-locked strong{font-size:14px}.reward-locked p{color:var(--muted);margin:2px 0 0;font-size:13px}.reward-unlocked{text-align:center;border-radius:17px;flex-direction:column;align-items:center;margin-top:22px;padding:25px 15px;display:flex}.reward-unlocked-icon{margin-bottom:5px;font-size:34px}.reward-unlocked h2{margin:4px 0;font-size:20px}.reward-unlocked p{color:var(--muted);margin:0 0 17px;font-size:13px}.reward-redeem-button{min-width:180px}.reward-history{margin-top:30px}.reward-history-list{flex-direction:column;gap:10px;display:flex}.reward-history-card{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:15px;align-items:center;gap:13px;padding:15px;display:flex}.reward-history-icon{border-radius:12px;flex-shrink:0;place-items:center;width:45px;height:45px;font-size:21px;display:grid}.reward-history-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.reward-history-body strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reward-history-body span,.reward-history-body small{color:var(--muted);font-size:12px}.reward-history-cost{color:#d69b00;flex-shrink:0;font-size:13px;font-weight:800}.reward-history-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:15px;padding:38px}.reward-history-empty div{margin-bottom:8px;font-size:30px}.reward-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c1999;justify-content:center;align-items:center;padding:20px;animation:.2s rewardOverlayEnter;display:flex;position:fixed;inset:0;overflow-y:auto}.reward-modal{border:1px solid var(--line);background:var(--card);width:min(480px,100%);max-height:calc(100dvh - 40px);color:var(--text);border-radius:20px;padding:23px;animation:.35s cubic-bezier(.22,1,.36,1) rewardModalEnter;overflow-y:auto;box-shadow:0 25px 80px #00000040}.reward-modal-heading{align-items:center;gap:10px;display:flex}.reward-modal-emoji{font-size:25px}.reward-modal-description{color:var(--muted);margin:-8px 0 18px;font-size:13px}.reward-count{color:var(--muted);text-align:right;margin-top:5px;display:block}.reward-confirm{background:#ffd76a12;border-radius:13px;justify-content:center;align-items:center;gap:15px;margin-top:16px;padding:13px;display:flex}.reward-confirm>div{text-align:center;flex-direction:column;display:flex}.reward-confirm span{color:var(--muted);font-size:11px}.reward-confirm strong{font-size:16px}.reward-arrow{font-size:20px!important}@keyframes rewardOverlayEnter{0%{opacity:0}to{opacity:1}}@keyframes rewardModalEnter{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.overlay{padding:max(16px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom));align-items:flex-start;overflow-y:auto}.modal{width:100%;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;border-radius:18px;margin:auto 0;padding:18px;overflow-y:auto}.photo-submit-overlay,.reward-overlay{align-items:flex-end;padding:0}.photo-submit-modal,.reward-modal{width:100%;max-height:90dvh;padding:20px 18px max(20px, env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.reward-hero{align-items:flex-start;padding:20px}.reward-hero-icon{border-radius:16px;width:58px;height:58px;font-size:28px}.reward-history-card{align-items:flex-start}}