:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{color:#7a3517;background:#fff8f2;min-height:100vh;margin:0;overflow-x:hidden}button,input,select{font:inherit}.page{isolation:isolate;place-items:center;min-height:100vh;padding:.5rem 1rem 3rem;display:grid;position:relative;overflow:hidden}.hero-bg{z-index:-1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.content-shell{flex-direction:column;align-items:center;width:100%;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 .75rem 1.25rem #b44e0a38);width:min(62vw,23rem);max-height:7.5rem;margin:0 auto;display:block}.reward-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #ff7e2347;border-radius:1.75rem;width:min(100%,29rem);padding:2.25rem;box-shadow:0 2rem 5rem #c24d0d33}.auth-card{margin-inline:auto}.session-status{color:#8e5a3d;margin:0;font-weight:650}.app-view{width:min(100%,62rem);margin-top:-2.5rem}.app-view>.reward-card{margin-inline:auto}#rewardPanel.gift-frame-card{aspect-ratio:658/967;width:min(100%,36rem);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:url(/gift-frame.webp) 50%/contain no-repeat;border:0;border-radius:0;padding:37% 10.5% 36%}#rewardPanel #rewardForm{flex-direction:column;justify-content:center;height:100%;display:flex}#rewardPanel .field{margin-bottom:clamp(.45rem,1.6vw,.85rem)}#rewardPanel label{color:#9a451c;margin-bottom:clamp(.2rem,.8vw,.4rem);font-size:clamp(.62rem,2vw,.84rem)}#rewardPanel input{background:#fffcf8f5;border-color:#f2b07c;border-radius:clamp(.5rem,2vw,.75rem);height:clamp(2rem,8vw,3rem);padding:0 clamp(.55rem,2vw,.9rem);font-size:clamp(.7rem,2.5vw,.95rem)}#rewardPanel .input-icon{display:none}#rewardPanel .error{min-height:clamp(.75rem,3vw,1rem);margin:-.2rem 0 .25rem;font-size:clamp(.55rem,1.8vw,.72rem)}#rewardPanel .reward-button{border-radius:clamp(.55rem,2vw,.8rem);width:62%;height:clamp(2.7rem,9vw,3.4rem);margin:clamp(-.55rem,-1.5vw,-.25rem) auto 0;padding:.65rem 1rem;font-size:clamp(.68rem,2.4vw,.92rem);line-height:1.2;box-shadow:0 .65rem 1.4rem #ff5f0038}.view-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #ff7e2340;border-radius:.85rem;justify-content:center;align-items:center;gap:.35rem;width:fit-content;margin:0 auto .85rem;padding:.3rem;display:flex}.view-tab{color:#996044;cursor:pointer;background:0 0;border:0;border-radius:.62rem;padding:.55rem .8rem;font-size:.8rem;font-weight:750}.view-tab.active{color:#fff;background:linear-gradient(135deg,#ff9d2e,#ff5f00)}.logout-button{color:#b44508;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf6e6;border:1px solid #f2c5a7;border-radius:.7rem;padding:.48rem .68rem;font-size:.72rem;font-weight:750;box-shadow:0 .45rem 1.2rem #752b041f}.logout-button:hover{background:#fff0e4}.auth-switch{color:#b44508;cursor:pointer;background:0 0;border:0;margin:1rem auto 0;padding:.35rem;font-size:.8rem;font-weight:700;display:block}.auth-switch:hover{text-decoration:underline}.register-success{color:#4e6c20;min-height:1.15rem;margin:-.55rem 0 .65rem;font-size:.78rem;line-height:1.45}.floating-logout{z-index:8;position:fixed;bottom:.8rem;right:.8rem}.gift-icon{color:#fff;background:linear-gradient(135deg,#ffae4a,#ff6a00);border-radius:1.35rem;place-items:center;width:4.25rem;height:4.25rem;margin:0 auto 1.25rem;display:grid;box-shadow:0 .9rem 2.2rem #ff6a0040}.gift-icon svg{width:2rem}h1{color:#e85d04;text-align:center;letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,5vw,2.35rem)}.subtitle{color:#996044;text-align:center;margin:.6rem 0 2rem;line-height:1.6}.field{margin-bottom:1.2rem}label{color:#7d3c1d;margin-bottom:.55rem;font-size:.88rem;font-weight:650;display:block}.input-wrap{position:relative}input{color:#6d3217;background:#fffaf6;border:1px solid #f2c5a7;border-radius:.9rem;outline:none;width:100%;height:3.55rem;padding:0 3rem 0 1rem;transition:border-color .18s,box-shadow .18s,background .18s}input::placeholder{color:#c49b82}input:focus{background:#fff;border-color:#ff7a1a;box-shadow:0 0 0 4px #ff7a1a21}.input-icon{color:#f08a46;pointer-events:none;width:1.15rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.error{color:#d83716;min-height:1.15rem;margin:-.55rem 0 .65rem;font-size:.78rem}.reward-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9d2e,#ff5f00);border:0;border-radius:.95rem;width:100%;height:3.65rem;font-weight:800;transition:transform .16s,box-shadow .16s;box-shadow:0 .9rem 2rem #ff5f003d}.reward-button:hover{transform:translateY(-2px);box-shadow:0 1.1rem 2.3rem #ff5f0057}.reward-button:active{transform:translateY(0)}button:disabled{cursor:wait;opacity:.65;transform:none}.demo-note{color:#996044;text-align:center;margin:1rem 0 0;font-size:.74rem;line-height:1.5}.admin-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #ff7e2347;border-radius:1.4rem;width:100%;padding:1.6rem;box-shadow:0 2rem 5rem #c24d0d29}.admin-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.admin-heading h1{text-align:left;font-size:1.55rem}.admin-heading p{color:#996044;margin:.35rem 0 0;font-size:.82rem}.admin-heading-actions{gap:.45rem;display:flex}.secondary-button,.small-button{color:#a5440d;cursor:pointer;background:#fff8f2;border:1px solid #f2c5a7;border-radius:.65rem;font-weight:700}.secondary-button{flex:none;padding:.6rem .8rem;font-size:.78rem;text-decoration:none}.create-admin-form{background:#fffaf6;border:1px solid #f5d7c3;border-radius:.9rem;grid-template-columns:minmax(9rem,1fr) minmax(11rem,1.2fr) 9rem auto;align-items:end;gap:.7rem;padding:1rem;display:grid}.compact-field label{margin-bottom:.35rem;font-size:.74rem}.compact-field input,.compact-field select{color:#6d3217;background:#fff;border:1px solid #f2c5a7;border-radius:.65rem;outline:none;width:100%;height:2.7rem;padding:0 .75rem}.compact-field input:focus,.compact-field select:focus{border-color:#ff7a1a;box-shadow:0 0 0 3px #ff7a1a1f}.create-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9d2e,#ff5f00);border:0;border-radius:.65rem;height:2.7rem;padding:0 .9rem;font-size:.78rem;font-weight:800}.admin-message{color:#6f7a35;min-height:1.15rem;margin:.75rem 0;font-size:.76rem}.admin-message.is-error{color:#d83716}.user-list{gap:.55rem;display:grid}.user-row{background:#fffdfb;border:1px solid #f6dfd0;border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .85rem;display:flex}.user-identity{min-width:8rem}.user-identity strong{color:#6d3217;margin-bottom:.3rem;font-size:.86rem;display:block}.status-badge{border-radius:999px;padding:.16rem .45rem;font-size:.64rem;font-weight:750;display:inline-block}.status-badge.active{color:#4e6c20;background:#eff7df}.status-badge.locked{color:#a83a25;background:#fff0eb}.status-badge.pending{color:#9a6200;background:#fff5d9}.status-badge.rejected{color:#7a6670;background:#f2edf0}.user-controls{justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.user-controls select{color:#7a3517;background:#fffaf6;border:1px solid #f2c5a7;border-radius:.55rem;height:2.25rem;padding:0 .55rem}.small-button{height:2.25rem;padding:0 .65rem;font-size:.7rem}.small-button.danger{color:#b52e19;background:#fff4f1;border-color:#f2b9aa}.small-button.success{color:#4e6c20;background:#f5faea;border-color:#c9d9a7}.empty-users{color:#996044;text-align:center;font-size:.82rem}.fireworks-canvas{z-index:11;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.modal{z-index:10;visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#662a088c;place-items:center;padding:1rem;transition:opacity .2s,visibility .2s;display:grid;position:fixed;inset:0}.modal.show{visibility:visible;opacity:1}.modal-content{color:#7a3517;text-align:center;background:#fffdfb;border:1px solid #ffd2b4;border-radius:1.6rem;width:min(100%,30rem);padding:2rem 2.25rem 2.2rem;transition:transform .25s cubic-bezier(.2,.8,.2,1);transform:scale(.9)translateY(1rem);box-shadow:0 2rem 6rem #752b0459}.modal-brand-logo{object-fit:contain;filter:drop-shadow(0 .45rem .75rem #b04a0033);width:min(78%,17rem);height:auto;margin:0 auto 1.15rem;display:block}.modal.show .modal-content{transform:scale(1)translateY(0)}body.celebrating .modal-content{animation:.52s cubic-bezier(.2,1.35,.35,1) both celebration-pop,.52s ease-in-out .62s happy-shake}body.celebrating .success-icon{animation:.7s cubic-bezier(.2,1.5,.4,1) both icon-bounce,1.15s ease-in-out .72s infinite alternate icon-float}body.celebrating #rewardPanel{animation:.56s ease-in-out card-shake}@keyframes celebration-pop{0%{opacity:0;transform:scale(.45)translateY(3rem)rotate(-5deg)}65%{opacity:1;transform:scale(1.07)translateY(-.3rem)rotate(2deg)}to{transform:scale(1)translateY(0)rotate(0)}}@keyframes happy-shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-.5rem)rotate(-1.5deg)}40%{transform:translate(.45rem)rotate(1.3deg)}60%{transform:translate(-.25rem)rotate(-.7deg)}80%{transform:translate(.18rem)rotate(.5deg)}}@keyframes icon-bounce{0%{transform:scale(0)rotate(-180deg)}70%{transform:scale(1.18)rotate(12deg)}to{transform:scale(1)rotate(0)}}@keyframes icon-float{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-.45rem)rotate(4deg)}}@keyframes card-shake{0%,to{transform:translate(0)}25%{transform:translate(-.4rem)}50%{transform:translate(.35rem)}75%{transform:translate(-.18rem)}}.success-icon{color:#fff;background:linear-gradient(135deg,#ffad3d,#ff6200);border-radius:50%;place-items:center;width:4.6rem;height:4.6rem;margin:0 auto 1rem;font-size:2rem;display:grid;box-shadow:0 .8rem 1.8rem #ff620040}.modal h2{color:#e85d04;letter-spacing:-.035em;margin:0;font-size:clamp(2rem,7vw,2.55rem);font-weight:900}.modal p{color:#743414;margin:.9rem 0 1.75rem;font-size:clamp(1.05rem,4vw,1.3rem);font-weight:700;line-height:1.55}.modal strong{color:#e65300}.modal .success-account{color:#0757b8;text-shadow:0 .08rem .18rem #0757b829;font-weight:900}.close-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9a28,#f35800);border:0;border-radius:.85rem;width:100%;height:3.2rem;font-weight:750}@media (width<=480px){.page{padding-top:.25rem}.brand-logo{width:min(68vw,18rem);margin-bottom:0}.app-view{margin-top:-1.5rem}.reward-card{border-radius:1.4rem;padding:1.75rem 1.25rem}}@media (width<=760px){.admin-heading{flex-direction:column;align-items:flex-start}.create-admin-form{grid-template-columns:1fr}.user-row{flex-direction:column;align-items:flex-start}.user-controls{flex-wrap:wrap;justify-content:flex-start;width:100%}}@media (prefers-reduced-motion:reduce){body.celebrating .modal-content,body.celebrating .success-icon,body.celebrating #rewardPanel{animation:none}}