*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#111112;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;font-family:Inter,sans-serif;color:#fff}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.app-brand{font-family:Playfair Display,serif;font-style:italic;font-weight:400;font-size:clamp(3.2rem,6.5vw,4.4rem);letter-spacing:.03em;text-align:center;color:transparent}.brand-inner{position:relative;display:inline-block;background:linear-gradient(110deg,#ffffffb8 10%,#fff 32%,#fff8be 48%,#ffe664f2 55%,#fff 68%,#ffffffb8 90%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brandShimmer 5s linear infinite;filter:drop-shadow(0 0 18px rgba(255,230,100,.18))}@keyframes brandShimmer{0%{background-position:160% center}to{background-position:-160% center}}.brand-star{position:absolute;color:#fff5b4e6;animation:starTwinkle 2.4s ease-in-out infinite;pointer-events:none;line-height:1;text-shadow:0 0 6px rgba(255,240,150,.7),0 0 14px rgba(255,220,80,.4)}.brand-star-accent{color:#fffac8;animation:starAccentPulse 3.2s ease-in-out infinite;text-shadow:0 0 10px rgba(255,240,150,.9),0 0 24px rgba(255,210,60,.55),0 0 40px rgba(255,200,50,.25)}@keyframes starTwinkle{0%,to{opacity:.12;transform:scale(.65) rotate(0)}30%{opacity:.6;transform:scale(1) rotate(10deg)}50%{opacity:1;transform:scale(1.35) rotate(20deg)}70%{opacity:.55;transform:scale(1) rotate(15deg)}}@keyframes starAccentPulse{0%,to{opacity:.25;transform:scale(.75) rotate(0);filter:blur(0px)}40%{opacity:.85;transform:scale(1.1) rotate(15deg);filter:blur(.3px)}55%{opacity:1;transform:scale(1.3) rotate(22deg);filter:blur(0px)}70%{opacity:.8;transform:scale(1.1) rotate(18deg);filter:blur(.2px)}}.page-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.auth-screen{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:0 16px}.auth-screen>.app-brand{position:absolute;top:calc(15vh - 3.5rem - 10px);left:50%;transform:translate(-50%);white-space:nowrap}.auth-card{background:#1c1c20;border-radius:20px;padding:44px 56px 48px;width:480px;max-width:100%}.auth-label{font-family:Cormorant Garamond,serif;font-style:italic;font-size:.82rem;color:#ffffff61;letter-spacing:.06em;display:block;margin-bottom:10px}.auth-title{font-family:Cormorant Garamond,serif;font-style:italic;font-size:clamp(2.6rem,6vw,3.6rem);font-weight:600;line-height:1.05;color:#fff}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field-label{font-size:.68rem;font-weight:600;letter-spacing:.12em;color:#fff6}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px 44px 12px 16px;font-size:.95rem;color:#fff;outline:none;transition:border-color .18s}.auth-field>.auth-input{padding-right:16px}.auth-input::placeholder{color:#ffffff40}.auth-input:focus{border-color:#ffffff59}.pw-toggle{position:absolute;right:12px;background:none;border:none;color:#ffffff59;display:flex;align-items:center;padding:0;transition:color .15s}.pw-toggle:hover{color:#ffffffb3}.auth-error{font-size:.83rem;color:#e05050;background:#e0505014;border-radius:6px;padding:8px 12px}.auth-btn{margin-top:4px;background:transparent;border:1.5px solid rgba(255,255,255,.55);border-radius:8px;padding:13px 28px;font-size:.78rem;font-weight:600;letter-spacing:.12em;color:#fff;transition:background .18s,border-color .18s}.auth-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffffd9}.auth-btn:disabled{opacity:.45;cursor:not-allowed}.auth-switch{margin-top:24px;font-size:.83rem;color:#ffffff61;text-align:center}.auth-switch-btn{background:none;border:none;color:#ffffffb3;font-size:inherit;font-weight:500;text-decoration:underline;text-underline-offset:3px;padding:0;transition:color .15s}.auth-switch-btn:hover{color:#fff}.app{background:#1c1c20;border-radius:20px;padding:42px 50px 48px;width:1125px;max-width:100%;position:relative}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.label-italic{font-family:Cormorant Garamond,serif;font-style:italic;font-size:.82rem;color:#ffffff61;letter-spacing:.06em}.top-left{display:flex;align-items:center;gap:12px}.points-badge{font-size:.78rem;font-weight:600;letter-spacing:.05em;color:#ffffffb8;background:#ffffff12;border-radius:20px;padding:5px 14px}.username-chip{font-size:.88rem;font-weight:600;color:#ffffffbf;font-family:Inter,sans-serif;text-transform:capitalize}.signout-btn{background:none;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:5px 12px;font-size:.68rem;font-weight:600;letter-spacing:.1em;color:#ffffff73;transition:color .15s,border-color .15s}.signout-btn:hover{color:#ffffffd9;border-color:#ffffff73}.tile-wrapper{position:relative;overflow:hidden}.tile-track{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.tile-track::-webkit-scrollbar{display:none}.tile-fade-right{position:absolute;top:0;right:0;width:72px;height:100%;background:linear-gradient(to right,transparent,#1c1c20);pointer-events:none;z-index:2;transition:opacity .3s}.scroll-zone-right{position:absolute;top:0;right:0;width:60px;height:100%;z-index:3}.scroll-zone-left{position:absolute;top:0;left:0;width:60px;height:100%;z-index:3}.tile{flex:0 0 241px;height:356px;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid transparent;position:relative;transition:transform .22s,border-color .22s}.tile:hover{transform:translateY(-6px) scale(1.03);z-index:3}.tile.tile-active{border-color:#ffffff52}.tile-bg{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.tile-bg-photo:after{content:"";position:absolute;bottom:0;left:0;right:0;height:55%;background:linear-gradient(to top,rgba(0,0,0,.82),transparent);pointer-events:none}.tile-emoji{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:3rem}.tile-info{position:relative;z-index:1;padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}.tile-name{font-family:Cormorant Garamond,serif;font-style:italic;font-weight:600;font-size:1.25rem;letter-spacing:.02em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}.tile-cost{font-size:.82rem;color:#ffffffd1;font-weight:600}.bottom-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:28px}.bottom-left{flex:1}.reward-desc{font-size:.88rem;color:#ffffff73;line-height:1.5;margin-bottom:6px}.avail-text{font-size:.76rem;color:#ffffff4d;font-weight:500;letter-spacing:.04em}.bottom-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.qty-stepper{display:flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 12px}.qty-stepper.qty-disabled{opacity:.35}.qty-btn{background:none;border:none;color:#ffffffbf;font-size:1.1rem;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .15s}.qty-btn:hover:not(:disabled){background:#ffffff1a}.qty-btn:disabled{opacity:.3;cursor:default}.qty-label{font-size:.82rem;font-weight:600;color:#ffffffd9;min-width:80px;text-align:center}.qty-pts{color:#ffffff73}.redeem-btn{background:transparent;border:1.5px solid rgba(255,255,255,.55);border-radius:8px;padding:10px 24px;font-size:.78rem;font-weight:600;letter-spacing:.12em;color:#fff;transition:background .18s,border-color .18s;white-space:nowrap}.redeem-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffffd9}.redeem-btn.redeem-disabled{opacity:.35;cursor:not-allowed;border-color:#fff3}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#1c1c20;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:36px 40px;width:380px;max-width:90vw}.modal-title{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:700;margin-bottom:12px}.modal-body{font-size:.9rem;color:#ffffffa6;line-height:1.6;margin-bottom:28px}.modal-body strong{color:#fff}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-cancel{background:none;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:9px 20px;font-size:.82rem;font-weight:500;color:#ffffff8c;transition:border-color .15s,color .15s}.modal-cancel:hover{border-color:#ffffff73;color:#fff}.modal-confirm{background:#ffffff1a;border:1.5px solid rgba(255,255,255,.55);border-radius:8px;padding:9px 20px;font-size:.82rem;font-weight:600;letter-spacing:.08em;color:#fff;transition:background .15s,border-color .15s}.modal-confirm:hover{background:#ffffff2e;border-color:#ffffffd9}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#1c1c20;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:12px 24px;font-size:.85rem;font-weight:500;color:#ffffffe0;z-index:200;animation:toastIn .22s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.history-btn{background:none;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:5px 12px;font-size:.68rem;font-weight:600;letter-spacing:.1em;color:#ffffff73;transition:color .15s,border-color .15s}.history-btn:hover{color:#ffffffd9;border-color:#ffffff73}.history-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100;display:flex;justify-content:flex-end}.history-panel{background:#1c1c20;border-left:1px solid rgba(255,255,255,.08);width:380px;max-width:92vw;height:100%;display:flex;flex-direction:column;animation:slideIn .22s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.history-header{display:flex;align-items:center;justify-content:space-between;padding:28px 28px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.history-title{font-family:Cormorant Garamond,serif;font-style:italic;font-size:1.6rem;font-weight:600;color:#fff}.history-close{background:none;border:none;color:#fff6;font-size:1rem;padding:4px 8px;transition:color .15s}.history-close:hover{color:#fff}.history-list{list-style:none;overflow-y:auto;flex:1;padding:12px 0}.history-item{display:flex;align-items:center;gap:14px;padding:14px 28px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}.history-item:hover{background:#ffffff08}.history-emoji{font-size:1.4rem;flex-shrink:0;width:32px;text-align:center}.history-details{flex:1;display:flex;flex-direction:column;gap:3px}.history-reward-name{font-size:.92rem;font-weight:600;color:#ffffffe0}.history-meta{font-size:.77rem;color:#ffffff59;font-weight:500}.history-date{font-size:.75rem;color:#ffffff4d;white-space:nowrap;flex-shrink:0}.history-empty{padding:48px 28px;text-align:center;font-size:.88rem;color:#ffffff47}@media (max-width: 860px){.app{padding:30px 28px 36px}.tile{flex:0 0 190px;height:285px}}@media (max-width: 600px){body{padding:0;align-items:flex-start}.app{border-radius:0;padding:24px 16px 32px;min-height:100vh;width:100%}.auth-card{border-radius:0;min-height:100vh;padding:48px 28px}.tile{flex:0 0 148px;height:220px}.bottom-bar{flex-direction:column;align-items:flex-start}.bottom-right{width:100%;justify-content:space-between}}