:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:clamp(14px,2vw,16px);color-scheme:light dark;color:inherit;background-color:transparent;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;justify-content:center;align-items:flex-start;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#60a5fa)}body.dark-theme{color:#fff;background:linear-gradient(135deg,#1e3a8a,#1e40af,#3b82f6);--app-text: #ffffff;--user-text: rgba(255, 255, 255, .95);--app-bg: transparent}body.light-theme{color:#1e293b;background:linear-gradient(135deg,#93c5fd,#60a5fa,#3b82f6);--app-text: #1e293b;--user-text: rgba(30, 41, 59, .95);--app-bg: transparent}:root{--toast-bg: rgba(20,20,20,.9);--toast-text: #ffffff;--button-text: #ffffff}body.light-theme{--toast-bg: rgba(255,255,255,.95);--toast-text: #0b1220;--button-text: #0b1220}h1{font-size:clamp(2.2em,6vw,3.2em);line-height:1.1}button{border-radius:clamp(6px,1.5vw,8px);border:1px solid transparent;padding:clamp(.5em,1.2vw,.6em) clamp(1em,2.5vw,1.2em);font-size:clamp(.9em,2.2vw,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}html,body,#root{height:100%;margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:transparent;color:#fff;--app-text: #ffffff;transition:background .3s ease,color .3s ease}body.light-theme{background:transparent;color:#1e293b;--app-text: #1e293b}body.dark-theme{--app-text: #ffffff;background:transparent}.user-display-name{color:var(--user-text, var(--app-text));font-weight:600}:root{--user-text: rgba(255, 255, 255, .95)}body.light-theme{--user-text: rgba(30, 41, 59, .95)}*,*:before,*:after{box-sizing:inherit}.app{display:flex;flex-direction:column;min-height:100vh;justify-content:flex-start}.app.loading{justify-content:center}.app.loading .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,3vw,18px);min-height:40vh;background:transparent;text-align:center}.app.loading .loading-spinner{width:clamp(36px,8vw,48px);height:clamp(36px,8vw,48px);border:4px solid rgba(255,255,255,.25);border-top-color:#00d4ff;border-radius:50%;animation:app-loading-spin .9s linear infinite}body.light-theme .app.loading .loading-spinner{border:4px solid rgba(15,23,42,.2);border-top-color:#2563eb}.app.loading .loading-container p{font-size:clamp(.95rem,2.6vw,1.1rem);opacity:.8;margin:0}@keyframes app-loading-spin{to{transform:rotate(360deg)}}.app-container{flex:1;display:flex;flex-direction:column;max-width:600px;width:100%;margin:0 auto;padding:clamp(12px,3vw,16px);background:transparent;position:relative}.app-header{background:linear-gradient(135deg,#93c5fd26,#60a5fa40);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(12px,3vw,16px);padding:clamp(16px,4vw,20px);margin-bottom:clamp(8px,2vw,12px);border:1px solid rgba(96,165,250,.2);box-shadow:0 8px 32px #3b82f633;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,3vw,24px)}.app-header.dark-theme,body.dark-theme .app-header{background:linear-gradient(135deg,#0f172ad9,#1e293bbf);border:1px solid rgba(71,85,105,.4);box-shadow:0 16px 42px #00000080}.header-left{display:flex;align-items:center;gap:clamp(14px,3vw,20px);flex-wrap:nowrap;margin-top:8px}.header-text{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(4px,1vw,6px);min-width:0}.roro-header-icon{width:clamp(42px,10vw,75px);height:clamp(42px,10vw,75px);object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.35);box-shadow:0 8px 24px #0000004d;flex-shrink:0}body.light-theme .roro-header-icon,.app-header.light-theme .roro-header-icon{border-color:#00000014;box-shadow:0 8px 24px #0f172a33}.header-greeting{font-size:clamp(.85rem,3vw,1.1rem);letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:#80c3ff}.header-username{font-size:clamp(1.15rem,4vw,1.7rem);font-weight:700;color:#fffffff2;text-shadow:0 2px 8px rgba(0,0,0,.35);cursor:pointer;transition:color .25s ease,text-shadow .25s ease}.header-username:hover{color:#ffe066;text-shadow:0 2px 10px rgba(255,224,102,.75)}body.light-theme .header-greeting,.app-header.light-theme .header-greeting{color:#2563eb}body.light-theme .header-username,.app-header.light-theme .header-username{color:#1f2937;text-shadow:none}body.light-theme .header-username:hover,.app-header.light-theme .header-username:hover{color:#2563eb;text-shadow:none}body.light-theme .app-header,.app-header.light-theme{background:linear-gradient(135deg,#bfdbfe99,#93c5fdb3);border:1px solid rgba(59,130,246,.35);box-shadow:0 0 20px #3b82f666,0 0 40px #60a5fa4d,0 8px 32px #3b82f640;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:headerGlow 3s ease-in-out infinite}@keyframes headerGlow{0%,to{box-shadow:0 0 20px #3b82f666,0 0 40px #60a5fa4d,0 8px 32px #3b82f640}50%{box-shadow:0 0 30px #3b82f699,0 0 60px #60a5fa80,0 8px 32px #3b82f659}}body.light-theme .app-title h1,.app-header.light-theme .app-title h1{background:linear-gradient(45deg,#0891b2,#2563eb,#1e293b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-controls{display:flex;align-items:center;gap:clamp(8px,2vw,12px);flex-shrink:0;position:absolute;top:clamp(12px,3vw,20px);right:clamp(12px,3vw,20px);z-index:10}.profile-btn{background:#ffffff1a;border:1px solid #d1d5db;border-radius:50%;width:clamp(36px,8vw,44px);height:clamp(36px,8vw,44px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f9fafb;font-weight:700;letter-spacing:.04em}.profile-btn:hover{background:#fff3;transform:scale(1.1);box-shadow:0 4px 16px #ffffff1a}.profile-initials{font-size:clamp(.85rem,2.4vw,1rem);text-transform:uppercase}body.light-theme .profile-btn,.app-header.light-theme .profile-btn{background:#0000001a;border:1px solid #d1d5db;color:#0f172a}body.light-theme .profile-btn:hover,.app-header.light-theme .profile-btn:hover{background:#0003;box-shadow:0 4px 16px #0000001a}.user-tier-display{display:flex;align-items:center;z-index:40;flex-shrink:0}.phone-display{font-size:.9rem;color:var(--app-text);transition:color .3s ease}body.light-theme .phone-display,.app-header.light-theme .phone-display{color:var(--app-text)}.logout-btn{background:#ffffff1a;border:1px solid #d1d5db;padding:0;border-radius:50%;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;width:clamp(36px,8vw,44px);height:clamp(36px,8vw,44px);display:flex;align-items:center;justify-content:center}.logout-btn:hover{background:#fff3;transform:scale(1.1);box-shadow:0 4px 16px #ffffff1a}.logout-img{width:clamp(18px,4vw,22px);height:clamp(18px,4vw,22px);opacity:.8;transition:transform .3s ease}body.light-theme .logout-btn,.app-header.light-theme .logout-btn{background:#0000001a;border:1px solid #d1d5db}body.light-theme .logout-btn:hover,.app-header.light-theme .logout-btn:hover{background:#0003;box-shadow:0 4px 16px #0000001a}.main-content{flex:1;padding:0;background:transparent}body.light-theme .main-content,body.dark-theme .main-content{background:transparent}.account-restriction-overlay{position:fixed;inset:0;background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:clamp(16px,5vw,24px);z-index:13000}body.light-theme .account-restriction-overlay{background:#0f172a80}.account-restriction-modal{width:min(100%,420px);border-radius:clamp(14px,3.5vw,18px);padding:clamp(24px,6vw,32px);background:linear-gradient(135deg,#1e293bf2,#0f172ae6);border:1px solid rgba(248,113,113,.4);box-shadow:0 24px 60px #0f172a99;text-align:center;color:#f8fafc}body.light-theme .account-restriction-modal{background:linear-gradient(135deg,#fffffffa,#e2e8f0fa);color:#0f172a;border:1px solid rgba(185,28,28,.35);box-shadow:0 24px 60px #94a3b859}.account-restriction-modal h2{margin:0 0 clamp(12px,3vw,18px) 0;font-size:clamp(1.3rem,4vw,1.6rem);font-weight:700}.account-restriction-modal p{margin:0;font-size:clamp(.95rem,2.8vw,1.05rem);line-height:1.6}.account-restriction-support{margin-top:clamp(12px,3vw,16px);font-size:clamp(.9rem,2.6vw,1rem);opacity:.85}.account-restriction-actions{display:flex;flex-direction:column;gap:clamp(10px,3vw,14px);margin-top:clamp(20px,5vw,28px)}.account-restriction-button{width:100%;padding:clamp(12px,3.5vw,16px);border-radius:clamp(12px,3vw,16px);border:none;font-size:clamp(.95rem,2.6vw,1.05rem);font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff7ed;box-shadow:0 12px 30px #dc262659}.account-restriction-button:hover{transform:translateY(-1px);box-shadow:0 16px 38px #dc262673}.account-restriction-button.secondary{background:#f8fafc1a;color:#f8fafc;border:1px solid rgba(226,232,240,.2);box-shadow:none}.account-restriction-button.secondary:hover{background:#f8fafc2e}body.light-theme .account-restriction-button.secondary{background:#0f172a14;color:#0f172a;border:1px solid rgba(15,23,42,.12)}body.light-theme .account-restriction-button.secondary:hover{background:#0f172a24}@media (max-width: 480px){.header-controls{position:absolute;top:clamp(10px,3vw,16px);right:clamp(10px,3vw,16px);gap:clamp(6px,1.5vw,10px)}.user-details{gap:clamp(16px,4vw,20px)}.roro-header-icon{width:clamp(36px,12vw,55px);height:clamp(36px,12vw,55px)}}@media (max-width: 768px){.header-controls{position:absolute;top:clamp(12px,3vw,18px);right:clamp(12px,3vw,18px);gap:clamp(8px,2vw,12px)}.app-header{flex-wrap:wrap;align-items:flex-start;gap:clamp(10px,3vw,16px)}.header-left{flex-wrap:wrap;gap:clamp(10px,3vw,16px)}.app-title h1{font-size:1.5rem}.phone-display{font-size:.9rem}}.walrus-header-img{display:block;width:clamp(72px,16vw,96px);height:auto;max-height:clamp(72px,16vw,96px);object-fit:contain;background:transparent;box-shadow:none;position:absolute;top:30%;right:clamp(6px,2.5vw,14px);transform:translateY(-30%);z-index:12000;cursor:grab;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto}.logout-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:10000}.logout-modal{background:#fff;color:#111;border-radius:12px;max-width:420px;width:92%;padding:18px;box-shadow:0 12px 48px #02061799}.logout-modal h3{margin:0 0 8px;font-size:1.2rem}.logout-modal p{margin:0 0 14px;color:#334155}.logout-actions{display:flex;justify-content:flex-end;gap:10px}.cancel-btn{background:#0000000d;color:#111;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 12px;cursor:pointer}.confirm-btn{background:#ef4444f2;color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 12px;cursor:pointer}.cancel-btn:hover{background:#00000014}.confirm-btn:hover{background:#dc2626}.app.authenticated.no-padding{padding:0!important;margin:0!important;width:100%!important;align-items:stretch!important;justify-content:flex-start!important}.app.authenticated.no-padding>*{width:100%!important}.app.authenticated.no-padding .app-container,.app.authenticated.no-padding .main-content{padding:0!important;margin:0!important;max-width:100%!important}.help-body{white-space:pre-wrap;margin-bottom:16px}.phone-login{min-height:100vh;width:100vw;background:linear-gradient(135deg,#0f0f0f,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;overflow-y:auto;position:relative;padding:clamp(12px,3vw,20px);transition:background .3s ease}body.light-theme .phone-login{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1)}.dev-banner{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;padding:12px 16px;margin-bottom:24px;box-shadow:0 4px 12px #4f46e54d;animation:pulse-dev 2s infinite}.dev-banner-content{display:flex;align-items:center;gap:12px}.dev-icon{font-size:20px;animation:bounce-dev 1.5s infinite}.dev-text{flex:1}.dev-text strong{color:#fff;font-size:14px;font-weight:600;display:block;margin-bottom:2px}.dev-text p{color:#ffffffe6;font-size:12px;margin:0}.dev-text code{background:#fff3;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-weight:700;color:#fff}.verification-info{text-align:center;margin-bottom:20px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}body.light-theme .verification-info{background:#0000000d;border:1px solid rgba(0,0,0,.1)}.verification-text{color:var(--text-color);font-size:14px;margin:0 0 8px;line-height:1.4}.verification-text strong{color:var(--accent-color);font-weight:600}.timer-text{color:var(--text-secondary);font-size:12px;margin:0}.timer{color:var(--accent-color);font-weight:600;font-family:Courier New,monospace}.otp-input{text-align:center;font-size:20px;letter-spacing:4px;font-weight:600;font-family:Courier New,monospace}.form-actions{display:flex;gap:clamp(8px,2vw,12px);margin-top:clamp(12px,3vw,16px);justify-content:space-between}.back-btn,.resend-btn{flex:1;padding:clamp(10px,2.5vw,12px) clamp(12px,3vw,16px);border:1px solid rgba(255,255,255,.2);border-radius:clamp(10px,2.5vw,12px);background:#ffffff0d;color:var(--text-color);font-size:clamp(.8rem,2vw,.9rem);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.5vw,8px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.light-theme .back-btn,body.light-theme .resend-btn{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:var(--text-color)}.back-btn:hover,.resend-btn:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}body.light-theme .back-btn:hover,body.light-theme .resend-btn:hover{background:#0000001a}.back-btn:disabled,.resend-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.back-icon,.resend-icon{font-size:14px}@keyframes pulse-dev{0%,to{box-shadow:0 4px 12px #4f46e54d}50%{box-shadow:0 4px 20px #4f46e580}}@keyframes bounce-dev{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.phone-login:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(91,155,213,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(102,126,234,.1) 0%,transparent 50%);animation:gradient-shift 8s ease-in-out infinite}.login-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(16px,4vw,24px);padding:clamp(24px,6vw,48px) clamp(20px,5vw,40px);width:100%;max-width:clamp(320px,90vw,450px);box-shadow:0 20px 60px #0006;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1;animation:slideUp .8s ease-out;transition:all .3s ease}body.light-theme .login-container{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 20px 60px #00000026}.login-header{text-align:center;margin-bottom:clamp(24px,5vw,40px)}.logo-section{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(12px,3vw,16px);margin-bottom:clamp(12px,3vw,16px)}.logo-section .login-header-icon{margin:0 auto}.login-header-icon{width:clamp(60px,12vw,120px);height:clamp(60px,12vw,120px);aspect-ratio:1 / 1;object-fit:cover;border-radius:50%;background:transparent;border:none;box-shadow:none;transform-origin:center;animation:walrusFloat 4s ease-in-out infinite}.login-header-icon.small{width:clamp(50px,10vw,90px);height:clamp(50px,10vw,90px);aspect-ratio:1 / 1}.logo-icon{font-size:3rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,212,255,.5))}.app-title{font-size:clamp(1.8rem,6vw,2.5rem);font-weight:800;background:linear-gradient(45deg,#00d4ff,#5b9bd5,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;transition:all .3s ease}body.light-theme .app-title{background:linear-gradient(45deg,#0891b2,#2563eb,#1e293b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{font-size:clamp(.9rem,3vw,1.1rem);color:#ffffffb3;margin:0;line-height:1.4;transition:color .3s ease}body.light-theme .login-subtitle{color:#1e293bb3}.login-form{margin-bottom:clamp(20px,4vw,32px)}.form-group{margin-bottom:clamp(16px,4vw,24px)}.form-label{display:block;font-size:clamp(.9rem,2.5vw,1rem);color:#ffffffe6;margin-bottom:clamp(8px,2vw,12px);transition:color .3s ease}body.light-theme .form-label{color:#1e293be6}.input-container{position:relative;display:flex;align-items:center}.input-container.has-toggle .phone-input{padding-right:clamp(56px,14vw,70px)}.password-toggle-btn{position:absolute;right:clamp(12px,3vw,16px);background:transparent;border:none;color:#ffffffbf;font-size:clamp(.75rem,2vw,.85rem);font-weight:600;cursor:pointer;padding:clamp(4px,1.5vw,6px);border-radius:6px;transition:color .2s ease,background .2s ease}body.light-theme .password-toggle-btn{color:#1e293bbf}.password-toggle-btn:hover:not(:disabled),.password-toggle-btn:focus-visible{color:#00d4ff;background:#ffffff14;outline:none}body.light-theme .password-toggle-btn:hover:not(:disabled),body.light-theme .password-toggle-btn:focus-visible{color:#2563eb;background:#0000000f}.password-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.input-container.has-toggle .validation-icon{right:clamp(48px,12vw,60px)}.input-icon{position:absolute;left:clamp(12px,3vw,16px);font-size:clamp(1rem,3vw,1.2rem);color:#ffffff80;z-index:2;transition:color .3s ease}body.light-theme .input-icon{color:#1e293b80}.phone-input{width:100%;padding:clamp(14px,3.5vw,18px) clamp(16px,4vw,20px) clamp(14px,3.5vw,18px) clamp(40px,10vw,50px);font-size:clamp(1rem,2.5vw,1.1rem);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:clamp(12px,3vw,16px);color:#fff;transition:all .3s ease;font-family:Courier New,monospace;letter-spacing:1px}body.light-theme .phone-input{background:#0000000d;border:2px solid rgba(0,0,0,.2);color:#1e293b}.phone-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d;background:#ffffff26}body.light-theme .phone-input:focus{background:#0000001a}.phone-input.valid{border-color:#0f8;box-shadow:0 0 20px #0f83}.phone-input.error{border-color:#ff4757;box-shadow:0 0 20px #ff47574d}.phone-input::placeholder{color:#fff6}body.light-theme .phone-input::placeholder{color:#1e293b66}.phone-input:disabled{opacity:.6;cursor:not-allowed}.validation-icon{position:absolute;right:clamp(12px,3vw,16px);font-size:clamp(1rem,3vw,1.2rem);z-index:2}.validation-icon.success{color:#0f8;animation:checkmark .3s ease-in-out}.error-message{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px);margin-top:clamp(8px,2vw,12px);color:#ff4757;font-size:clamp(.8rem,2vw,.9rem);font-weight:500}.account-block-banner{margin-bottom:clamp(18px,4vw,24px);padding:clamp(12px,3vw,16px);border-radius:clamp(12px,3vw,16px);border:1px solid rgba(248,113,113,.35);background:#f871711f;color:#fecaca;text-align:left}body.light-theme .account-block-banner{background:#f871711f;border:1px solid rgba(248,113,113,.35);color:#7f1d1d}.account-block-banner h3{margin:0 0 clamp(6px,2vw,8px) 0;font-size:clamp(1rem,2.8vw,1.1rem);font-weight:700}.account-block-banner p{margin:0;font-size:clamp(.85rem,2.4vw,.95rem);line-height:1.5}.error-message.blocked{color:#fecaca}body.light-theme .error-message.blocked{color:#991b1b}.error-icon{font-size:1rem}.login-btn{width:100%;padding:clamp(14px,3.5vw,18px) clamp(20px,5vw,24px);font-size:clamp(1rem,3vw,1.2rem);font-weight:700;background:linear-gradient(45deg,#00d4ff,#5b9bd5);border:none;border-radius:clamp(12px,3vw,16px);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,12px);box-shadow:0 8px 25px #00d4ff4d}body.light-theme .login-btn{background:linear-gradient(45deg,#0891b2,#2563eb);box-shadow:0 8px 25px #0891b24d}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #00d4ff66;background:linear-gradient(45deg,#09c,#4a8ab8)}body.light-theme .login-btn:hover:not(:disabled){box-shadow:0 12px 35px #0891b266;background:linear-gradient(45deg,#0891b2,#1d4ed8)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn.disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed;box-shadow:none;transition:all .3s ease}body.light-theme .login-btn.disabled{background:#1e293b33;color:#1e293b66}.login-btn.loading{background:linear-gradient(45deg,#09c,#4a8ab8);cursor:wait}body.light-theme .login-btn.loading{background:linear-gradient(45deg,#0891b2,#1d4ed8)}.otp-input{text-align:center;font-size:clamp(1.1rem,3vw,1.3rem)!important;letter-spacing:.3em!important;font-weight:600}.back-btn{width:100%;padding:clamp(10px,2.5vw,12px) clamp(20px,5vw,24px);margin-top:clamp(12px,3vw,16px);font-size:clamp(.9rem,2.5vw,1rem);font-weight:500;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:clamp(10px,2.5vw,12px);color:#fffc;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.back-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;color:#ffffffe6}body.light-theme .back-btn{background:#0000000d;border:1px solid rgba(0,0,0,.2);color:#1e293bcc}body.light-theme .back-btn:hover:not(:disabled){background:#0000001a;border-color:#0000004d;color:#1e293be6}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.btn-icon{font-size:1.1rem}.login-footer{text-align:center}.security-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;color:#fff9;font-size:.9rem;transition:color .3s ease}body.light-theme .security-info{color:#1e293b99}.security-icon{font-size:1rem}.demo-hint{background:#ffffff0d;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}body.light-theme .demo-hint{background:#0000000d;border:1px solid rgba(0,0,0,.1)}.demo-hint p{margin:0;color:#ffffff80;font-size:.8rem;line-height:1.4;transition:color .3s ease}.demo-hint p:first-child{font-weight:600;color:#ffffffb3;margin-bottom:8px;transition:color .3s ease}body.light-theme .demo-hint p{color:#1e293b80}body.light-theme .demo-hint p:first-child{color:#1e293bb3}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(2deg)}66%{transform:translateY(-4px) rotate(-1deg)}}@keyframes walrusFloat{0%{transform:translateY(0) rotate(-1deg)}25%{transform:translateY(-10px) rotate(2deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-6px) rotate(-2deg)}to{transform:translateY(0) rotate(-1deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkmark{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 767px){.login-container{margin:20px;padding:32px 28px;max-width:none}.logo-icon{font-size:2.5rem}.app-title{font-size:2rem}.login-subtitle{font-size:1rem}.phone-input{padding:16px 18px 16px 45px;font-size:1rem}.login-btn{padding:16px 20px;font-size:1.1rem}.demo-hint{padding:12px}}@media (min-width: 768px) and (max-width: 1023px){.login-container{margin:40px}}@media (max-width: 767px) and (orientation: landscape){.phone-login{align-items:flex-start;padding:20px 0;overflow-y:auto}.login-container{margin:20px auto;min-height:auto}}.google-btn{width:100%;padding:12px 16px;margin-top:8px;background:#fff;color:#202124;border-radius:12px;border:1px solid rgba(0,0,0,.08);font-weight:700;cursor:pointer}.google-btn:hover{transform:translateY(-2px)}.signup-option{margin-top:clamp(16px,4vw,20px);padding-top:clamp(12px,3vw,16px);border-top:1px solid rgba(255,255,255,.1);text-align:center}body.light-theme .signup-option{border-top-color:#0000001a}.signup-option p{margin:0;display:inline;color:#ffffffb3;font-size:clamp(.8rem,2vw,.9rem)}body.light-theme .signup-option p{color:#000000b3}.signup-link{background:none;border:none;color:#3b82f6;font-weight:600;cursor:pointer;text-decoration:none;font-size:clamp(.85rem,2.2vw,.95rem);padding:clamp(3px,1vw,4px) clamp(6px,1.5vw,8px);border-radius:clamp(4px,1vw,6px);transition:all .2s ease}.signup-link:hover{background:#3b82f61a;transform:translateY(-1px)}.signup-link:disabled{opacity:.5;cursor:not-allowed;transform:none}body.light-theme .signup-link{color:#2563eb}body.light-theme .signup-link:hover{background:#2563eb1a}.validation-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none;transition:all .3s ease}.validation-icon.success{color:#10b981;animation:checkmark-appear .4s ease-out}.validation-icon.error{color:#ef4444;animation:shake .5s ease-in-out}@keyframes checkmark-appear{0%{opacity:0;transform:translateY(-50%) scale(.3)}50%{transform:translateY(-50%) scale(1.2)}to{opacity:1;transform:translateY(-50%) scale(1)}}.divider{position:relative;text-align:center;margin:24px 0;color:#ffffff80;font-size:14px}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);z-index:0}.divider span{padding:0 16px;position:relative;z-index:1}body.light-theme .divider{color:#00000080}body.light-theme .divider:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.2),transparent)}body.light-theme .divider span{background:#f8fafce6}.google-btn{width:100%;padding:clamp(12px,3vw,14px) clamp(20px,5vw,24px);background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:clamp(10px,2.5vw,12px);font-size:clamp(.9rem,2.5vw,1rem);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,12px);box-shadow:0 2px 8px #0000001a}.google-btn:hover:not(:disabled){background:#f9fafb;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.google-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-icon{font-size:clamp(16px,3vw,18px)}body.light-theme .google-btn{background:#fff;border-color:#e5e7eb}body.light-theme .google-btn:hover:not(:disabled){background:#f3f4f6}.features-preview{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-bottom:20px;text-align:center}body.light-theme .features-preview{background:#00000008;border-color:#0000001a}.features-title{color:#ffffffe6;font-size:14px;font-weight:600;margin:0 0 12px}body.light-theme .features-title{color:#000000e6}.features-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.feature-item{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:20px;padding:4px 12px;font-size:12px;color:#fffc;display:inline-flex;align-items:center;gap:4px}body.light-theme .feature-item{background:#2563eb1a;border-color:#2563eb33;color:#1e293bcc}.login-btn.loading{position:relative;color:transparent}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.login-btn.valid{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d}.login-btn.valid:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-icon{font-size:16px;margin-right:4px}.success-message{text-align:center;padding:20px}.success-icon{font-size:2rem;margin-bottom:16px;display:block}.success-message p{margin:8px 0;color:#ffffffe6}body.light-theme .success-message p{color:#000000e6}@media (max-width: 480px){.login-container{padding:12px 10px;max-width:96vw}.login-header{margin-bottom:8px}.logo-section{gap:8px;margin-bottom:6px;flex-direction:row!important}.login-container .login-header-icon,.logo-section .login-header-icon{width:48px!important;height:48px!important}.login-container .login-header-icon.small,.logo-section .login-header-icon.small{width:36px!important;height:36px!important}.app-title{font-size:1.05rem!important}.login-subtitle{font-size:.9rem}}@media (max-width: 360px){.login-container .login-header-icon,.logo-section .login-header-icon{width:55px!important;height:55px!important}.login-container .login-header-icon.small,.logo-section .login-header-icon.small{width:45px!important;height:45px!important}}@media (max-width: 760px){.logo-section{flex-wrap:nowrap;justify-content:center}.logo-section .login-header-icon,.login-container .login-header-icon{animation:none!important;transform:none!important;width:65px!important;height:65px!important}.logo-section .login-header-icon.small{width:50px!important;height:50px!important}}@media (max-width: 820px){.phone-login .login-container .login-header .logo-section{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important}.phone-login .login-container .login-header .logo-section .login-header-icon{flex:0 0 auto!important;width:65px!important;height:65px!important;margin:0!important;animation:none!important;transform:none!important;display:inline-block!important;vertical-align:middle!important}.phone-login .login-container .login-header .logo-section .login-header-icon.small{width:50px!important;height:50px!important}.phone-login .login-container .login-header .logo-section .app-title{display:inline-block!important;vertical-align:middle!important;margin:0!important;padding:0!important}}.login-header.compact{margin-bottom:24px}.login-header-icon.small{width:clamp(32px,6vw,60px);height:clamp(32px,6vw,60px)}.app-title.small{font-size:2rem}.login-form.compact{margin-bottom:20px}.form-group.compact{margin-bottom:16px}.error-message.compact{margin-top:8px;padding:10px 14px;font-size:13px;min-height:42px;display:flex;align-items:center;gap:8px;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-btn.compact{padding:12px 20px;font-size:15px;margin-bottom:12px}.google-btn.compact{padding:10px 20px;font-size:14px;margin-bottom:16px}.signup-link.inline{display:inline;margin-left:4px;padding:2px 4px}.form-footer{margin-top:clamp(16px,4vw,20px);text-align:center}.form-footer>p{margin:0;font-size:clamp(.75rem,1.8vw,.85rem);color:#ffffffb3}body.light-theme .form-footer>p{color:#000000a6}.form-group.compact .phone-input{padding:12px 16px 12px 44px;font-size:15px}@media (max-width: 480px){.phone-login{padding:8px}.login-container{padding:20px 16px;border-radius:16px;max-width:calc(100vw - 16px)}.app-title{font-size:1.8rem;line-height:1.2}.login-subtitle{font-size:.9rem}.phone-input{padding:12px 16px 12px 40px;font-size:1rem}.input-icon{left:12px;font-size:1rem}.login-btn{padding:14px 20px;font-size:1rem}.form-actions{flex-direction:column;gap:8px}.back-btn,.resend-btn{width:100%;margin-bottom:4px}.google-btn{padding:12px 18px;font-size:.9rem}.google-icon{font-size:16px}}@media (min-width: 481px) and (max-width: 768px){.login-container{max-width:420px;padding:32px 24px}.app-title{font-size:2.1rem}.phone-input{padding:16px 18px 16px 45px;font-size:1.05rem}.login-btn{padding:16px 22px;font-size:1.1rem}.google-btn{padding:13px 20px;font-size:.95rem}}@media (min-width: 769px) and (max-width: 1024px){.login-container{max-width:450px;padding:40px 32px}.app-title{font-size:2.3rem}.phone-input{padding:17px 19px 17px 48px;font-size:1.08rem}.login-btn{padding:17px 23px;font-size:1.15rem}.google-btn{padding:13.5px 22px;font-size:.98rem}}@media (min-width: 1025px){.login-container{max-width:450px;padding:48px 40px}.app-title{font-size:2.5rem}.phone-input{padding:18px 20px 18px 50px;font-size:1.1rem}.login-btn{padding:18px 24px;font-size:1.2rem}}@media (orientation: landscape) and (max-height: 600px){.phone-login{padding:8px;align-items:flex-start;padding-top:2vh}.login-container{margin:2vh auto;max-height:90vh;overflow-y:auto}.login-header{margin-bottom:20px}.app-title{font-size:1.8rem}.login-header-icon{width:60px;height:60px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.login-container{border-width:.5px}.phone-input{border-width:1px}}@media (hover: none) and (pointer: coarse){.login-btn,.google-btn,.back-btn,.resend-btn,.signup-link{-webkit-tap-highlight-color:rgba(0,212,255,.3);touch-action:manipulation;user-select:none;-webkit-user-select:none}.login-btn:active:not(:disabled),.google-btn:active:not(:disabled){transform:scale(.98);transition:transform .1s ease}.login-btn:disabled,.google-btn:disabled{pointer-events:none;opacity:.5}}@media (prefers-reduced-motion: reduce){.login-header-icon,.logo-icon,.login-container{animation:none}.login-btn:hover,.back-btn:hover,.resend-btn:hover{transform:none}}.theme-toggle{background:#ffffff1a;border:1px solid #d1d5db;border-radius:50%;width:clamp(36px,8vw,44px);height:clamp(36px,8vw,44px);display:flex;align-items:center;justify-content:center;padding:0;margin:0;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.theme-toggle:hover{background:#fff3;transform:scale(1.1);box-shadow:0 4px 16px #ffffff1a}.theme-toggle:active{transform:scale(.95);background:#ffffff4d}.theme-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease;font-size:clamp(1rem,2.6vw,1.25rem);line-height:1}.theme-toggle:active .theme-icon{transform:rotate(180deg)}body.light-theme .theme-toggle{background:#0000001a;border:1px solid #d1d5db}body.light-theme .theme-toggle:hover{background:#0003;box-shadow:0 4px 16px #0000001a}body.light-theme .theme-toggle:active{background:#0000004d}.tier-notification-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tier-notification-overlay.visible{opacity:1}.tier-notification-modal{background:linear-gradient(135deg,#10b98133,#0596691a);border:2px solid rgba(16,185,129,.4);border-radius:20px;padding:32px 24px;max-width:400px;width:90%;text-align:center;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0000004d;transform:scale(.9);transition:transform .3s ease;color:#fff}.tier-notification-overlay.visible .tier-notification-modal{transform:scale(1)}.tier-notification-header{margin-bottom:24px}.celebration-icon{font-size:48px;margin-bottom:12px;animation:celebrate-bounce 1s ease infinite alternate}.tier-notification-header h3{margin:0;font-size:24px;font-weight:700;color:#10b981;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tier-upgrade-visual{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0;flex-wrap:wrap}.tier-badge-display{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:12px;min-width:100px;transition:all .3s ease}.tier-badge-display.old{background:#64748b33;border:2px solid rgba(100,116,139,.4);opacity:.7}.tier-badge-display.new{background:#10b9814d;border:2px solid rgba(16,185,129,.6);animation:new-tier-glow 2s ease infinite alternate}.tier-emoji{font-size:32px;display:block}.tier-name{font-size:14px;font-weight:600;text-align:center}.tier-upgrade-arrow{font-size:24px;color:#10b981;animation:arrow-pulse 1.5s ease infinite}.tier-notification-message{margin:24px 0}.tier-notification-message p{margin:8px 0;font-size:16px;line-height:1.4}.tier-description{font-size:14px!important;opacity:.8;font-style:italic}.tier-notification-benefits{background:#ffffff1a;border-radius:12px;padding:16px;margin:20px 0;text-align:left}.benefits-title{margin:0 0 12px;font-weight:600;text-align:center;color:#fbbf24}.tier-notification-benefits ul{margin:0;padding-left:20px;list-style:none}.tier-notification-benefits li{margin:8px 0;position:relative;padding-left:20px}.tier-notification-benefits li:before{content:"";position:absolute;left:0;top:0}.tier-notification-close{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 32px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:16px;box-shadow:0 4px 15px #10b9814d}.tier-notification-close:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.tier-notification-close:active{transform:translateY(0)}@keyframes celebrate-bounce{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-10px) rotate(5deg)}}@keyframes new-tier-glow{0%{box-shadow:0 0 20px #10b98166;border-color:#10b98199}to{box-shadow:0 0 30px #10b981cc;border-color:#10b981e6}}@keyframes arrow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}body.light-theme .tier-notification-modal{background:linear-gradient(135deg,#10b98126,#05966914);color:#1e293b}body.light-theme .tier-notification-header h3{color:#059669}body.light-theme .tier-notification-benefits{background:#0000000d}@media (max-width: 480px){.tier-notification-modal{padding:24px 16px;margin:16px}.celebration-icon{font-size:36px}.tier-notification-header h3{font-size:20px}.tier-upgrade-visual{gap:12px}.tier-badge-display{min-width:80px;padding:12px}.tier-emoji{font-size:24px}.tier-name{font-size:12px}}.shake-page{display:flex;flex-direction:column;min-height:100vh;padding:clamp(12px,3vw,20px);background:var(--app-bg);color:var(--app-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s ease}.shake-page.dark-theme{background:linear-gradient(135deg,#0f0f0f,#1a1a2e,#16213e)}.shake-page.light-theme{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1)}.shake-header{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(12px,3vw,16px);padding:clamp(12px,3vw,16px);margin-bottom:clamp(12px,3vw,16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.5vw,12px);transition:all .3s ease}.shake-page.light-theme .shake-header{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}.shake-header h1{margin:0;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:700;background:linear-gradient(45deg,#00d4ff,#5b9bd5,var(--app-text));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;width:100%;padding:0 8px}.back-btn{background:var(--overlay-medium, rgba(255,255,255,.1));border:1px solid var(--overlay-light, rgba(255,255,255,.2));color:var(--app-text);padding:clamp(8px,2vw,10px) clamp(12px,3vw,16px);border-radius:clamp(8px,2vw,12px);font-size:clamp(12px,3vw,14px);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500}.back-btn{align-self:center;margin-bottom:0}.back-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 16px #ffffff1a}.shake-icon.disabled{opacity:.6;filter:grayscale(20%);transform:none!important}.shake-page.light-theme .back-btn{background:#0000001a;border:1px solid rgba(0,0,0,.2)}.shake-page.light-theme .back-btn:hover{background:#0003;box-shadow:0 4px 16px #0000001a}.user-status{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(12px,3vw,15px);padding:clamp(16px,4vw,20px);margin-bottom:clamp(20px,5vw,30px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.shake-page.light-theme .user-status{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}.points-display{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:clamp(15px,4vw,20px);margin-bottom:clamp(15px,4vw,20px)}.available-points,.total-points{display:flex;flex-direction:column;align-items:center;padding:clamp(12px,3vw,15px);background:#ffffff1a;border-radius:clamp(8px,2vw,10px);min-width:clamp(120px,30vw,140px);transition:all .3s ease}.shake-page.light-theme .available-points,.shake-page.light-theme .total-points{background:#0000001a}.available-points .label,.total-points .label{font-size:clamp(10px,2.5vw,12px);opacity:.8;margin-bottom:clamp(4px,1vw,5px);text-transform:uppercase;letter-spacing:1px;color:var(--user-text)}.available-points .value,.total-points .value{font-size:clamp(20px,5vw,24px);font-weight:700;background:linear-gradient(45deg,#00d4ff,#5b9bd5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tier-info{display:flex;flex-direction:column;gap:clamp(12px,3vw,15px)}.current-tier{text-align:center}.tier-badge{display:inline-block;background:linear-gradient(45deg,#00d4ff,#5b9bd5);color:#fff;padding:clamp(6px,1.5vw,8px) clamp(16px,4vw,20px);border-radius:clamp(20px,5vw,25px);font-weight:700;font-size:clamp(14px,3.5vw,16px);box-shadow:0 4px 15px #00d4ff4d;transition:all .3s ease}.shake-page.light-theme .tier-badge{color:#fff;box-shadow:0 4px 15px #00d4ff33}.tier-progress{display:flex;flex-direction:column;gap:clamp(6px,1.5vw,8px)}.progress-bar{width:100%;height:clamp(6px,1.5vw,8px);background:#fff3;border-radius:clamp(3px,.75vw,4px);overflow:hidden}.shake-page.light-theme .progress-bar{background:#0003}.progress-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#5b9bd5);border-radius:clamp(3px,.75vw,4px);transition:width .3s ease}.progress-text{font-size:clamp(10px,2.5vw,12px);text-align:center;opacity:.9;color:var(--user-text)}.shake-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,5vw,30px);padding:clamp(20px,5vw,40px) clamp(16px,4vw,20px)}.shake-area{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(30px,7vw,40px);background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(16px,4vw,20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;transition:all .3s ease;max-width:400px;width:100%}.shake-page.light-theme .shake-area{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}.shake-area.shaking{animation:shake .5s ease-in-out;border-color:#00d4ff;box-shadow:0 0 20px #00d4ff80}.shake-page.light-theme .shake-area.shaking{box-shadow:0 0 20px #00d4ff4d}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.shake-icon{font-size:80px;margin-bottom:20px;animation:float 3s ease-in-out infinite;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;cursor:pointer;transition:transform .2s ease}.shake-icon:hover{transform:scale(1.05)}.shake-icon:active{transform:scale(.95)}.walrus-shake-img{width:clamp(150px,35vw,200px);height:clamp(150px,35vw,200px);object-fit:contain;filter:drop-shadow(0 4px 15px rgba(0,212,255,.3));transition:all .5s ease;border-radius:50%}.shake-page.light-theme .walrus-shake-img{filter:drop-shadow(0 4px 15px rgba(0,212,255,.4)) brightness(.9)}.shake-area.shaking .walrus-shake-img{filter:drop-shadow(0 4px 20px rgba(0,212,255,.6));transform:scale(1.1)}.shake-page.light-theme .shake-area.shaking .walrus-shake-img{filter:drop-shadow(0 4px 20px rgba(0,212,255,.7)) brightness(.9)}.reward-success-overlay{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:linear-gradient(45deg,gold,#ffed4e);color:#333;padding:clamp(8px,2vw,12px) clamp(16px,4vw,20px);border-radius:clamp(20px,5vw,25px);font-size:clamp(12px,3vw,14px);font-weight:700;box-shadow:0 4px 15px #ffd70080;animation:bounceIn .6s ease-out,pulse 1s ease-in-out infinite .6s;z-index:10;white-space:nowrap}.shake-page.light-theme .reward-success-overlay{background:linear-gradient(45deg,#00d4ff,#5b9bd5);color:#fff;box-shadow:0 4px 15px #00d4ff80}@keyframes bounceIn{0%{opacity:0;transform:translate(-50%) scale(.3) translateY(20px)}50%{opacity:1;transform:translate(-50%) scale(1.1) translateY(-10px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}@keyframes pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shake-area h2{margin:0 0 clamp(12px,3vw,15px) 0;font-size:clamp(1.5rem,5vw,1.8rem);font-weight:700;background:linear-gradient(45deg,#00d4ff,#5b9bd5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shake-area p{margin:0 0 clamp(20px,5vw,25px) 0;font-size:clamp(14px,3.5vw,16px);opacity:.9;line-height:1.5;color:var(--user-text)}.shake-instruction{margin:0 0 clamp(15px,4vw,20px) 0!important;font-size:clamp(16px,4vw,18px)!important;font-weight:600!important;text-align:center;background:linear-gradient(45deg,#00d4ff,#5b9bd5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:1!important;animation:pulse 2s ease-in-out infinite}.available-points-text{margin:clamp(10px,2.5vw,15px) 0 0 0!important;font-size:clamp(14px,3.5vw,16px)!important;font-weight:500!important;text-align:center;color:var(--app-text);opacity:.8!important}.reward-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000}.reward-modal-overlay{pointer-events:auto}.reward-modal{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(16px,4vw,20px);padding:clamp(20px,5vw,30px);margin:clamp(16px,4vw,20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d;max-width:400px;width:90%;text-align:center;color:var(--app-text)}.shake-page.light-theme .reward-modal{background:#ffffffe6;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}.reward-icon{display:flex;justify-content:center;align-items:center;margin-bottom:clamp(16px,4vw,20px);background:transparent}.reward-icon img{width:clamp(60px,15vw,80px);height:clamp(60px,15vw,80px);object-fit:contain;filter:none;animation:celebrateWalrus .6s ease-out;border:none;background:transparent!important;mix-blend-mode:multiply}@keyframes celebrateWalrus{0%{transform:scale(.8) rotate(-5deg);opacity:0}50%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}.reward-modal h3{margin:clamp(4px,1vw,6px) 0 clamp(4px,1vw,6px) 0;font-size:clamp(1.2rem,3.5vw,1.4rem);font-weight:500;background:linear-gradient(45deg,#00d4ff,#5b9bd5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reward-status-message{margin-top:clamp(12px,3vw,16px);padding:clamp(8px,2vw,12px);background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:clamp(8px,2vw,12px);font-size:clamp(.9rem,2.5vw,1rem);color:#00d4ff;font-weight:500}.shake-page.light-theme .reward-status-message{background:#5b9bd51a;border:1px solid rgba(91,155,213,.3);color:#5b9bd5}.reward-details{margin-bottom:clamp(20px,5vw,25px)}.reward-details h4{margin:0 0 clamp(12px,3vw,15px) 0;font-size:clamp(1.1rem,3.5vw,1.3rem);font-weight:600}.reward-title{color:gold!important;font-weight:700;font-size:clamp(1.4rem,4.5vw,1.8rem);margin-top:0;margin-bottom:clamp(8px,2vw,12px);text-shadow:0 2px 4px rgba(0,0,0,.3)}.shake-page.light-theme .reward-title{color:#d4af37!important;text-shadow:0 1px 3px rgba(214,158,36,.45)}.reward-details p{margin:clamp(8px,2vw,10px) 0;font-size:clamp(14px,3.5vw,16px);opacity:.9}.reward-details p strong{color:var(--app-text);font-weight:700;opacity:1}.shake-page.light-theme .reward-details p strong{color:#333}.reward-cost-display{color:var(--app-text);font-weight:600;margin:clamp(4px,1vw,6px) 0;text-align:center;font-size:clamp(12px,3vw,14px);opacity:.8}.reward-meta{margin-top:clamp(15px,3.5vw,20px);padding:clamp(10px,2.5vw,12px);background:#ffffff0d;border-radius:clamp(6px,1.5vw,8px);border:1px solid rgba(255,255,255,.1)}.shake-page.light-theme .reward-meta{background:#0000000d;border:1px solid rgba(0,0,0,.1)}.reward-meta p{margin:clamp(6px,1.5vw,8px) 0;font-size:clamp(13px,3vw,15px)}.reward-id{font-size:clamp(11px,2.5vw,13px)!important;opacity:.7!important;font-family:monospace}.reward-saved-text{background:#00d4ff1a;color:#00d4ff!important;padding:clamp(3px,.8vw,5px) clamp(6px,1.5vw,8px);border-radius:clamp(4px,1vw,6px);font-weight:500;margin-top:clamp(6px,1.5vw,8px)!important;border:1px solid rgba(0,212,255,.2);text-align:center;font-size:clamp(8px,2vw,10px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shake-page.light-theme .reward-saved-text{background:#00d4ff14;color:#06c!important;border:1px solid rgba(0,212,255,.15)}.shake-page.light-theme .reward-saved-text{background:#22c55e1a;color:#16a34a!important;border:1px solid rgba(34,197,94,.2)}.reward-description{margin-top:clamp(6px,1.5vw,10px)!important;font-size:clamp(12px,3vw,14px);color:#ffffffd1!important;font-weight:400;line-height:1.5}.shake-page.light-theme .reward-description{color:#4b5563!important;opacity:1}.reward-actions{display:flex;gap:clamp(12px,3vw,15px);justify-content:center}.claim-btn,.cancel-btn{padding:clamp(10px,2.5vw,12px) clamp(16px,4vw,20px);border:none;border-radius:clamp(8px,2vw,10px);font-size:clamp(14px,3.5vw,16px);font-weight:600;cursor:pointer;transition:all .3s ease}.claim-btn{background:linear-gradient(45deg,#00d4ff,#5b9bd5);color:#fff}.claim-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00d4ff66}.cancel-btn{background:#fff3;color:var(--app-text);border:1px solid rgba(255,255,255,.3)}.cancel-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.reward-walrus-image{width:clamp(80px,20vw,120px);height:clamp(80px,20vw,120px);margin-bottom:clamp(15px,4vw,20px);animation:rewardBounce .6s ease-out;object-fit:contain}.reward-saved-text{color:#4caf50;font-weight:600;font-size:clamp(14px,3.5vw,16px);margin-top:clamp(15px,4vw,20px)!important;padding:clamp(8px,2vw,10px);background:#4caf501a;border-radius:clamp(6px,1.5vw,8px);border:1px solid rgba(76,175,80,.3)}.success-notification{animation:successPop .4s ease-out}.success-notification .success-icon{font-size:clamp(2rem,6vw,3rem);margin-bottom:clamp(10px,3vw,15px)}.success-notification h3{color:#4caf50;background:linear-gradient(45deg,#4caf50,#81c784);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.success-notification p{font-size:clamp(16px,4vw,18px);margin-bottom:clamp(15px,4vw,20px)}.success-notification .reward-details h4{color:#00d4ff;margin-bottom:clamp(8px,2vw,10px)}@keyframes successPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes rewardBounce{0%{transform:scale(.3) rotate(-10deg);opacity:0}50%{transform:scale(1.1) rotate(5deg)}70%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1) rotate(0);opacity:1}}.manual-shake-btn{background:linear-gradient(45deg,#00d4ff,#5b9bd5);border:none;color:#fff;padding:clamp(12px,3vw,15px) clamp(24px,6vw,30px);border-radius:clamp(25px,6vw,50px);font-size:clamp(16px,4vw,18px);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00d4ff4d}.manual-shake-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66;background:linear-gradient(45deg,#09c,#4a8bb8)}.manual-shake-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.shake-stats{text-align:center;padding:clamp(12px,3vw,15px);background:#ffffff1a;border-radius:clamp(8px,2vw,10px);font-size:clamp(12px,3vw,14px);opacity:.8;color:var(--user-text);transition:all .3s ease}.shake-page.light-theme .shake-stats{background:#0000001a}.device-motion-status{margin-top:clamp(8px,2vw,10px);padding-top:clamp(8px,2vw,10px);border-top:1px solid rgba(255,255,255,.2)}.shake-page.light-theme .device-motion-status{border-top:1px solid rgba(0,0,0,.2)}.device-motion-status p{margin:clamp(4px,1vw,6px) 0;font-size:clamp(10px,2.5vw,12px)}.permission-btn{background:linear-gradient(45deg,#ff6b6b,#feca57);border:none;color:#fff;padding:clamp(6px,1.5vw,8px) clamp(12px,3vw,16px);border-radius:clamp(15px,4vw,20px);font-size:clamp(10px,2.5vw,12px);font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:clamp(6px,1.5vw,8px)}.permission-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}.preview-area{margin-top:clamp(20px,5vw,30px);background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(12px,3vw,15px);padding:clamp(20px,5vw,25px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease-out;transition:all .3s ease}.shake-page.light-theme .preview-area{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reward-preview h3,.no-reward-preview h3{margin:0 0 clamp(16px,4vw,20px) 0;font-size:clamp(1.2rem,4vw,1.4rem);text-align:center;background:linear-gradient(45deg,#00d4ff,#5b9bd5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reward-details{background:#ffffff1a;border-radius:clamp(8px,2vw,10px);padding:clamp(16px,4vw,20px);margin-bottom:clamp(16px,4vw,20px);transition:all .3s ease}.shake-page.light-theme .reward-details{background:#0000001a}.reward-details h4{margin:0 0 clamp(12px,3vw,15px) 0;font-size:clamp(1.1rem,4vw,1.25rem);background:linear-gradient(45deg,#00d4ff,#5b9bd5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reward-details p{margin:clamp(6px,1.5vw,8px) 0;font-size:clamp(12px,3vw,14px);opacity:.9;color:var(--user-text)}.confirm-btn{width:100%;background:linear-gradient(45deg,#00d4ff,#5b9bd5);border:none;color:#fff;padding:clamp(12px,3vw,15px);border-radius:clamp(8px,2vw,10px);font-size:clamp(14px,3.5vw,16px);font-weight:700;cursor:pointer;transition:all .3s ease}.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66;background:linear-gradient(45deg,#09c,#4a8bb8)}.confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.no-reward-preview{text-align:center}.no-reward-preview p{margin:clamp(8px,2vw,10px) 0;font-size:clamp(12px,3vw,14px);opacity:.8;color:var(--user-text)}.walrus-reward-success{animation:celebrateWalrus 2s ease-in-out}@keyframes celebrateWalrus{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.2) rotate(0)}75%{transform:scale(1.1) rotate(5deg)}}@media (max-width: 768px){.shake-header{grid-template-columns:1fr;grid-template-rows:auto auto auto;text-align:center;gap:clamp(8px,2vw,10px)}.shake-header .back-btn{grid-row:1;justify-self:start}.shake-header h1{grid-row:2;justify-self:center}.shake-header .theme-toggle{grid-row:3;justify-self:center}.points-display{flex-direction:column;gap:clamp(12px,3vw,15px)}.available-points,.total-points{width:100%;min-width:auto}.walrus-shake-img{width:clamp(80px,20vw,90px);height:clamp(80px,20vw,90px)}}@media (max-width: 480px){.shake-page{padding:clamp(8px,2vw,10px)}.walrus-shake-img{width:clamp(70px,18vw,80px);height:clamp(70px,18vw,80px)}}@media (max-width: 768px){.shake-page{position:fixed;inset:0;padding:0;z-index:2000;background:var(--app-bg);display:flex;flex-direction:column}.shake-header{position:sticky;top:0;margin:0;border-radius:0;z-index:2010}.shake-main{flex:1 1 auto;overflow:auto;padding:clamp(12px,4vw,16px);height:calc(100vh - 64px)}}.reward-close-btn{position:absolute;top:10px;right:10px;background:transparent;border:none;color:var(--app-text);font-size:20px;line-height:1;padding:6px 8px;cursor:pointer;border-radius:6px;transition:background .15s ease,transform .08s ease}.reward-close-btn:hover{background:#ffffff0f;transform:translateY(-1px)}.reward-close-btn:active{transform:translateY(0)}.shake-page.light-theme .reward-close-btn{color:#333}.shake-options-section{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(12px,3vw,16px);padding:clamp(16px,4vw,24px);margin-bottom:clamp(16px,4vw,24px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.shake-page.light-theme .shake-options-section{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}.shake-options-title{margin:0 0 clamp(8px,2vw,12px) 0;font-size:clamp(1.2rem,3.5vw,1.5rem);font-weight:700;text-align:center;color:var(--app-text)}.shake-options-description{margin:0 0 clamp(16px,4vw,20px) 0;font-size:clamp(.9rem,2.5vw,1rem);text-align:center;color:var(--app-text);opacity:.8}.shake-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(12px,3vw,16px);width:100%}.shake-option-card{background:#ffffff14;border:2px solid rgba(255,255,255,.1);border-radius:clamp(8px,2vw,12px);padding:clamp(12px,3vw,16px);transition:all .3s ease;position:relative;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.shake-option-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d;border-color:#fff3}.shake-option-card.selected{border-color:#00d4ff;background:#00d4ff1a;box-shadow:0 0 20px #00d4ff4d}.shake-option-card.unaffordable{opacity:.6;border-color:#ff64644d}.shake-page.light-theme .shake-option-card{background:#ffffffb3;border-color:#0000001a}.shake-page.light-theme .shake-option-card:hover{border-color:#0003;box-shadow:0 8px 24px #0000001a}.shake-page.light-theme .shake-option-card.selected{border-color:#06c;background:#0066cc1a;box-shadow:0 0 20px #06c3}.option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(8px,2vw,12px)}.option-title{margin:0;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:600;color:#374151;opacity:1}.selected-indicator{color:#00d4ff;font-size:clamp(1.2rem,3vw,1.4rem);font-weight:700}.shake-page.light-theme .selected-indicator{color:#06c}.option-description{margin:0 0 clamp(12px,3vw,16px) 0;font-size:clamp(.85rem,2.2vw,.9rem);color:#4b5563;opacity:1;line-height:1.4;flex-grow:1}.shake-page.light-theme .option-title{color:#374151}.shake-page.light-theme .option-description{color:#4b5563}.option-cost{margin-bottom:clamp(8px,2vw,12px)}.cost-amount{font-size:clamp(1rem,2.5vw,1.1rem);font-weight:600;color:var(--app-text);background:#00d4ff33;padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px);border-radius:clamp(4px,1vw,6px);border:1px solid rgba(0,212,255,.3)}.shake-page.light-theme .cost-amount{background:#0066cc1a;border-color:#06c3}.points-needed{font-size:clamp(.8rem,2vw,.85rem);color:#ff6b6b;font-weight:500;text-align:center;background:#ff6b6b1a;padding:clamp(4px,1vw,6px);border-radius:clamp(4px,1vw,6px);border:1px solid rgba(255,107,107,.2)}.shake-page.light-theme .points-needed{color:#d63031;background:#d630311a;border-color:#d6303133}.selected-option-display{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(12px,3vw,16px);padding:clamp(16px,4vw,24px);margin-bottom:clamp(16px,4vw,24px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.shake-page.light-theme .selected-option-display{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}.selected-option-title{margin:0 0 clamp(12px,3vw,16px) 0;font-size:clamp(1.2rem,3.5vw,1.5rem);font-weight:700;text-align:center;color:var(--app-text)}.selected-option-card{background:#00d4ff1a;border:2px solid #00d4ff;border-radius:clamp(8px,2vw,12px);padding:clamp(16px,4vw,20px);box-shadow:0 0 20px #00d4ff4d}.shake-page.light-theme .selected-option-card{background:#0066cc1a;border-color:#06c;box-shadow:0 0 20px #06c3}.option-name{margin:0 0 clamp(8px,2vw,12px) 0;font-size:clamp(1.1rem,3vw,1.3rem);font-weight:600;color:var(--app-text)}.option-description{margin:0 0 clamp(12px,3vw,16px) 0;font-size:clamp(.9rem,2.5vw,1rem);color:var(--app-text);opacity:.9;line-height:1.5}.option-cost-display{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px)}.cost-label{font-size:clamp(.9rem,2.5vw,1rem);color:var(--app-text);opacity:.8}.cost-value{font-size:clamp(1rem,2.8vw,1.2rem);font-weight:600;color:#00d4ff;background:#00d4ff33;padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px);border-radius:clamp(4px,1vw,6px);border:1px solid rgba(0,212,255,.3)}.shake-page.light-theme .cost-value{color:#06c;background:#0066cc1a;border-color:#06c3}.no-option-warning{background:#ff6b6b1a;border:2px solid rgba(255,107,107,.3);border-radius:clamp(12px,3vw,16px);padding:clamp(20px,5vw,32px);margin-bottom:clamp(16px,4vw,24px);text-align:center}.shake-page.light-theme .no-option-warning{background:#d630311a;border-color:#d6303133}.no-option-warning h2{margin:0 0 clamp(12px,3vw,16px) 0;color:#ff6b6b;font-size:clamp(1.1rem,3vw,1.3rem)}.shake-page.light-theme .no-option-warning h2{color:#d63031}.no-option-warning p{margin:0 0 clamp(16px,4vw,20px) 0;color:var(--app-text);opacity:.9}@media (max-width: 768px){.shake-options-grid{grid-template-columns:1fr}.shake-option-card{min-height:100px}.selected-option-display{margin-bottom:clamp(12px,3vw,16px)}}.rewards-page{display:flex;flex-direction:column;min-height:100vh;padding:clamp(12px,3vw,20px);background:var(--app-bg);color:var(--app-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s ease}.rewards-page.dark-theme{background:linear-gradient(135deg,#0f0f0f,#1a1a2e,#16213e)}.rewards-page.light-theme{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1)}.rewards-page.light-theme{--app-text: #1e293b;color:var(--app-text)}.rewards-page.light-theme .back-btn,.rewards-page.light-theme .rewards-header h1,.rewards-page.light-theme .user-points,.rewards-page.light-theme .tab-btn,.rewards-page.light-theme .empty-state h3,.rewards-page.light-theme .empty-state p,.rewards-page.light-theme .reward-info h3,.rewards-page.light-theme .reward-info p,.rewards-page.light-theme .reward-meta,.rewards-page.light-theme .pagination span{color:var(--app-text)!important}.rewards-page.light-theme .back-btn,.rewards-page.light-theme .primary-btn,.rewards-page.light-theme .claim-btn{color:#fff}.rewards-page.light-theme .tab-btn{color:var(--app-text)!important}.rewards-page.light-theme *:not(.primary-btn):not(.primary-btn *):not(.claim-btn):not(.claim-btn *):not(.status-badge):not(.status-badge *){color:var(--app-text)!important}.rewards-page.light-theme .rewards-list .reward-card,.rewards-page.light-theme .rewards-list .reward-card *:not(.primary-btn):not(.primary-btn *):not(.claim-btn):not(.claim-btn *):not(.status-badge):not(.status-badge *){color:var(--app-text)!important}.rewards-header{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(12px,3vw,16px);padding:clamp(12px,3vw,16px);margin-bottom:clamp(12px,3vw,16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:clamp(8px,2vw,12px);transition:all .3s ease}.rewards-page.light-theme .rewards-header{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}.rewards-header-row{display:flex;align-items:center;justify-content:space-between;width:100%}.header-controls{display:flex;align-items:center;gap:8px}.notif-btn{background:transparent;border:none;padding:6px 8px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:inherit}.notif-btn:hover{background:#0000000a}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:#ff5a5f;color:#fff;font-size:11px;border-radius:999px;box-shadow:0 1px 4px #0000001f}.notif-dropdown{position:absolute;right:0;margin-top:8px;width:300px;max-height:360px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:10000}.notif-dropdown-header{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.04);font-weight:700}.notif-items{max-height:300px;overflow-y:auto}.notif-item{padding:10px 12px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid rgba(0,0,0,.03)}.notif-item .notif-title{font-weight:600}.notif-item .notif-meta{font-size:12px;color:#666}.notif-empty{padding:12px;color:#666}.notif-more{padding:8px 12px;font-size:13px;color:#444}.notif-actions{padding:10px 12px;display:flex;justify-content:flex-end}.rewards-header h1{margin:0;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:700;background:linear-gradient(45deg,#00d4ff,#5b9bd5,var(--app-text));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--app-text);padding:clamp(6px,1.5vw,10px) clamp(12px,3vw,16px);border-radius:clamp(8px,2vw,12px);cursor:pointer;font-size:clamp(.9rem,2.5vw,1rem);font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.rewards-page.light-theme .back-btn{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:var(--app-text)}.rewards-page.light-theme .back-btn:hover{background:#0000001a}.user-points{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;color:var(--app-text)}.rewards-container{flex:1;display:flex;flex-direction:column;gap:clamp(16px,4vw,24px)}.rewards-tabs{display:flex;background:#ffffff05;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:clamp(10px,2.5vw,14px);padding:clamp(6px,1.5vw,8px);border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 10px #0000000f}.rewards-page.light-theme .rewards-tabs{background:#fffc;border:1px solid rgba(0,0,0,.1)}.rewards-header h1{margin:0;font-size:clamp(1.2rem,3.4vw,1.6rem);font-weight:700;color:var(--app-text);background:transparent;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.tab-btn{flex:1;background:transparent;border:none;color:var(--app-text);padding:clamp(10px,2.5vw,14px);border-radius:clamp(8px,2vw,12px);cursor:pointer;font-size:clamp(.9rem,2.5vw,1rem);font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.5vw,8px)}.tab-btn:hover{background:#ffffff1a}.tab-btn.active{background:#5b9bd51f;color:#2f6b90;font-weight:600;box-shadow:0 1px 6px #2f6b9014}.rewards-page.light-theme .tab-btn.active{background:#5b9bd533;color:#5b9bd5}.rewards-section{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(12px,3vw,16px);padding:8px 0;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;min-height:unset;transition:all .3s ease}.rewards-page.light-theme .rewards-section{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a;padding:8px 0;min-height:unset}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(32px,8vw,48px);gap:clamp(16px,4vw,24px)}.empty-icon{font-size:clamp(3rem,8vw,4rem);opacity:.6}.empty-state h3{margin:0;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:600;color:var(--app-text)}.empty-state p{margin:0;font-size:clamp(.9rem,2.5vw,1rem);color:var(--app-text);opacity:.8}.primary-btn{background:linear-gradient(45deg,#00d4ff,#5b9bd5);border:none;color:#fff;padding:clamp(10px,2.5vw,14px) clamp(20px,5vw,28px);border-radius:clamp(8px,2vw,12px);cursor:pointer;font-size:clamp(.9rem,2.5vw,1rem);font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #00d4ff4d}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.rewards-list{display:flex;flex-direction:column;gap:clamp(12px,3vw,16px)}.reward-card{background:#ffffff08;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:clamp(10px,2.5vw,14px);padding:clamp(10px,2.5vw,12px);border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000f;transition:all .18s ease;display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,3vw,16px)}.reward-card:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.rewards-page.light-theme .reward-card{background:#fff;border:1px solid rgba(0,0,0,.06)}.reward-card.pending{border-left:4px solid rgba(0,212,255,.28)}.reward-card.history{border-left:4px solid rgba(91,155,213,.28)}.rewards-section.history{padding:clamp(10px,3vw,12px)}.rewards-section.history .rewards-list{gap:clamp(8px,2vw,10px)}.rewards-section.history .reward-card{padding:clamp(8px,2vw,10px);border-radius:10px}.rewards-section.history .reward-info p{margin-bottom:6px;font-size:clamp(.8rem,1.9vw,.9rem)}.rewards-section.history .reward-meta{gap:clamp(8px,2vw,10px);opacity:.75}.rewards-section.history .status-badge{min-width:clamp(36px,8vw,42px)}.reward-info{flex:1}.reward-info h3{margin:0 0 clamp(4px,1vw,6px) 0;font-size:clamp(.98rem,2.2vw,1.08rem);font-weight:600;color:var(--app-text)}.reward-info p{margin:0 0 clamp(6px,1.5vw,8px) 0;font-size:clamp(.82rem,1.9vw,.9rem);color:var(--app-text);opacity:.85;line-height:1.35}.reward-meta{display:flex;flex-wrap:wrap;gap:clamp(12px,3vw,16px);font-size:clamp(.8rem,2vw,.9rem);color:var(--app-text);opacity:.7}.reward-meta span{display:flex;align-items:center;gap:clamp(4px,1vw,6px)}.reward-meta{flex-wrap:nowrap!important;white-space:nowrap!important;align-items:center;overflow:hidden}.reward-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.claim-btn{background:linear-gradient(180deg,#4fb3d6,#5b9bd5);border:none;color:#fff;padding:clamp(6px,1.5vw,10px) clamp(12px,3vw,16px);border-radius:clamp(8px,2vw,10px);cursor:pointer;font-size:clamp(.82rem,1.9vw,.9rem);font-weight:600;transition:all .18s ease;box-shadow:0 1px 6px #0000000f;min-width:clamp(72px,18vw,90px)}.claim-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.claim-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.claim-btn.claiming{background:linear-gradient(180deg,#f4b05a,#ff9b3d)}.pending-actions{display:flex;justify-content:flex-end;align-items:center;margin-bottom:clamp(12px,3vw,16px);gap:clamp(8px,2vw,12px)}.claim-all-btn{background:linear-gradient(135deg,#5b9bd5,#2563eb);border:none;color:#fff;padding:clamp(6px,1.7vw,12px) clamp(16px,4vw,22px);border-radius:clamp(10px,2.5vw,14px);cursor:pointer;font-size:clamp(.85rem,2.1vw,1rem);font-weight:600;box-shadow:0 6px 18px #05966940;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.claim-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #2563eb59}.claim-all-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #2563eb33}.claim-all-btn.claiming{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 18px #d9770640}.rewards-tabs .tab-btn img{height:clamp(1.6em,6vw,2.4em)!important;width:auto!important;margin-right:10px!important;vertical-align:middle}.rewards-tabs .tab-btn:nth-child(2) img{height:clamp(1.8em,7vw,2.6em)!important}.status-badge{box-shadow:none!important;padding:4px 8px!important;border-radius:8px!important;font-weight:600!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.status-badge.redeemed{background:#3cb45a1f!important;color:#2e7d4a!important;border:1px solid rgba(60,180,90,.14)!important}.status-badge.claimed,.status-badge.processing{background:#ffe6781a!important;color:#8f7200!important;border:1px solid rgba(200,160,80,.12)!important}.rewards-page,.rewards-container,.rewards-section{transition:background .2s ease,color .2s ease}.status-badge{font-size:clamp(1.2rem,3vw,1.5rem);padding:clamp(4px,1vw,6px);border-radius:clamp(6px,1.5vw,8px);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;min-width:clamp(40px,10vw,50px);transition:all .3s ease}.rewards-page.light-theme .status-badge{background:#0000000d;border:1px solid rgba(0,0,0,.1)}.pagination{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,16px);margin-top:clamp(16px,4vw,24px)}.pagination button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--app-text);padding:clamp(8px,2vw,10px) clamp(12px,3vw,16px);border-radius:clamp(6px,1.5vw,8px);cursor:pointer;font-size:clamp(.85rem,2vw,.95rem);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pagination button:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.pagination button:disabled{opacity:.5;cursor:not-allowed;transform:none}.rewards-page.light-theme .pagination button{background:#0000000d;border:1px solid rgba(0,0,0,.1)}.rewards-page.light-theme .pagination button:hover:not(:disabled){background:#0000001a}.pagination span{font-size:clamp(.9rem,2.5vw,1rem);color:var(--app-text);font-weight:500}.loading{display:flex;align-items:center;justify-content:center;padding:clamp(32px,8vw,48px);font-size:clamp(1rem,2.5vw,1.2rem);color:var(--app-text);opacity:.8}@media (max-width: 768px){.reward-card{flex-direction:column;align-items:flex-start;gap:clamp(12px,3vw,16px)}.claim-btn{align-self:stretch;text-align:center}.status-badge{align-self:flex-end}.rewards-tabs{flex-direction:column}.rewards-page{position:fixed;inset:0;padding:0;z-index:2000;background:var(--app-bg)}.rewards-header{position:sticky;top:0;margin:0;border-radius:0;z-index:2010}.rewards-container{flex:1 1 auto;overflow:auto;padding:clamp(12px,4vw,16px);height:calc(100vh - 64px)}}@media (max-width: 480px){.rewards-section.history .reward-card{padding:10px;gap:8px;align-items:flex-start}.pending-actions{padding:0 4px}.rewards-section.history .reward-info h3{font-size:1rem;margin-bottom:6px}.rewards-section.history .reward-info p{font-size:.85rem;margin-bottom:6px;opacity:.85}.rewards-section.history .reward-meta{font-size:.8rem;gap:10px;opacity:.85}.rewards-section.history .reward-card{position:relative;padding-right:80px}.rewards-section.history .status-badge{position:absolute;right:16px;top:12px;min-width:auto;padding:5px 9px;font-size:.8rem;border-radius:10px}.rewards-section.history .reward-meta span{font-size:.78rem}.rewards-section.history .reward-card{border-radius:8px}}.lucky-win-ticker{position:fixed;z-index:1200;pointer-events:none;max-width:28rem;transition:opacity .25s ease,transform .25s ease}.lucky-win-ticker.inline{position:static;pointer-events:auto;max-width:none;transform:none!important;transition:opacity .2s ease;margin-bottom:.5rem}.lucky-win-ticker.hidden{opacity:0;transform:translateY(-10px)}.lucky-win-ticker.visible{opacity:1;transform:translateY(0)}.lucky-win-ticker.position-bottom-left.hidden,.lucky-win-ticker.position-bottom-right.hidden{transform:translateY(10px)}.lucky-win-ticker.inline.hidden{transform:none}.lucky-win-ticker.inline.visible{opacity:1}.ticker-card{display:flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:999px;background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f8fafc;border:1px solid rgba(148,163,184,.25);box-shadow:0 12px 28px #0f172a59;white-space:nowrap;font-size:.8rem}.ticker-text{font-size:.8rem;font-weight:500;color:#e2e8f0f2}.ticker-text strong{color:#f1f5f9;font-weight:700}.ticker-reward-title{font-size:.8rem;font-weight:600;color:#bae6fd}.ticker-option{font-size:.75rem;font-weight:500;color:#94a3b8e6}@media (max-width: 768px){.lucky-win-ticker{max-width:calc(100vw - 2rem);left:50%!important;right:auto!important;transform:translate(-50%,-10px)}.lucky-win-ticker.visible{transform:translate(-50%)}.lucky-win-ticker.hidden{transform:translate(-50%,-10px)}.lucky-win-ticker.inline,.lucky-win-ticker.inline.visible,.lucky-win-ticker.inline.hidden{left:auto!important;right:auto!important;transform:none}.ticker-card{border-radius:.75rem;white-space:normal;flex-wrap:wrap;justify-content:center;text-align:center}}.leaderboard-page{display:flex;flex-direction:column;min-height:100vh;padding:clamp(12px,4vw,24px) 0;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#e0e0e0;transition:all .3s ease;box-sizing:border-box}.leaderboard-page.light-theme{background:linear-gradient(135deg,#f5f5f5,#e8e8f0);color:#1a1a1a}.leaderboard-header{display:flex;align-items:center;justify-content:center;width:clamp(320px,92vw,560px);margin:0 auto clamp(12px,3vw,24px);padding:clamp(16px,4vw,24px) clamp(16px,5vw,32px);border-radius:clamp(12px,3vw,20px);background:#00000059;border:1px solid rgba(0,132,212,.2);box-shadow:0 12px 36px #0084d41a;gap:clamp(12px,3vw,24px)}.leaderboard-page.light-theme .leaderboard-header{background:#0084d414;border:1px solid rgba(0,132,212,.18);box-shadow:0 10px 28px #0084d41f}.leaderboard-content{flex:1;display:flex;flex-direction:column;width:clamp(320px,92vw,560px);margin:0 auto clamp(16px,4vw,32px);padding:clamp(16px,5vw,32px);gap:clamp(16px,4vw,28px);box-sizing:border-box}.leaderboard-title{font-size:clamp(2rem,6vw,3rem);font-weight:900;text-align:center;margin:0 0 clamp(16px,4vw,24px);background:linear-gradient(120deg,#fef9c3,#fde68a 12%,#fbbf24 25%,#f59e0b,#f97316,#fcd34d,#fef08a,#fef9c3);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine 4s linear infinite;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 18px rgba(250,204,21,.35)}@keyframes shine{0%{background-position:0% center}to{background-position:200% center}}.leaderboard-content:before,.leaderboard-content:after{content:"";display:block;margin:0}.leaderboard-content>h1{font-size:clamp(24px,8vw,48px);font-weight:800;margin:0 0 clamp(16px,4vw,32px) 0;background:linear-gradient(135deg,#0084d4,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:2px;text-align:center}.back-btn{padding:clamp(8px,2vw,12px) clamp(12px,3vw,20px);background:#0084d426;border:2px solid #0084d4;border-radius:8px;color:#0084d4;font-size:clamp(12px,2.5vw,16px);font-weight:600;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#0084d440;transform:translate(-2px)}.back-btn:active{transform:translate(-1px)}.error-banner{background:#ef444426;border:2px solid #ef4444;border-radius:12px;padding:clamp(16px,4vw,24px);margin-bottom:clamp(16px,4vw,32px);display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,3vw,24px);flex-wrap:wrap}.error-banner p{color:#fca5a5;margin:0;font-size:clamp(12px,2.5vw,14px);font-weight:500}.error-banner button{padding:clamp(8px,2vw,12px) clamp(12px,3vw,20px);background:#ef4444;border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;font-size:clamp(11px,2vw,13px);white-space:nowrap;transition:all .2s ease}.error-banner button:hover{background:#dc2626;transform:scale(1.05)}.light-theme .error-banner{background:#ef44441a;border-color:#ef4444}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,4vw,32px);padding:clamp(48px,10vh,96px) clamp(24px,5vw,48px);min-height:50vh}.spinner{width:clamp(40px,10vw,60px);height:clamp(40px,10vw,60px);border:4px solid rgba(0,132,212,.2);border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite}.loading-state p{font-size:clamp(14px,3vw,18px);color:#00d4ff;font-weight:500}.light-theme .spinner{border-color:#0084d41a}.empty-state{display:flex;align-items:center;justify-content:center;padding:clamp(48px,10vh,96px) clamp(24px,5vw,48px);min-height:50vh}.empty-state p{font-size:clamp(16px,3.5vw,20px);color:#666;text-align:center}.light-theme .empty-state p{color:#999}.leaderboard-container{flex:1;display:flex;flex-direction:column;background:#0006;border-radius:clamp(14px,3vw,20px);border:1px solid rgba(0,132,212,.2);overflow:hidden;box-shadow:0 8px 32px #0084d41a;min-height:clamp(320px,60vh,640px)}.light-theme .leaderboard-container{background:#0084d40d;border-color:#0084d426;box-shadow:0 4px 16px #0084d414}.leaderboard-table{width:100%;border-collapse:collapse;font-size:clamp(11px,2.2vw,14px);flex:1}.leaderboard-table thead{background:linear-gradient(90deg,#0084d433,#00d4ff26);border-bottom:2px solid rgba(0,132,212,.3)}.leaderboard-table th{padding:clamp(12px,3vw,16px);text-align:left;font-weight:700;color:#00d4ff;text-transform:uppercase;letter-spacing:1px;font-size:clamp(10px,1.8vw,12px)}.light-theme .leaderboard-table thead{background:linear-gradient(90deg,#0084d426,#00d4ff1f);border-bottom-color:#0084d433}.light-theme .leaderboard-table th{color:#0084d4}.leaderboard-row{border-bottom:1px solid rgba(0,132,212,.1);transition:all .2s ease}.leaderboard-row:hover{background:#0084d414}.leaderboard-row.top-rank{background:linear-gradient(90deg,#0084d426,#00d4ff14)}.leaderboard-row.top-rank:hover{background:linear-gradient(90deg,#0084d440,#00d4ff26)}.leaderboard-row.current-user{background:linear-gradient(90deg,#00d4ff1f,#00d4ff14);border-left:4px solid #00d4ff}.leaderboard-row.current-user:hover{background:linear-gradient(90deg,#00d4ff33,#00d4ff1f)}.leaderboard-row.current-user-outside{background:linear-gradient(90deg,#fbbf241f,#fbbf2414);border-top:2px solid rgba(251,191,36,.3);border-bottom:2px solid rgba(251,191,36,.3);font-weight:600}.leaderboard-row.current-user-outside:hover{background:linear-gradient(90deg,#fbbf2433,#fbbf2426)}.light-theme .leaderboard-row.current-user{background:linear-gradient(90deg,#0084d41a,#00d4ff14);border-left-color:#0084d4}.light-theme .leaderboard-row.current-user:hover{background:linear-gradient(90deg,#0084d426,#00d4ff1f)}.light-theme .leaderboard-row.current-user-outside{background:linear-gradient(90deg,#fbbf241a,#fbbf2414);border-top-color:#fbbf2433;border-bottom-color:#fbbf2433}.light-theme .leaderboard-row.current-user-outside:hover{background:linear-gradient(90deg,#fbbf2426,#fbbf241f)}.light-theme .leaderboard-row{border-bottom-color:#0084d414}.light-theme .leaderboard-row:hover{background:#0084d41a}.light-theme .leaderboard-row.top-rank{background:linear-gradient(90deg,#0084d41f,#00d4ff14)}.light-theme .leaderboard-row.top-rank:hover{background:linear-gradient(90deg,#0084d433,#00d4ff1f)}.leaderboard-table td{padding:clamp(12px,3vw,16px);vertical-align:middle}.rank-col{width:clamp(50px,12vw,80px);text-align:center}.medal{font-size:clamp(13px,3vw,18px);display:inline-block}.name-col{min-width:100px;flex:1}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{color:#00d4ff;font-weight:600;word-break:break-word;overflow-wrap:break-word;font-size:clamp(10px,2vw,13px)}.light-theme .user-name{color:#0084d4}.user-name-top{font-size:clamp(13px,2.8vw,18px);font-weight:700;letter-spacing:.3px;color:#ffe08a;text-shadow:0 1px 6px rgba(255,224,138,.45)}.user-name-top-1{color:#ffd166}.user-name-top-2{color:#c3e4ff}.user-name-top-3{color:#f9a8d4}.light-theme .user-name-top{color:#b08900;text-shadow:none}.light-theme .user-name-top-1{color:#c47f00}.light-theme .user-name-top-2{color:#006bb3}.light-theme .user-name-top-3{color:#b44d89}.tier-col{width:clamp(42px,15vw,65px)}.tier-badge{display:inline-flex;align-items:center;justify-content:center;min-width:auto;padding:clamp(0px,.3vw,2px) clamp(4px,1vw,6px);border-radius:999px;font-weight:600;font-size:clamp(6px,1vw,8px);text-transform:uppercase;letter-spacing:.15px;white-space:nowrap}.points-col{width:clamp(80px,15vw,130px);text-align:left;color:#fbbf24;font-weight:700}.points-amount{background:#fbbf2426;padding:clamp(4px,1vw,8px) clamp(8px,2vw,12px);border-radius:6px;display:inline-block;min-width:80px;text-align:center}.light-theme .points-amount{background:#fbbf2433;color:#d97706}@media (max-width: 768px){.leaderboard-page{padding:16px 16px 24px}.leaderboard-header{flex-direction:column;text-align:center;align-items:stretch}.leaderboard-header h1{order:1;margin-bottom:12px}.back-btn{order:2;align-self:flex-start}.leaderboard-controls{justify-content:center;margin-bottom:16px}.leaderboard-table{font-size:11px}.leaderboard-table th,.leaderboard-table td{padding:10px}.rank-col{width:50px}.medal{font-size:14px}.name-col{min-width:80px}.tier-col{width:clamp(64px,24vw,96px)}.points-col{width:clamp(72px,26vw,108px)}.pagination-btn{flex:1;min-width:100px}.page-info{flex-basis:100%;order:-1}}@media (max-width: 480px){.leaderboard-page{padding:12px}.leaderboard-header h1{font-size:20px}.back-btn{font-size:12px;padding:6px 10px}.limit-selector{width:100%;justify-content:space-between}.leaderboard-table{font-size:10px}.leaderboard-table th,.leaderboard-table td{padding:8px 6px}.rank-col{width:40px}.medal{font-size:12px}.user-name{font-size:10px}.tier-badge{min-width:clamp(46px,22vw,64px);font-size:9px;padding:2px 6px}.pagination-btn{padding:6px 10px;font-size:10px}.page-info{font-size:11px}.page-info span{font-size:9px}}.profile-page{--profile-side-pad: clamp(16px, 6vw, 48px);min-height:100vh;width:clamp(320px,92vw,560px);margin:clamp(12px,4vw,24px) auto;border-radius:clamp(12px,4vw,24px);background:radial-gradient(circle at 10% 20%,rgba(59,130,246,.22),transparent 55%),radial-gradient(circle at 90% 15%,rgba(244,114,182,.18),transparent 50%),linear-gradient(135deg,#0b1221,#1c2333 45%,#101320);color:#f8fafc;display:flex;flex-direction:column;align-items:stretch;padding:0 0 clamp(36px,6vw,64px);box-sizing:border-box}body.light-theme .profile-page{background:radial-gradient(circle at 12% 30%,rgba(59,130,246,.14),transparent 60%),radial-gradient(circle at 80% 25%,rgba(244,114,182,.12),transparent 55%),linear-gradient(135deg,#f3f4f6,#fdfdfd);color:#111827;box-shadow:0 18px 48px #0f172a1f}.profile-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--profile-side-pad);margin-top:clamp(16px,4vw,24px);margin-bottom:clamp(18px,4vw,36px);gap:clamp(12px,3vw,28px);box-sizing:border-box}body.light-theme .profile-header{background:transparent}.profile-header h1{font-size:clamp(1.25rem,3.5vw,2rem);font-weight:700;margin:0}.profile-back{background:#0f172a99;border:1px solid rgba(148,163,184,.35);color:inherit;font-size:.9rem;font-weight:600;padding:10px 18px;border-radius:999px;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}.profile-back:hover{transform:translate(-2px);background:#3b82f633}body.light-theme .profile-back{background:#ffffffd9;color:#1f2937}.profile-content{width:100%;display:flex;flex-direction:column;gap:clamp(18px,3vw,28px)}.profile-stats,.profile-actions{width:100%;padding-inline:var(--profile-side-pad);box-sizing:border-box}.profile-card{position:relative;border-radius:18px;overflow:hidden;padding:clamp(14px,3vw,20px);margin-inline:var(--profile-side-pad);color:inherit;box-shadow:0 16px 36px #0a122159}body.light-theme .profile-card{box-shadow:0 14px 28px #0f172a26;color:#111827}.profile-card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0f172abf,#0f172a40);mix-blend-mode:multiply;pointer-events:none}body.light-theme .profile-card-overlay{background:linear-gradient(135deg,#ffffffbf,#ffffff59)}.profile-card-body{position:relative;display:grid;width:100%;max-width:960px;margin:0 auto;grid-template-columns:minmax(70px,90px) 1fr;grid-template-areas:"avatar details" "button button";column-gap:clamp(12px,3vw,24px);row-gap:clamp(10px,2.5vw,16px);align-items:center}.profile-avatar{grid-area:avatar;width:clamp(60px,10vw,88px);height:clamp(60px,10vw,88px);border-radius:50%;background:#0f172ad9;color:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:700;box-shadow:0 10px 24px #0f172a4d}body.light-theme .profile-avatar{background:#0f172aeb;color:#f8fafc}.profile-details{grid-area:details;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.profile-details h2{margin:0;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700}.profile-email{margin:0;font-size:.88rem;opacity:.85}.profile-roro{margin:0;font-size:.85rem;opacity:.75}.profile-tier{margin:0;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#0f172a59;color:#f8fafc;font-weight:600;font-size:.9rem;letter-spacing:.02em}body.light-theme .profile-tier{background:#0f172a14;color:#1f2937}.tier-badge{font-size:1.1rem}.edit-profile-btn{grid-area:button;background:#0f172ae0;color:#f8fafc;padding:6px 14px;border-radius:10px;border:none;font-weight:600;font-size:.85rem;cursor:pointer;transition:transform .2s ease,background .2s ease;justify-self:center}.edit-profile-btn:hover{transform:translateY(-2px);background:#3b82f6e6}body.light-theme .edit-profile-btn{background:#0f172aeb;color:#f8fafc}.profile-progress{background:#0f172a99;border:1px solid rgba(148,163,184,.22);border-radius:22px;padding:clamp(20px,4vw,30px);margin-inline:var(--profile-side-pad);display:flex;flex-direction:column;gap:clamp(16px,3vw,22px);box-shadow:0 22px 48px #0a122166}.profile-card+.profile-progress{margin-top:clamp(12px,3vw,24px)}body.light-theme .profile-progress{background:#ffffffe0;border-color:#94a3b82e;box-shadow:0 18px 32px #0f172a2e}.progress-header{display:flex;align-items:center;justify-content:space-between;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.progress-header h3{margin:0;font-size:clamp(1.1rem,3.5vw,1.4rem);font-weight:600}.progress-bar{height:12px;border-radius:999px;background:#94a3b840;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#6366f1,#ec4899);transition:width .4s ease}.profile-progress .progress-meta{display:flex;flex-direction:column;gap:4px;font-size:.85rem;opacity:.85}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(16px,3vw,24px)}.profile-stat{background:#0f172a99;border:1px solid rgba(148,163,184,.22);border-radius:22px;padding:clamp(18px,3vw,24px);display:flex;gap:14px;align-items:center;box-shadow:0 22px 48px #0a122166}body.light-theme .profile-stat{background:#ffffffe0;border-color:#94a3b82e;box-shadow:0 18px 32px #0f172a2e}.stat-icon{width:48px;height:48px;border-radius:14px;background:#3b82f62e;display:flex;align-items:center;justify-content:center;font-size:1.4rem}body.light-theme .stat-icon{background:#3b82f61f}.stat-copy{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.85rem;opacity:.7}.stat-value{font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:700}.stat-helper{font-size:.8rem;opacity:.6}.profile-actions{display:flex;flex-direction:column;gap:16px}.profile-actions h3{margin:0;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(16px,3vw,24px)}.action-card{border:none;border-radius:22px;padding:clamp(18px,3vw,24px);display:flex;align-items:center;gap:14px;background:#0f172a99;border:1px solid rgba(148,163,184,.22);color:inherit;cursor:pointer;text-align:left;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 22px 48px #0a122166}.action-card:hover{transform:translateY(-4px);box-shadow:0 24px 52px #0a122173}body.light-theme .action-card{background:#ffffffe0;border-color:#94a3b82e;box-shadow:0 18px 32px #0f172a2e}.action-icon{min-width:48px;width:48px;height:48px;border-radius:14px;background:#ec48992e;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}body.light-theme .action-icon{background:#ec48991f}.action-copy{display:flex;flex-direction:column;gap:4px}.action-label{font-weight:600;font-size:1rem}.action-description{font-size:.85rem;opacity:.7}.profile-loader{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:.95rem}.profile-spinner{width:46px;height:46px;border-radius:50%;border:4px solid rgba(148,163,184,.2);border-top-color:#3b82f6d9;animation:profile-spin .8s linear infinite}@keyframes profile-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.profile-card-body{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"avatar details" "button button"}.edit-profile-btn{justify-self:center}}@media (max-width: 540px){.profile-header{flex-direction:column;align-items:flex-start;gap:12px}.profile-card{padding:clamp(12px,4vw,18px)}.profile-card-body{grid-template-columns:minmax(56px,75px) 1fr;column-gap:clamp(10px,4vw,16px)}.profile-avatar{width:clamp(56px,15vw,75px);height:clamp(56px,15vw,75px)}.profile-details{align-items:flex-start}.profile-tier{align-self:flex-start}.edit-profile-btn{justify-self:center}.profile-stats,.action-grid{grid-template-columns:1fr}}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:24px;padding:40px 20px}.profile-loading p{font-size:1.1rem;font-weight:500;color:#f8fafccc;margin:0}body.light-theme .profile-loading p{color:#111827b3}.loading-spinner{width:48px;height:48px;border:4px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}body.light-theme .loading-spinner{border-color:#3b82f64d;border-top-color:#3b82f6}.edit-profile-page{--profile-side-pad: clamp(16px, 6vw, 48px);min-height:100vh;width:clamp(320px,92vw,560px);margin:clamp(12px,4vw,24px) auto;border-radius:clamp(12px,4vw,24px);background:radial-gradient(circle at 10% 20%,rgba(59,130,246,.22),transparent 55%),radial-gradient(circle at 90% 15%,rgba(244,114,182,.18),transparent 50%),linear-gradient(135deg,#0b1221,#1c2333 45%,#101320);color:#f8fafc;display:flex;flex-direction:column;align-items:stretch;padding:0 0 clamp(36px,6vw,64px);box-sizing:border-box}body.light-theme .edit-profile-page{background:radial-gradient(circle at 12% 30%,rgba(59,130,246,.14),transparent 60%),radial-gradient(circle at 80% 25%,rgba(244,114,182,.12),transparent 55%),linear-gradient(135deg,#f3f4f6,#fdfdfd);color:#111827;box-shadow:0 18px 48px #0f172a1f}.edit-profile-header{width:100%;display:flex;align-items:center;justify-content:flex-start;padding-inline:var(--profile-side-pad);margin-top:clamp(16px,4vw,24px);margin-bottom:clamp(18px,4vw,36px);gap:clamp(12px,3vw,28px);box-sizing:border-box;background:transparent}body.light-theme .edit-profile-header{background:transparent}.edit-profile-header h1{font-size:clamp(1.25rem,3.5vw,2rem);font-weight:700;margin:0 0 0 auto}.back-btn{background:#0f172a99;border:1px solid rgba(148,163,184,.35);color:inherit;font-size:.9rem;font-weight:600;padding:10px 18px;border-radius:999px;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}.back-btn:hover:not(:disabled){transform:translate(-2px);background:#3b82f633}.back-btn:disabled{opacity:.5;cursor:not-allowed}body.light-theme .back-btn{background:#ffffffd9;color:#1f2937}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.edit-profile-container{width:100%;display:flex;flex-direction:column;gap:clamp(18px,3vw,28px)}.edit-profile-card{position:relative;border-radius:18px;overflow:hidden;margin-inline:var(--profile-side-pad);background:#0f172a66;border:1px solid rgba(148,163,184,.2);color:inherit;box-shadow:0 16px 36px #0a122159}body.light-theme .edit-profile-card{background:#ffffffbf;border:1px solid rgba(15,23,42,.1);box-shadow:0 14px 28px #0f172a26;color:#111827}.edit-profile-form{width:100%;padding:clamp(20px,5vw,32px);box-sizing:border-box;display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:.95rem;color:#f8fafc}body.light-theme .form-group label{color:#1f2937}.form-group input{padding:12px 16px;border-radius:10px;border:1px solid rgba(148,163,184,.3);background:#0f172a80;color:#f8fafc;font-size:1rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-group input:disabled{opacity:.6;cursor:not-allowed;background:#0f172a4d}.form-group input.input-disabled{background:#0f172a40;color:#f8fafc99;border-style:dashed}body.light-theme .form-group input{background:#ffffffe6;color:#111827;border:1px solid rgba(15,23,42,.2)}body.light-theme .form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}body.light-theme .form-group input:disabled,body.light-theme .form-group input.input-disabled{background:#f8fafccc;color:#11182780;border-color:#0f172a26}.field-hint,.field-hint1{font-size:.85rem;color:#f8fafcb3;margin:0}body.light-theme .field-hint{color:#11182799}.password-section{display:flex;flex-direction:column;gap:16px;padding-top:16px;border-top:1px solid rgba(148,163,184,.2)}body.light-theme .password-section{border-top-color:#0f172a1a}.password-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.password-section-header h3{font-size:1.1rem;font-weight:600;margin:0}.google-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#ea433526;color:#ea4335;font-size:.8rem;font-weight:600;border:1px solid rgba(234,67,53,.3)}body.light-theme .google-badge{background:#ea43351a;border-color:#ea433540}.password-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:10px;padding:12px 16px}body.light-theme .password-info{background:#3b82f614;border-color:#3b82f626}.info-text{margin:0;font-size:.9rem;display:flex;align-items:flex-start;gap:10px;line-height:1.5}.info-icon{font-size:1.1rem;flex-shrink:0}.change-password-btn{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#60a5fa;padding:10px 20px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.change-password-btn:hover:not(:disabled){background:#3b82f64d;transform:translateY(-1px)}.change-password-btn:disabled{opacity:.5;cursor:not-allowed}body.light-theme .change-password-btn{background:#3b82f61f;color:#2563eb;border-color:#3b82f64d}body.light-theme .change-password-btn:hover:not(:disabled){background:#3b82f62e}.password-fields{display:flex;flex-direction:column;gap:16px;padding:16px;background:#0f172a4d;border-radius:10px;border:1px solid rgba(148,163,184,.15)}body.light-theme .password-fields{background:#f8fafc99;border-color:#0f172a1a}.cancel-password-btn{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-password-btn:hover:not(:disabled){background:#ef444440}.cancel-password-btn:disabled{opacity:.5;cursor:not-allowed}body.light-theme .cancel-password-btn{background:#ef44441a;color:#dc2626;border-color:#ef444440}.message{padding:12px 16px;border-radius:10px;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:10px}.message.success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80}.message.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}body.light-theme .message.success{background:#22c55e1a;color:#16a34a;border-color:#22c55e40}body.light-theme .message.error{background:#ef44441a;color:#dc2626;border-color:#ef444440}.form-actions{display:flex;gap:12px;margin-top:8px}.cancel-btn,.save-btn{flex:1;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cancel-btn{background:#94a3b833;border:1px solid rgba(148,163,184,.3);color:#cbd5e1}.cancel-btn:hover:not(:disabled){background:#94a3b84d;transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.save-btn:hover:not(:disabled){box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.cancel-btn:disabled,.save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}body.light-theme .cancel-btn{background:#94a3b826;color:#475569;border-color:#94a3b840}body.light-theme .cancel-btn:hover:not(:disabled){background:#94a3b840}body.light-theme .save-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f640}@media (max-width: 480px){.edit-profile-page{width:100%;margin:0;border-radius:0;min-height:100vh}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}.password-section-header{flex-direction:column;align-items:flex-start}}.back-btn:focus-visible,.change-password-btn:focus-visible,.cancel-password-btn:focus-visible,.cancel-btn:focus-visible,.save-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.shake-dashboard{display:flex;flex-direction:column;gap:clamp(12px,3vw,20px);width:100%;margin:0;padding:clamp(8px,2.5vw,16px);box-sizing:border-box;min-height:min(100vh,960px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(16px,4vw,26px);box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;color:#fff;transition:all .3s ease;font-size:clamp(14px,2.5vw,16px)}.shake-dashboard.history-only{max-width:960px;width:100%;margin:0 auto;min-height:auto;border-radius:clamp(12px,3vw,18px);box-shadow:0 12px 32px #0f172a2e;padding:clamp(14px,3vw,24px);background:linear-gradient(135deg,#ffffffeb,#f1f5f9d9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body.dark-theme .shake-dashboard.history-only{background:linear-gradient(135deg,#0f172ae6,#1e293bd9);box-shadow:0 10px 28px #03071273;color:#f8fafc}.shake-dashboard.history-only .shake-page-header{justify-content:space-between;margin-bottom:clamp(8px,2vw,14px)}.tier-section{margin-bottom:clamp(16px,4vw,24px);transition:all .6s ease}.tier-section.tier-upgraded{animation:tier-upgrade-pulse 1.5s ease}.tier-upgrade-notification{margin-top:12px}.tier-upgrade-notification .history-item.history-detailed{display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,5vw,16px);gap:clamp(10px,4vw,14px);border-radius:clamp(12px,4vw,16px);background:linear-gradient(135deg,#0f172ae0,#1e293bc2);min-height:auto}.tier-upgrade-notification body.light-theme .history-item.history-detailed{background:linear-gradient(135deg,#fffffff2,#f1f5f9e0)}.tier-upgrade-notification .history-detailed-rail{display:none}.tier-upgrade-notification .history-detailed-content{display:flex;flex-direction:column;gap:6px;flex:1 1 auto}.tier-upgrade-notification .history-detailed-description,.tier-upgrade-notification .history-detailed-meta-grid{display:none}.tier-upgrade-notification .history-detailed-title{font-size:clamp(1rem,4.6vw,1.2rem)}.tier-upgrade-notification .history-detailed-chips{gap:4px}.tier-upgrade-notification .activity-chip{font-size:.68rem;padding:3px 8px}.tier-upgrade-notification .history-detailed-side{align-items:flex-end;text-align:right;gap:6px}.tier-upgrade-notification .history-detailed-time{flex-direction:column;align-items:flex-end;gap:2px}.tier-upgrade-notification .history-detailed-relative{font-size:.75rem;opacity:.8}.tier-upgrade-notification .history-detailed-points{font-size:.95rem;padding:6px 10px}@media (max-width: 480px){.history-item.history-detailed{padding:clamp(10px,6vw,14px);gap:clamp(8px,5vw,12px)}.history-detailed-title{font-size:clamp(.95rem,5vw,1.1rem)}.history-detailed-side{gap:4px}.history-detailed-points{font-size:.9rem;padding:5px 9px}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.walrus-image.shake-detected{animation:shake-pulse .5s ease;filter:brightness(1.2) saturate(1.1)}@keyframes shake-pulse{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(-2deg)}75%{transform:scale(1.05) rotate(2deg)}}.motion-indicator{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#22c55ee6;color:#fff;padding:4px 12px;border-radius:20px;font-size:.75em;font-weight:600;animation:motion-indicator-fade 1s ease forwards;pointer-events:none;z-index:10}@keyframes motion-indicator-fade{0%{opacity:0;transform:translate(-50%) translateY(10px)}30%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.tier-badge-display{display:flex;justify-content:center;align-items:center;margin-top:8px}.tier-emoji{font-size:24px;display:block}.shake-dashboard.dark-theme,body.dark-theme .shake-dashboard{background:linear-gradient(135deg,#0f172a,#1e293b 45%,#0b1120);color:#f8fafc;box-shadow:0 8px 32px #080f2380,inset 0 1px #ffffff14}.shake-dashboard.light-theme,body.light-theme .shake-dashboard{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);color:#1e293b;box-shadow:0 12px 36px #0f172a14,inset 0 1px #ffffff80}.shake-page-header{display:flex;align-items:center;justify-content:center;margin-bottom:0;padding:clamp(8px,2vw,16px) 0;padding-bottom:0;position:relative;min-height:40px;gap:clamp(12px,3vw,20px)}.shake-page-header h2{margin:0;font-size:clamp(16px,3.5vw,20px);font-weight:700;background:linear-gradient(45deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;text-align:center}.header-controls{display:flex;align-items:center;gap:clamp(8px,2vw,12px)}.shake-page-header .header-controls{align-items:center;display:flex}.shake-back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:clamp(6px,1.5vw,8px) clamp(12px,3vw,16px);border-radius:clamp(8px,2vw,12px);cursor:pointer;transition:all .2s ease;font-weight:500;font-size:clamp(12px,2.5vw,14px);flex-shrink:0}.shake-back-btn:hover{background:#fff3;transform:translateY(-1px)}body.light-theme .shake-back-btn{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:#1e293b}body.light-theme .shake-back-btn:hover{background:#0000001a}.shake-dashboard.history-only .shake-back-btn{background:#0f172a14;border:1px solid rgba(15,23,42,.18);color:#111827}.shake-dashboard.history-only .shake-back-btn:hover{background:#0f172a26}body.dark-theme .shake-dashboard.history-only .shake-back-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#f8fafc}.shake-page-info{text-align:center;margin-bottom:clamp(16px,4vw,24px)}.shake-page-subtitle{font-size:clamp(14px,3vw,16px);opacity:.9;margin:0 0 clamp(8px,2vw,12px) 0;font-weight:500;padding:0 clamp(8px,2vw,16px)}body.light-theme .shake-page-subtitle{color:#1e293b;opacity:.8}.permission-notice{padding:clamp(8px,2vw,12px) clamp(12px,3vw,16px);border-radius:clamp(8px,2vw,12px);font-size:clamp(12px,2.5vw,14px);font-weight:500;text-align:center;margin-bottom:clamp(12px,3vw,16px);transition:all .3s ease}.permission-notice.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.permission-notice.warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffc107}.permission-notice.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}body.light-theme .permission-notice.success{background:#10b9811a;color:#047857}body.light-theme .permission-notice.warning{background:#ffc1071a;color:#e65100}body.light-theme .permission-notice.error{background:#ef44441a;color:#dc2626}.permission-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:12px;display:block;margin-left:auto;margin-right:auto;box-shadow:0 4px 15px #10b9814d;animation:pulse-glow 2s infinite}.permission-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #10b9814d}50%{box-shadow:0 4px 25px #10b98180}}body.light-theme .permission-btn{background:#2563ebe6}body.light-theme .permission-btn:hover{background:#2563eb}.points-section{display:flex;justify-content:center;margin-bottom:32px}.points-display-card{background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:20px;padding:24px 32px;text-align:center;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.points-display-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.points-label{font-size:14px;opacity:.8;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.points-value{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}.points-number{font-size:clamp(1rem,4vw,1.4rem);font-weight:800;background:linear-gradient(45deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1)}.points-unit{font-size:14px;opacity:.7;font-weight:500}.loading-dots{font-size:24px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.walrus-interaction-area{display:flex;justify-content:center;margin-bottom:clamp(20px,5vw,32px);padding:0 clamp(8px,2vw,16px)}.interactive-walrus{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:clamp(16px,4vw,24px);padding:clamp(20px,5vw,32px);border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden;max-width:90vw;width:100%;max-width:clamp(280px,80vw,400px)}.interactive-walrus:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 40px #0003;border-color:#ffffff4d}.interactive-walrus.claiming{animation:shake .5s infinite;border-color:#667eea;box-shadow:0 0 30px #667eea66}.interactive-walrus.success{animation:success-pulse .6s ease-out;border-color:#10b981;box-shadow:0 0 30px #10b98166}@keyframes shake{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-3px) scale(1.02)}75%{transform:translate(3px) scale(1.02)}}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 40px #10b98199}to{transform:scale(1)}}.walrus-container{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:clamp(12px,3vw,16px)}.walrus-image{width:clamp(40px,10vw,64px);height:clamp(40px,10vw,64px);object-fit:contain;transition:all .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.interactive-walrus:hover .walrus-image{transform:scale(1.1)}.shake-effect{position:absolute;top:-10px;right:-10px;font-size:24px;animation:sparkle 1s infinite}@keyframes sparkle{0%,to{transform:rotate(0) scale(1);opacity:.7}50%{transform:rotate(180deg) scale(1.2);opacity:1}}.interaction-hint{font-weight:600;font-size:clamp(12px,3vw,16px);line-height:1.4;padding:0 clamp(8px,2vw,12px)}.claiming-text{color:#667eea;animation:pulse 1s infinite}.ready-text{color:#10b981}body.light-theme .ready-text{color:#059669}.no-points-text{opacity:.7}body.light-theme .no-points-text{color:#1e293bb3;opacity:.9}.feedback-section{display:flex;flex-direction:column;gap:12px}.success-message,.error-message{padding:clamp(12px,3vw,16px);border-radius:clamp(8px,2vw,12px);display:flex;justify-content:space-between;align-items:center;font-weight:500;animation:slideIn .3s ease-out;font-size:clamp(12px,2.5vw,14px);margin:0 clamp(8px,2vw,16px)}.success-message{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}body.light-theme .success-message{background:#10b9811a;color:#047857}body.light-theme .error-message{background:#ef44441a;color:#dc2626}.dismiss-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:all .2s ease}.dismiss-btn:hover{background:#ffffff1a;transform:scale(1.1)}.debug-details{margin-top:16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.debug-details summary{padding:12px 16px;background:#ffffff0d;cursor:pointer;font-weight:500;transition:all .2s ease}.debug-details summary:hover{background:#ffffff1a}.debug-content{padding:16px;background:#0000001a;border-top:1px solid rgba(255,255,255,.1)}.debug-content pre{margin:0;font-size:12px;white-space:pre-wrap;max-height:200px;overflow:auto;color:inherit;opacity:.8}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stats-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:clamp(16px,4vw,20px);padding:clamp(16px,4vw,24px);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff4d,0 1px #ffffff1a;border:1px solid rgba(255,255,255,.15);transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.stats-card-actions{display:inline-flex;gap:8px;align-items:center}.stats-card{position:relative}body.light-theme .stats-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #00000014,inset 0 1px #fffc,0 1px #ffffff80}body.light-theme .stats-card:hover{box-shadow:0 12px 40px #0000001f,inset 0 1px #ffffffe6,0 1px #fff9}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,12px);width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(12px,3vw,16px) clamp(8px,2vw,12px);background:linear-gradient(135deg,#ffffff14,#ffffff08);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:clamp(12px,3vw,14px);border:1px solid rgba(255,255,255,.12);min-width:0;max-width:100%;width:100%;box-sizing:border-box;box-shadow:0 4px 16px #0000001a,inset 0 1px #fff3;transition:all .3s ease;overflow:hidden}.stat-label{font-size:.85rem}.stat-value{font-size:1rem;font-weight:700}.stat-hint{font-size:.75rem}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.5vw,8px);max-width:100%;overflow:hidden}.stat-item{padding:clamp(8px,2vw,10px) clamp(6px,1.5vw,8px);border-radius:clamp(10px,2.5vw,12px);min-width:0;max-width:100%}.stat-label{font-size:clamp(.7rem,1.8vw,.75rem)}.stat-value{font-size:clamp(1.2rem,3vw,1.35rem)}.stat-hint{font-size:clamp(.65rem,1.6vw,.7rem)}.progress-bar{height:clamp(5px,1.2vw,6px)}.stats-card{padding:clamp(12px,3vw,16px);max-width:100%;overflow:hidden}}@media (max-width: 320px){.stats-grid{grid-template-columns:1fr;gap:clamp(8px,2vw,10px);max-width:100%}.stat-item{padding:clamp(12px,3vw,14px);max-width:100%;width:100%}.stat-label{font-size:clamp(.8rem,2vw,.85rem)}.stat-value{font-size:clamp(1.4rem,3.5vw,1.6rem)}.stat-hint{font-size:clamp(.7rem,1.8vw,.75rem)}}@media (min-width: 1200px){.shake-dashboard{max-width:1000px;margin:0 auto}.shake-page-header h2{font-size:24px}.interaction-hint{font-size:18px}}@media (max-width: 768px){.shake-dashboard{padding:clamp(12px,3vw,20px);border-radius:16px}.shake-page-header{grid-template-columns:auto 1fr auto;gap:clamp(12px,3vw,16px)}.shake-page-header h2{font-size:clamp(16px,4.5vw,22px)}.interactive-walrus{padding:clamp(16px,4vw,24px);max-width:85vw}.walrus-image{width:clamp(36px,11vw,56px);height:clamp(36px,11vw,56px)}.interaction-hint{font-size:clamp(11px,3.5vw,15px)}}@media (max-width: 480px){.shake-dashboard{padding:clamp(8px,2vw,16px);gap:clamp(8px,2vw,16px);border-radius:12px}.shake-page-header{flex-direction:row;justify-content:center;align-items:center;padding:clamp(12px,3vw,16px) 0;padding-bottom:0;min-height:auto;gap:clamp(10px,2.5vw,16px)}.shake-page-header h2{font-size:clamp(18px,6vw,22px);text-align:center}.shake-back-btn{padding:8px 12px;font-size:12px;flex-shrink:0}.header-controls{display:flex;gap:8px;flex-shrink:0}.interactive-walrus{padding:clamp(12px,3vw,20px);max-width:90vw;border-radius:16px}.walrus-image{width:clamp(40px,13vw,60px);height:clamp(40px,13vw,60px)}.interaction-hint{font-size:clamp(10px,3vw,14px);line-height:1.3}.shake-page-subtitle{font-size:clamp(12px,3.5vw,15px);padding:0 clamp(16px,4vw,24px)}.permission-notice{padding:clamp(8px,2vw,12px);font-size:clamp(11px,3vw,13px);margin:0 clamp(8px,2vw,16px) clamp(12px,3vw,16px)}.success-message,.error-message{padding:clamp(8px,2vw,12px);font-size:clamp(11px,3vw,13px);flex-direction:column;gap:8px;text-align:center}}@media (max-width: 320px){.shake-dashboard{padding:8px;gap:12px}.shake-page-header{min-height:auto;padding:10px 0 0}.shake-page-header h2{font-size:16px}.shake-back-btn{padding:6px 10px;font-size:11px}.interactive-walrus{padding:12px}.walrus-image{width:36px;height:36px}.interaction-hint{font-size:11px}.shake-page-subtitle{font-size:12px}}.stat-item:hover{transform:translateY(-1px);background:linear-gradient(135deg,#ffffff1f,#ffffff0f);box-shadow:0 6px 20px #00000026,inset 0 1px #ffffff40}body.light-theme .stat-item{background:linear-gradient(135deg,#00000014,#00000008);border:1px solid rgba(0,0,0,.12);box-shadow:0 4px 16px #0000000d,inset 0 1px #fffc}body.light-theme .stat-item:hover{background:linear-gradient(135deg,#0000001f,#0000000f);box-shadow:0 6px 20px #00000014,inset 0 1px #ffffffe6}.stat-label{font-size:.8rem;color:#ffffffb3;margin-bottom:8px;transition:color .3s ease;white-space:normal;overflow-wrap:anywhere}body.light-theme .stat-label{color:#1e293bb3}body.light-theme .stat-value{color:#1e293b}.stat-value.coins{background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.trading-volume{background:linear-gradient(45deg,#00d4ff,#5b9bd5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(to right,#00d4ff,#0f8);border-radius:3px;transition:width .3s ease;box-shadow:0 0 10px #00d4ff80}.tier-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:4px}.tier-progress-fill{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease;box-shadow:0 0 10px currentColor}.tier-section{border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}.tier-badge{padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tier-bronze{background:#cd7f32;color:#fff}body.light-theme .tier-bronze{color:#fff}.tier-silver{background:silver;color:#333}.tier-gold{background:gold;color:#333}.tier-platinum{background:#e5e7eb;color:#374151;border:2px solid #9ca3af}.tier-reward{font-size:.8rem;color:#ffffffb3;margin-top:4px;transition:color .3s ease}.no-bg-link{background:transparent;color:inherit;text-decoration:none;font-weight:600;opacity:.95;display:inline-flex;align-items:center;gap:8px;padding:4px 6px;border-radius:8px}.no-bg-link:hover{text-decoration:underline;opacity:1}.history-list{display:flex;flex-direction:column;gap:8px}.history-list .history-item{max-width:100%}.rewards-link{color:#38bdf8;color:AccentColor;font-size:clamp(.68rem,4.5vw,.78rem);font-weight:400}.rewards-link span{font-weight:400;font-size:inherit}.rewards-link-icon{display:inline-block;margin-left:4px;transition:transform .15s ease;color:inherit}.rewards-link:hover .rewards-link-icon{transform:translate(3px)}body.light-theme .rewards-link{color:#2563eb;color:AccentColor}body.light-theme .tier-reward{color:#1e293bb3}.tier-info{font-size:.9rem;color:#fffc;margin:8px 0;text-align:center;transition:color .3s ease}body.light-theme .tier-info{color:#1e293bcc}.tier-info strong{color:#00d4ff;transition:color .3s ease}body.light-theme .tier-info strong{color:#0891b2}.shake-status{margin-top:12px;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.status-ready{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-shaking{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3);animation:pulse 1.5s ease-in-out infinite}.status-disabled{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.shake-indicator{margin:20px 0;min-height:80px;display:flex;align-items:center;justify-content:center}.shake-prompt{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.8}.shake-emoji{font-size:3rem;animation:gentle-shake 2s ease-in-out infinite}.processing-animation{display:flex;gap:15px;font-size:2rem}.processing-animation span{animation:bounce 1s ease-in-out infinite}.processing-animation span:nth-child(2){animation-delay:.2s}.processing-animation span:nth-child(3){animation-delay:.4s}@keyframes gentle-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px) rotate(-1deg)}75%{transform:translate(2px) rotate(1deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.shake-section{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:30px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);text-align:center;transition:all .3s ease}body.light-theme .shake-section{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}.shake-area{display:flex;flex-direction:column;align-items:center;gap:20px}.shake-page{width:100%;box-sizing:border-box}.shake-page-inner{width:100%;margin:0;padding:18px;box-sizing:border-box}.shake-page-header{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.shake-page-header h2{margin:0;font-size:1.4rem;justify-self:center}.shake-page-subtitle{margin:8px 0 18px;text-align:center;color:#ffffffd9}.unclaimed-points-card{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:16px;padding:1.5rem;margin-top:1rem;text-align:center;box-shadow:0 8px 32px #ff6b6b40;border:1px solid rgba(255,255,255,.1);animation:pulse 2s infinite}.unclaimed-label{font-size:.9rem;color:#ffffffe6;margin-bottom:.5rem;font-weight:500}.unclaimed-value{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}.claim-unclaimed-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.claim-unclaimed-btn:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.claim-unclaimed-btn:disabled{opacity:.7;cursor:not-allowed}.last-interaction{font-size:.75rem;color:#fff9;margin-top:.5rem;opacity:0;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.interactive-walrus{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.interactive-walrus:active{transform:scale(.95)}.interactive-walrus.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(50%)}.interactive-walrus.disabled .walrus-image{filter:grayscale(70%) brightness(.7)}.interactive-walrus.disabled:hover,.interactive-walrus.disabled:active{transform:none}.shake-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;animation:sparkle 1.5s ease-in-out infinite;pointer-events:none}.header-controls{display:flex;gap:.5rem;align-items:center}.test-btn{background:#ffc10733;border:2px solid rgba(255,193,7,.3);color:#fff;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.test-btn:hover{background:#ffc1074d;border-color:#ffc10780;transform:scale(1.05)}.points-hint{font-size:.8rem;color:#ffffffb3;margin-top:.5rem;text-align:center}.debug-info{margin-top:1rem;opacity:.8}.debug-info summary{cursor:pointer;font-size:.9rem;color:#fffc;margin-bottom:.5rem}.debug-info .debug-content{background:#0000004d;padding:1rem;border-radius:8px;margin-top:.5rem}.debug-info .debug-content p{margin:.25rem 0;font-size:.85rem}.test-reward-btn{background:#28a74533;border:2px solid rgba(40,167,69,.3);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;margin-top:.5rem;font-size:.9rem;transition:all .3s ease}.test-reward-btn:hover{background:#28a7454d;border-color:#28a74580;transform:translateY(-1px)}@keyframes sparkle{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8) rotate(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(180deg)}}.interactive-phone{margin:24px auto}.shake-actions{margin-top:12px;display:flex;justify-content:center}.shake-back-btn{justify-self:start}@media (max-width: 480px){.shake-page-inner{padding:12px}.shake-page-header h2{font-size:1.2rem}.interactive-phone{width:min(180px,48vw);height:min(180px,48vw)}}.phone-icon{font-size:4rem;transition:transform .3s ease;filter:drop-shadow(0 0 20px rgba(0,212,255,.5))}.phone-icon-large-image{width:clamp(56px,22vw,160px);height:clamp(28px,8vw,72px);max-height:96px;display:block;margin:0 auto 8px;object-fit:contain}.phone-icon.shaking{animation:shake .5s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px) rotate(-5deg)}75%{transform:translate(5px) rotate(5deg)}}.shake-info h3{margin:0 0 8px;color:#fff;font-size:1.5rem;font-weight:600}.shake-info p{margin:0;color:#ffffffb3;font-size:1rem;transition:color .3s ease}body.light-theme .shake-info p{color:#1e293bb3}.shake-btn{background:linear-gradient(45deg,#00d4ff,#5b9bd5);color:#fff;border:none;padding:clamp(6px,1.5vw,8px) clamp(12px,3vw,16px);border-radius:clamp(6px,1.5vw,8px);font-size:clamp(.7rem,2vw,.8rem);font-weight:600;cursor:pointer;transition:all .3s ease;min-width:clamp(80px,20vw,100px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #00d4ff4d;align-self:flex-end}body.light-theme .shake-btn{color:#fff}.shake-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff66}.shake-btn:active:not(.disabled){transform:translateY(0)}.shake-btn.disabled{background:#ffffff1a;cursor:not-allowed;box-shadow:none;transition:all .3s ease}body.light-theme .shake-btn.disabled{background:#1e293b33}.history-section{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;width:100%;box-sizing:border-box}.shake-dashboard.history-only .history-section{background:linear-gradient(135deg,#0f172ae0,#1e293bad);border-radius:clamp(18px,4vw,28px);border:1px solid rgba(148,163,184,.35);box-shadow:0 32px 70px #0f172a73;padding:clamp(28px,5vw,44px)}.claim-toast{position:fixed;left:50%;top:20px;transform:translate(-50%);background:#141414e6;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 8px 32px #0009;z-index:9999;display:flex;gap:12px;align-items:center;min-width:260px}.claim-toast .toast-title{font-weight:700}.claim-toast .toast-body{font-size:.95rem;opacity:.95}.claim-toast.hide{opacity:0;pointer-events:none;transform:translate(-50%) translateY(-8px);transition:all .25s ease}.claim-toast.show{opacity:1;transform:translate(-50%) translateY(0);transition:all .25s ease}body.light-theme .history-section{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}body.light-theme .shake-dashboard.history-only .history-section{background:linear-gradient(135deg,#fffffff2,#f1f5f9e6);border:1px solid rgba(148,163,184,.25);box-shadow:0 36px 80px #94a3b840}.history-section h3{margin:0 0 16px;color:#fff;font-size:1.3rem;font-weight:600;transition:color .3s ease}.shake-dashboard.history-only .history-section h3{font-size:clamp(1.45rem,3.4vw,2.2rem);letter-spacing:.015em;margin-bottom:clamp(16px,3vw,24px)}body.light-theme .history-section h3{color:#1e293b}.history-list{display:flex;flex-direction:column;gap:clamp(2px,.6vw,4px);max-height:clamp(200px,50vh,400px);overflow-y:auto;overflow-x:hidden;width:100%}.shake-dashboard.history-only .history-list{max-height:none;overflow:visible;gap:clamp(16px,3vw,26px);padding-right:0}.history-item{display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(5px,1.2vw,8px);padding:clamp(6px,1.4vw,10px);background:linear-gradient(135deg,#ffffff08,#ffffff04);border-radius:clamp(6px,1.6vw,9px);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .18s ease;position:relative;overflow:visible;min-height:clamp(44px,7vw,60px)}.shake-dashboard.history-only .history-item{box-shadow:0 24px 48px #0f172a59;border:1px solid rgba(148,163,184,.35)}body.light-theme .shake-dashboard.history-only .history-item{box-shadow:0 28px 56px #94a3b840;border-color:#cbd5e199}.history-item.history-detailed{display:grid;grid-template-columns:clamp(32px,4vw,44px) minmax(0,2.6fr) minmax(220px,1fr);grid-template-areas:"rail content side";align-items:stretch;gap:clamp(18px,3.5vw,30px);padding:clamp(20px,4vw,30px);border-radius:clamp(18px,4vw,28px);background:linear-gradient(135deg,#0f172ae6,#1e293bc7);border:1px solid rgba(148,163,184,.35);min-height:clamp(120px,28vw,180px);position:relative}body.light-theme .history-item.history-detailed{background:linear-gradient(135deg,#fffffff5,#f1f5f9e6);border-color:#94a3b84d}.history-item.history-detailed:before{width:5px;background:linear-gradient(135deg,#38bdf8,#818cf8);opacity:1}.history-item.history-detailed:before,.history-item.history-detailed:after{display:none}.history-item.history-compact{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;padding:12px;border-radius:14px;background:linear-gradient(135deg,#0f172ad1,#1e293bc2);border:1px solid rgba(148,163,184,.28);box-shadow:0 18px 32px #0f172a47;width:100%;min-height:auto;box-sizing:border-box}.history-compact-body{display:flex;flex-direction:column;gap:6px;width:100%}.history-compact-main{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.history-compact-title{flex:1 1 auto;font-size:.9rem;font-weight:600;color:#f8fafcf2;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-compact-points{flex-shrink:0;font-size:.95rem;font-weight:700;padding:4px 10px;border-radius:999px;border:1px solid rgba(56,189,248,.35);background:#38bdf824;color:#38bdf8;font-variant-numeric:tabular-nums}.history-compact-points.positive{color:#22c55e;border-color:#22c55e59;background:#22c55e2e}.history-compact-points.negative{color:#f97316;border-color:#f9731661;background:#f973162e}.history-compact-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.72rem;color:#94a3b8d9;flex-wrap:wrap}.history-compact-meta span{white-space:nowrap}.history-compact-chips{display:flex;flex-wrap:wrap;gap:6px}.history-compact-chips .activity-chip{font-size:.65rem;padding:3px 8px}.history-compact-description{font-size:.78rem;color:#e2e8f0d9;line-height:1.35}body.light-theme .history-item.history-compact{background:linear-gradient(135deg,#fffffff5,#f1f5f9e6);border-color:#94a3b861;box-shadow:0 16px 32px #94a3b838}body.light-theme .history-compact-title{color:#0f172a}body.light-theme .history-compact-points{color:#2563eb;border-color:#3b82f659;background:#bfdbfe61}body.light-theme .history-compact-points.positive{color:#15803d;border-color:#15803d59;background:#bbf7d073}body.light-theme .history-compact-points.negative{color:#b45309;border-color:#c2410c59;background:#fde68a80}body.light-theme .history-compact-meta{color:#475569d9}body.light-theme .history-compact-description{color:#334155d1}.history-detailed-content{grid-area:content;display:flex;flex-direction:column;gap:clamp(12px,2.5vw,18px)}.history-detailed-rail{grid-area:rail;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2px;width:clamp(20px,4vw,44px)}.history-rail-dot{width:clamp(12px,3vw,16px);height:clamp(12px,3vw,16px);border-radius:999px;background:linear-gradient(135deg,#38bdf8,#6366f1);border:2px solid rgba(148,163,184,.65);box-shadow:0 0 0 4px #60a5fa26;z-index:1}.history-rail-line{position:absolute;top:clamp(18px,4vw,26px);bottom:calc(-1*clamp(18px,4vw,26px));width:2px;background:linear-gradient(180deg,#94a3b899,#94a3b81a);border-radius:999px;opacity:.75;left:50%;transform:translate(-50%)}.history-detailed-rail.is-last .history-rail-line{display:none}.history-detailed-rail.success .history-rail-dot{background:linear-gradient(135deg,#22c55e,#4ade80);border-color:#22c55e99;box-shadow:0 0 0 4px #22c55e33}.history-detailed-rail.danger .history-rail-dot{background:linear-gradient(135deg,#ef4444,#f97316);border-color:#ef4444a6;box-shadow:0 0 0 4px #ef444433}.history-detailed-rail.info .history-rail-dot{background:linear-gradient(135deg,#38bdf8,#6366f1)}.history-detailed-rail.neutral .history-rail-dot{background:linear-gradient(135deg,#818cf8,#a855f7)}body.light-theme .history-rail-dot{border-color:#94a3b880;box-shadow:0 0 0 4px #94a3b826}body.light-theme .history-detailed-rail.success .history-rail-dot{border-color:#15803d59;box-shadow:0 0 0 4px #22c55e26}body.light-theme .history-detailed-rail.danger .history-rail-dot{border-color:#b91c1c66;box-shadow:0 0 0 4px #f871712e}body.light-theme .history-rail-line{background:linear-gradient(180deg,#94a3b880,#94a3b80d)}.history-detailed-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}.history-detailed-title{font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:600;color:#f8fafcf2;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}body.light-theme .history-detailed-title{color:#0f172a}.history-detailed-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.activity-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:#94a3b833;border:1px solid rgba(148,163,184,.35);color:#e2e8f0f2}.activity-chip.success{background:#22c55e33;border-color:#22c55e66;color:#4ade80}.activity-chip.danger{background:#ef444433;border-color:#ef444466;color:#f87171}.activity-chip.points{background:#38bdf82e;border-color:#38bdf859;color:#7dd3fc}.activity-chip.neutral{background:#818cf838;border-color:#818cf866;color:#c7d2fe}.activity-chip.outline{background:transparent;border-color:#94a3b880;color:#e2e8f0d9}.activity-chip.info{background:#60a5fa2e;border-color:#60a5fa66;color:#bfdbfe}body.light-theme .activity-chip{background:#94a3b82e;border-color:#94a3b873;color:#2d3748e6}body.light-theme .activity-chip.success{background:#86efac38;border-color:#22c55e73;color:#166534}body.light-theme .activity-chip.danger{background:#fca5a538;border-color:#ef444466;color:#b91c1c}body.light-theme .activity-chip.points{background:#bfdbfe4d;border-color:#3b82f659;color:#1d4ed8}body.light-theme .activity-chip.neutral{background:#dbeafe4d;border-color:#818cf859;color:#4338ca}body.light-theme .activity-chip.outline{color:#334155}body.light-theme .activity-chip.info{color:#1e40af;background:#bfdbfe4d;border-color:#60a5fa66}.history-detailed-description{display:flex;flex-direction:column;gap:8px;padding-right:clamp(4px,1vw,8px)}.history-detailed-description p{margin:0;font-size:.85rem;line-height:1.5;color:#e2e8f0eb;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}body.light-theme .history-detailed-description p{color:#2d3748eb}.history-detailed-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(12px,2.5vw,18px)}.history-detailed-meta{background:#0f172a59;border:1px solid rgba(148,163,184,.35);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}body.light-theme .history-detailed-meta{background:#ffffffb8;border-color:#94a3b84d}.history-meta-label{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:#94a3b8d1}body.light-theme .history-meta-label{color:#475569cc}.history-meta-value{font-size:.95rem;font-weight:600;color:#f8fafcf2;word-break:break-word}body.light-theme .history-meta-value{color:#111827}.history-detailed-side{grid-area:side;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:clamp(12px,2.5vw,18px);text-align:right;align-self:flex-start}.history-detailed-time{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:#cbd5e1e6}body.light-theme .history-detailed-time{color:#475569d9}.history-detailed-relative{font-size:.78rem;opacity:.82}.history-detailed-points{font-size:clamp(1.05rem,2.6vw,1.4rem);font-weight:700;padding:9px 16px;border-radius:12px;border:1px solid rgba(56,189,248,.35);background:#38bdf829;color:#38bdf8;font-variant-numeric:tabular-nums}.history-detailed-points.positive{color:#22c55e;border-color:#22c55e59;background:#22c55e26}.history-detailed-points.negative{color:#f97316;border-color:#f9731666;background:#f9731626}body.light-theme .history-detailed-points{color:#2563eb;border-color:#3b82f659;background:#bfdbfe59}body.light-theme .history-detailed-points.positive{color:#15803d;border-color:#15803d59;background:#bbf7d066}body.light-theme .history-detailed-points.negative{color:#b45309;border-color:#c2410c59;background:#fde68a73}@media (max-width: 1024px){.history-item.history-detailed{grid-template-columns:clamp(24px,5vw,32px) minmax(0,1fr) minmax(110px,auto);gap:clamp(14px,4vw,22px)}.history-detailed-side{align-items:flex-start;text-align:left;gap:clamp(12px,4vw,18px)}.history-detailed-time{align-items:flex-start}}@media (max-width: 640px){.history-item.history-detailed{padding:clamp(16px,6vw,22px);grid-template-columns:clamp(20px,6vw,28px) minmax(0,1fr) minmax(96px,auto);align-items:flex-start}.history-detailed-meta-grid{gap:clamp(10px,3vw,14px)}.history-detailed-meta{padding:10px 12px}.history-detailed-title{font-size:clamp(1.05rem,4.6vw,1.25rem)}}@media (max-width: 480px){.history-item.history-detailed{grid-template-columns:clamp(18px,7vw,26px) minmax(0,1fr) minmax(88px,auto);padding:clamp(14px,7vw,20px);gap:clamp(12px,6vw,18px)}.history-detailed-description{gap:6px}.history-detailed-description p{font-size:.85rem}.history-detailed-chips{gap:6px}.history-detailed-time{flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:wrap}.history-detailed-relative{font-size:.75rem;opacity:.78}.history-detailed-meta-grid{display:flex;flex-wrap:wrap;gap:8px}.history-detailed-meta{flex:1 1 calc(50% - 8px);min-width:120px;padding:9px 10px}.history-meta-label{font-size:.68rem}.history-meta-value{font-size:.88rem}}.history-item:hover{transform:translateY(-1px);box-shadow:0 4px 20px #0003;border-color:#ffffff40}.shake-dashboard.history-only .history-item:hover{transform:none;box-shadow:0 24px 48px #0f172a59;border-color:#94a3b866}body.light-theme .shake-dashboard.history-only .history-item:hover{box-shadow:0 28px 56px #94a3b840;border-color:#cbd5e199}.history-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(135deg,#0f8,#00d4ff);opacity:.8}@media (max-width: 480px){.history-item:not(.history-detailed):not(.history-compact){padding:5px 7px;gap:4px;border-radius:8px;max-height:60px}.history-info{gap:6px}.history-item .shake-number{font-size:.8rem;line-height:1.15;white-space:normal}.history-item .shake-time{font-size:.65rem}.history-item .trade-details{font-size:.75rem}}body.light-theme .history-item{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid rgba(0,0,0,.15);box-shadow:0 2px 8px #00000014}body.light-theme .history-item:hover{box-shadow:0 4px 16px #0000001f;border-color:#0003}body.light-theme .shake-number{background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.history-info{min-width:0}.shake-number{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-info{display:flex;flex-direction:column;gap:clamp(3px,.8vw,5px);align-items:flex-start;text-align:left;flex:1;min-width:0;overflow:visible;color:#fffffff2}.shake-number{font-weight:700;color:#fffffffa;font-size:clamp(.8rem,2.2vw,.95rem);line-height:1.2;transition:all .2s ease;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:clamp(6px,1.5vw,8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.light-theme .shake-number{color:#1e293b}.shake-time{font-size:clamp(.65rem,1.8vw,.7rem);color:#ffffffc7;transition:color .18s ease;font-weight:600;opacity:.92}body.light-theme .shake-time{color:#1e293b99}.walrus-gift-icon{width:clamp(32px,6vw,40px);height:clamp(32px,6vw,40px);border-radius:50%;background:transparent;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.walrus-gift-icon:hover{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.pending-rewards-section{margin:clamp(20px,4vw,30px) 0;padding:clamp(16px,3vw,20px);background:#ffffff0d;border-radius:clamp(12px,2vw,16px);border:1px solid rgba(255,255,255,.1)}.pending-rewards-section h3{margin:0 0 clamp(8px,2vw,12px) 0;font-size:clamp(1.1rem,3vw,1.3rem);color:#fff;font-weight:600}.pending-rewards-section p{margin:0 0 clamp(16px,3vw,20px) 0;color:#fffc;font-size:clamp(.9rem,2.2vw,1rem)}.pending-rewards-list{display:flex;flex-direction:column;gap:clamp(12px,2.5vw,16px)}.pending-reward-item{display:flex;justify-content:space-between;align-items:center;padding:clamp(12px,2.5vw,16px);background:#ffffff08;border-radius:clamp(8px,1.5vw,12px);border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.pending-reward-item:hover{background:#ffffff0f;border-color:#ffffff26}.reward-info{flex:1;margin-right:clamp(12px,2vw,16px)}.reward-name{font-size:clamp(1rem,2.5vw,1.1rem);font-weight:600;color:#fff;margin-bottom:clamp(4px,1vw,6px)}.reward-description{font-size:clamp(.8rem,2vw,.9rem);color:#ffffffb3;margin-bottom:clamp(4px,1vw,6px)}.reward-tier{font-size:clamp(.7rem,1.8vw,.8rem);color:#ffffff80;font-weight:500}.claim-reward-btn{padding:clamp(8px,1.5vw,12px) clamp(16px,3vw,20px);background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:clamp(6px,1.2vw,8px);color:#fff;font-weight:600;font-size:clamp(.8rem,2vw,.9rem);cursor:pointer;transition:all .3s ease;white-space:nowrap}.claim-reward-btn:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.claim-reward-btn:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed;transform:none;box-shadow:none}body.light-theme .pending-rewards-section{background:#0000000d;border-color:#0000001a}body.light-theme .pending-rewards-section h3{color:#1e293b}body.light-theme .pending-rewards-section p{color:#1e293bcc}body.light-theme .pending-reward-item{background:#00000008;border-color:#00000014}body.light-theme .pending-reward-item:hover{background:#0000000f;border-color:#00000026}body.light-theme .reward-name{color:#1e293b}body.light-theme .reward-description{color:#1e293bb3}body.light-theme .reward-tier{color:#1e293b80}.history-reward{display:flex;flex-direction:column;align-items:flex-end;gap:clamp(2px,.5vw,3px);text-align:right;flex-shrink:0;min-width:fit-content}.reward-amount{font-weight:600;font-size:clamp(.7rem,1.8vw,.8rem);background:linear-gradient(135deg,#0f8,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:clamp(2px,.5vw,4px) clamp(8px,1.8vw,10px);border-radius:clamp(6px,1.2vw,8px);border:1px solid rgba(0,255,136,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00ff8814;white-space:nowrap}.reward-tier{font-size:.8rem;padding:2px 8px;border-radius:10px}.trade-details{font-size:clamp(.65rem,1.7vw,.75rem);opacity:.7;line-height:1.3;margin-top:clamp(2px,.5vw,3px);color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.trade-pair{font-weight:600;color:#00d4ff;transition:color .3s ease}body.light-theme .trade-pair{color:#0891b2}.trade-amount{color:#fffc;transition:color .3s ease}body.light-theme .trade-amount{color:#1e293bcc}@media (max-width: 480px){.history-section{padding:16px;border-radius:12px}.history-section h3{font-size:1.1rem;margin-bottom:12px}.history-list{max-height:clamp(150px,40vh,300px);gap:10px}.history-item{flex-direction:column;gap:clamp(6px,1.5vw,8px);padding:clamp(10px,2.5vw,14px);min-height:auto}.history-info{width:100%}.shake-number{font-size:clamp(.85rem,2.2vw,.95rem);gap:clamp(4px,1vw,6px)}.shake-time{font-size:clamp(.7rem,1.8vw,.8rem)}.history-reward{width:100%;gap:8px}.trade-details{max-width:100%;font-size:clamp(.7rem,1.8vw,.85rem)}.reward-amount{font-size:clamp(.75rem,1.8vw,.85rem);padding:clamp(4px,.8vw,6px) clamp(8px,1.6vw,12px)}.claim-btn{padding:clamp(6px,1.5vw,8px) clamp(12px,2.5vw,16px);font-size:clamp(.75rem,1.8vw,.85rem)}}.trade-type{padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.trade-type.buy{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.trade-type.sell{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.total-volume{font-size:.7rem;color:#ffffff80;transition:color .3s ease}body.light-theme .total-volume{color:#1e293b80}.no-history{text-align:center;color:#fff9;padding:40px 20px;transition:color .3s ease}body.light-theme .no-history{color:#1e293b99}.no-history p{margin:4px 0}@media (max-width: 768px){.shake-dashboard{gap:16px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px}.tier-section{border:none;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding-top:16px;padding-bottom:16px}.shake-section{padding:24px}.phone-icon{font-size:3rem}.shake-info h3{font-size:1.3rem}.shake-btn{padding:14px 28px;font-size:1rem}.history-item{grid-template-columns:1fr;align-items:flex-start;gap:8px}.history-reward{align-items:flex-start;flex-direction:row;gap:12px}}.interactive-phone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;margin:20px auto;width:min(180px,40vw);height:min(180px,40vw);border-radius:50%;background:linear-gradient(135deg,#4caf5026,#2e7d321a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(76,175,80,.3);cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box;box-shadow:0 8px 32px #4caf5033,inset 0 1px #fff3,0 0 20px #4caf501a}.interactive-phone:hover:not(.disabled){transform:scale(1.05);background:linear-gradient(135deg,#4caf5040,#2e7d3233);border:2px solid rgba(76,175,80,.5);box-shadow:0 12px 40px #4caf504d,inset 0 1px #ffffff4d,0 0 30px #4caf5033}.interactive-phone:active:not(.disabled){transform:scale(.95)}.interactive-phone.disabled{background:linear-gradient(135deg,#9e9e9e33,#6161614d);border-color:#9e9e9e80;cursor:not-allowed;opacity:.6}.interactive-phone.shaking{animation:shaking .5s ease-in-out}.phone-icon-large{font-size:clamp(2.5rem,8vw,4rem);margin-bottom:8px}.tap-hint{font-size:clamp(.8rem,3vw,.9rem);font-weight:600;color:#ffffffe6;text-align:center;transition:color .3s ease}body.light-theme .tap-hint{color:#1e293be6}body.light-theme .interactive-phone{background:linear-gradient(135deg,#4caf5026,#2e7d3240);border-color:#4caf5066}body.light-theme .interactive-phone:hover:not(.disabled){background:linear-gradient(135deg,#4caf5040,#2e7d3259);border-color:#4caf5099}body.light-theme .interactive-phone.disabled{background:linear-gradient(135deg,#9e9e9e26,#61616140);border-color:#9e9e9e66}.reward-details{display:flex;flex-direction:column;gap:4px;margin-top:4px}.reward-reason{font-size:.75rem;color:#4caf50e6;font-weight:500}.bonus-indicator{font-size:.7rem;color:#ffc107e6;font-weight:600;background:#ffc1071a;padding:2px 6px;border-radius:8px;border:1px solid rgba(255,193,7,.3)}.reward-breakdown{font-size:.7rem;color:#fff9;margin-top:2px;transition:color .3s ease}body.light-theme .reward-breakdown{color:#1e293b99}body.light-theme .reward-reason{color:#4caf50cc}body.light-theme .bonus-indicator{color:#ff9800e6;background:#ff98001a;border-color:#ff98004d}.points-available{color:#4caf50;font-weight:700;font-size:clamp(.95rem,2.4vw,1.15rem);line-height:1.2;font-variant-numeric:tabular-nums}.points-total{color:#2196f3;font-weight:700;font-size:clamp(.95rem,2.4vw,1.15rem);line-height:1.2;font-variant-numeric:tabular-nums}.stat-hint{font-size:.75rem;color:#fff9;margin-top:4px;transition:color .3s ease}body.light-theme .stat-hint{color:#1e293b99}.reward-ladder{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.2);margin-bottom:24px}.reward-ladder h3{margin:0 0 16px;color:#ffffffe6;transition:color .3s ease}body.light-theme .reward-ladder h3{color:#1e293be6}.ladder-list{display:flex;flex-direction:column;gap:12px}.ladder-item{display:grid;grid-template-columns:60px 1fr 40px;align-items:center;padding:12px 16px;border-radius:12px;transition:all .3s ease}.ladder-item.unlocked{background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#ffffffe6}.ladder-item.locked{background:#9e9e9e1a;border:1px solid rgba(158,158,158,.3);color:#ffffff80;transition:color .3s ease}body.light-theme .ladder-item.locked{color:#1e293b80}.ladder-points{font-weight:600;font-size:.9rem}.ladder-reward{font-size:.85rem}.ladder-status{font-size:1.2rem;text-align:center}.next-reward{margin-top:16px;padding:16px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:12px}.next-reward p{margin:8px 0;color:#ffffffe6;font-size:.9rem;transition:color .3s ease}body.light-theme .next-reward p{color:#1e293be6}.reward-progress{height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin:8px 0}.reward-progress-fill{height:100%;background:linear-gradient(90deg,#ffc107,#ff9800);border-radius:4px;transition:width .3s ease}.points-needed{font-size:.8rem!important;color:#ffc107e6!important}.action-section{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.2);margin-bottom:24px}.action-section h3{margin:0 0 16px;color:#ffffffe6;transition:color .3s ease}body.light-theme .action-section h3{color:#1e293be6}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px}.action-btn{display:flex;align-items:center;gap:12px;padding:16px;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;font-family:inherit;color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 16px #0000001a,inset 0 1px #fff3}body.light-theme .action-btn{color:#fff}.trade-btn{background:linear-gradient(135deg,#4caf50cc,#45a049e6);border:1px solid rgba(76,175,80,.3)}.trade-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#4caf50e6,#45a049);box-shadow:0 8px 25px #4caf5066,inset 0 1px #ffffff4d}.share-btn{background:linear-gradient(135deg,#2196f3cc,#1976d2e6);border:1px solid rgba(33,150,243,.3)}.share-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#2196f3e6,#1976d2);box-shadow:0 8px 25px #2196f366,inset 0 1px #ffffff4d}.action-icon{font-size:1.5rem}.action-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.action-text>div:first-child{font-weight:600;font-size:.9rem}.action-reward{font-size:.75rem;opacity:.9;font-weight:500}.points-status{margin:12px 0}.points-ready{color:#4caf50;font-weight:600;font-size:.9rem}.points-none{color:#fff9;font-size:.9rem}.status-waiting{color:#ffc107e6}.activity-subsection{margin-bottom:24px}.activity-subsection h4{margin:0 0 12px;color:#fffc;font-size:1rem;font-weight:600;transition:color .3s ease}body.light-theme .activity-subsection h4{color:#1e293bcc}.action-item .action-type{font-size:1.2rem;margin-right:8px}.action-description{color:#ffffffe6;font-size:.85rem;transition:color .3s ease}body.light-theme .action-description{color:#1e293be6}.action-time{font-size:.75rem;color:#fff9;margin-left:8px;transition:color .3s ease}body.light-theme .action-time{color:#1e293b99}.claim-item .claim-type{font-size:1.2rem;margin-right:8px}.claim-description{color:#ffffffe6;font-size:.85rem;transition:color .3s ease}body.light-theme .claim-description{color:#1e293be6}.claim-time{font-size:.75rem;color:#fff9;margin-left:8px;transition:color .3s ease}body.light-theme .claim-time{color:#1e293b99}.total-after{font-size:.75rem;color:#fff9;margin-top:2px;transition:color .3s ease}body.light-theme .total-after{color:#1e293b99}.last-updated{text-align:center;font-size:.75rem;color:#ffffff80;margin-top:12px;transition:color .3s ease}body.light-theme .last-updated{color:#1e293b80}.admin-link{text-align:center;margin-top:16px;padding:12px;background:#2196f31a;border-radius:8px;border:1px solid rgba(33,150,243,.2)}.admin-link p{margin:0;font-size:.85rem;color:#fffc;transition:color .3s ease}.admin-link a{color:#2196f3;text-decoration:none;font-weight:600;margin-left:4px}.admin-link a:hover{text-decoration:underline}body.light-theme .admin-link{background:#2196f30d}body.light-theme .admin-link p{color:#1e293bcc}.admin-info{display:flex;flex-direction:column;gap:16px}.info-card{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.info-icon{font-size:1.5rem;flex-shrink:0}.info-content h4{margin:0 0 8px;font-size:1rem;color:#ffffffe6;transition:color .3s ease}.info-content p{margin:4px 0;font-size:.85rem;color:#ffffffb3;line-height:1.4;transition:color .3s ease}body.light-theme .info-card{background:#0000000d;border:1px solid rgba(0,0,0,.1)}body.light-theme .info-content h4{color:#1e293be6}.claim-controls{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:12px}.claim-controls label{font-size:.9rem;color:#fffc}body.light-theme .claim-controls label{color:#1e293bcc}.claim-controls select{padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#0003;color:#fff}body.light-theme .claim-controls select{background:#ffffffe6;color:#1e293b}.shake-btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}body.light-theme .info-content p{color:#1e293bb3}.refresh-info{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4caf501a;border-radius:8px;border:1px solid rgba(76,175,80,.2)}.refresh-icon{font-size:1rem}.refresh-info p{margin:0;font-size:.8rem;color:#fffc;transition:color .3s ease}body.light-theme .refresh-info{background:#4caf500d}body.light-theme .refresh-info p{color:#1e293bcc}.activity-info{margin-bottom:16px}.activity-card{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.activity-icon{font-size:1.5rem;flex-shrink:0}.activity-content h4{margin:0 0 8px;font-size:1rem;color:#ffffffe6;transition:color .3s ease}.activity-content p{margin:4px 0;font-size:.85rem;color:#ffffffb3;line-height:1.4;transition:color .3s ease}body.light-theme .activity-card{background:#0000000d;border:1px solid rgba(0,0,0,.1)}body.light-theme .activity-content h4{color:#1e293be6}body.light-theme .activity-content p{color:#1e293bb3}.info-card .info-content summary{color:inherit}.info-card pre{background:#ffffff0a;color:#e6eef8;padding:8px;border-radius:6px;overflow:auto}body.light-theme .info-card pre{background:#00000008;color:#0f172a}@keyframes shaking{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-10px) rotate(-5deg)}75%{transform:translate(10px) rotate(5deg)}}.manual-refresh{text-align:center;margin-top:8px}.refresh-btn{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.12);padding:8px 12px;border-radius:8px;cursor:pointer}body.light-theme .refresh-btn{background:#0000000a;color:#1e293b}.daily-summary{background:linear-gradient(135deg,#ffffff0a,#ffffff05);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px #0000002e}.daily-summary h3{margin:0 0 12px;font-size:1.2rem;color:#fffffff2}.daily-grid{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.coin-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);min-width:180px}.coin{font-size:2rem;filter:drop-shadow(0 6px 18px rgba(255,215,0,.25))}.coin-info .coin-value{font-size:1.4rem;font-weight:700}.coin-info .coin-label{font-size:.85rem;color:#ffffffb3}.meter-card{flex:1 1 220px;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#0000000f,#ffffff03);border:1px solid rgba(255,255,255,.05)}.meter-label{font-size:.9rem;color:#fffc;margin-bottom:8px}.meter-bar{height:10px;background:#ffffff0d;border-radius:999px;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#0f8);box-shadow:0 6px 18px #00d4ff2e;transition:width .4s ease}.meter-hint{margin-top:8px;font-size:.8rem;color:#ffffffb3}@media (max-width: 600px){.daily-grid{flex-direction:column;align-items:stretch}.coin-card{width:100%;justify-content:flex-start}.meter-card{width:100%}}.help-fab{position:fixed;right:14px;bottom:16px;width:36px;height:36px;border-radius:50%;background:#ffffff26;color:#fff;font-size:1rem;font-weight:700;border:1px solid rgba(255,255,255,.3);box-shadow:0 6px 20px #00000038;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.help-fab:hover{transform:translateY(-1px) scale(1.03);background:#ffffff38;box-shadow:0 10px 28px #00000047}.help-fab:active{transform:translateY(0) scale(.98)}.help-fab:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:2px}body.light-theme .help-fab{color:#1e293b;background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 6px 18px #0000001f}.help-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1190;padding:24px}.help-modal{width:100%;max-width:760px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;padding:20px;box-shadow:0 12px 48px #00000080;border:1px solid rgba(255,255,255,.1);color:#fff}.help-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.help-header h3{margin:0;background:linear-gradient(45deg,#67e8f9,#7aa5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.help-body h4{margin:8px 0 6px;font-weight:700;background:linear-gradient(45deg,#67e8f9,#7aa5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.help-close{background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer;border-radius:8px;padding:4px 6px}.help-close:hover{background:#ffffff14}.help-body{margin-top:12px;max-height:60vh;overflow:auto}.help-body p{color:#ffffffe6}.help-body ul{margin:8px 0 12px 18px}.help-rewards{display:flex;flex-direction:column;gap:8px;margin-top:8px}.help-reward-item{display:flex;gap:8px;align-items:center;padding:8px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.03)}.help-reward-points{font-weight:700;min-width:64px}.help-reward-name{flex:1}.help-reward-unlocked{font-weight:600;color:#ffffffd9}.help-note{margin-top:12px;font-size:.9rem;color:#fffc}.help-reward-desc{font-size:.9rem;color:#fffc;margin-top:4px}@media (max-width: 600px){.help-modal{padding:12px}.help-reward-item{flex-direction:column;align-items:flex-start}}.shake-cta{width:100%}.shake-cta-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:20px;padding:clamp(16px,4vw,20px);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff4d,0 1px #ffffff1a;border:1px solid rgba(255,255,255,.15);transition:all .3s ease;max-width:820px;margin:0 auto}.shake-cta-card h3{margin:0 0 16px;font-size:1.4rem;font-weight:600}.shake-cta-card p{margin:0 0 clamp(12px,3vw,16px) 0;font-size:clamp(.9rem,2.6vw,1.05rem);color:#ffffffd6}.open-shake-page{display:inline-block;padding:clamp(8px,2vw,12px) clamp(16px,4vw,20px);border-radius:clamp(8px,2vw,10px);text-decoration:none;color:#fff;font-weight:600;font-size:clamp(.8rem,2.5vw,.9rem);background:linear-gradient(135deg,#2196f3d9,#1976d2f2);border:1px solid rgba(33,150,243,.3);box-shadow:0 6px 20px #2196f359;transition:all .2s ease;min-width:clamp(100px,25vw,120px)}.open-shake-page:hover{transform:translateY(-2px);box-shadow:0 10px 28px #2196f373}body.light-theme .shake-cta-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #00000014,inset 0 1px #fffc,0 1px #ffffff80}body.light-theme .shake-cta-card p{color:#1e293b}body.light-theme .open-shake-page{color:#fff;background:linear-gradient(135deg,#2196f3f2,#1976d2);border-color:#2196f380}.cta-content{display:flex;align-items:flex-start;justify-content:flex-start;gap:clamp(16px,4vw,24px);flex-wrap:nowrap;width:100%;flex-direction:row}.walrus-container{position:relative;display:flex;align-items:flex-start;justify-content:center;background:transparent;flex-shrink:0;width:auto;padding-top:clamp(4px,1vw,8px)}.walrus-shake-img{width:clamp(100px,20vw,150px);height:clamp(100px,20vw,150px);object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;user-select:none;-webkit-user-select:none;background:transparent;cursor:pointer}.walrus-shake-img:hover{transform:scale(1.05) rotate(2deg)}.walrus-shake-img:active{transform:scale(.95)}.walrus-shake-img.walrus-animating{transition:all .2s cubic-bezier(.68,-.55,.265,1.55)}.walrus-shake-img.walrus-shocked,.walrus-shake-img.walrus-shocked:hover{transform:scale(1.1) rotate(-5deg)}.cta-text{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.cta-text h3{color:#fff;margin-bottom:clamp(6px,1.5vw,8px);font-size:clamp(1.3rem,4.5vw,1.5rem);font-weight:600;line-height:1.2}.cta-text p{color:#b8bcc8;margin-bottom:0;font-size:clamp(.85rem,3vw,1rem);line-height:1.3}body.light-theme .cta-text h3{color:#1e293b}body.light-theme .cta-text p{color:#64748b}.cta-button-container{width:100%;display:flex;justify-content:center;margin-top:clamp(12px,3vw,16px)}@media (max-width: 480px){.cta-content{flex-direction:row;align-items:flex-start;gap:clamp(12px,3vw,16px);flex-wrap:nowrap}.walrus-shake-img{width:clamp(80px,16vw,100px);height:clamp(80px,16vw,100px)}.walrus-container{flex-shrink:0}.cta-text{flex:1;text-align:left;min-width:0}.cta-text h3{font-size:clamp(.75rem,2.8vw,.85rem);margin-bottom:clamp(3px,.8vw,5px)}.cta-text p{font-size:clamp(.6rem,1.8vw,.7rem);margin-bottom:clamp(4px,1vw,6px)}}@media (min-width: 481px){.cta-content{flex-direction:row;align-items:flex-start}.walrus-container{flex-shrink:0}.cta-text{flex:1;text-align:left}}.history-reward .claim-btn{display:inline-block;background:transparent;color:inherit;padding:4px 8px;border-radius:4px;font-weight:600;font-size:.78rem;text-decoration:none;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:background-color .12s ease;height:30px;min-width:62px;text-align:center;box-shadow:none}.history-reward .claim-btn:hover{background:#ffffff05}body.light-theme .history-reward .claim-btn{border:1px solid rgba(30,41,59,.08);color:#0f172a;background:transparent}@media (max-width: 480px){.history-reward .claim-btn{padding:6px 10px;height:32px;min-width:64px;font-size:.8rem}}.reward-amount.reward-claim{background:transparent!important;border:none!important;padding:0!important}.reward-amount.reward-claim .claim-btn{margin:0}.history-reward .claim-btn,.reward-amount.reward-claim .claim-btn{background:transparent!important;background-image:none!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;color:var(--app-text, #ffffff)!important;-webkit-text-fill-color:initial!important;text-decoration:none!important;line-height:1.2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.history-reward .claim-btn:hover,.reward-amount.reward-claim .claim-btn:hover{background:#ffffff08!important;color:var(--app-text, #ffffff)!important;transform:none!important}body.light-theme .history-reward .claim-btn,body.light-theme .reward-amount.reward-claim .claim-btn{color:#0f172a!important;border:1px solid rgba(15,23,42,.06)!important}@media (max-width: 480px){.history-reward .claim-btn,.reward-amount.reward-claim .claim-btn{min-width:64px!important;height:32px!important;padding:6px 10px!important;font-size:.82rem!important}}.expiry-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;cursor:pointer;color:inherit;overflow:visible}.expiry-btn svg{display:block}.notif-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:#ff5a5f;color:#fff;font-size:11px;border-radius:999px;box-shadow:0 1px 4px #0000001f}.expiry-pop-container{position:relative;z-index:9999}.expiry-pop-container>div{max-width:min(320px,calc(100vw - 32px))}