@font-face{font-family:Handil Pro;src:url(/assets/HandilPro-Medium-BF64ed818b14914-fO0Sx3n3.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}:root{--font-family-primary: "Handil Pro", "Manrope", sans-serif;--font-size-l: 18px;--font-size-m: 15px;--font-size-s: 13px;--font-size-xs: 11px;--line-height-default: 1.1em;--font-weight-medium: 500;--bg-accent: #5910A5;--bg-accent-light: #EC005F;--bg-primary: linear-gradient(180deg, #342747 0%, #74579C 100%);--bg-primary-solid: #342747;--bg-secondary: #342747;--bg-linear-dark: rgba(30, 16, 50, .8);--bg-linear-light: rgba(76, 59, 98, .95);--bg-modal: rgba(6, 6, 6, .7);--text-accent: #FFFFFF;--text-primary: #191919;--text-secondary: #9689A7;--text-tertiary: #AEA9B5;--stroke-accent: linear-gradient(90deg, #EC005F 0%, #FFFFFF 93%);--button-accent: linear-gradient(90deg, #6F3DB4 9%, #EE1B70 70%, #FCCC76 100%);--color-accent: #673BB7;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 25px;--radius-xs: 3.33px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 100px}:root{font-family:var(--font-family-primary);line-height:var(--line-height-default);font-weight:var(--font-weight-medium);color-scheme:dark;color:var(--text-accent);background-color:var(--bg-primary-solid);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;font-family:var(--font-family-primary)}a{font-weight:var(--font-weight-medium);color:var(--bg-accent-light);text-decoration:inherit}a:hover{color:var(--text-accent)}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;background:var(--bg-primary);color:var(--text-accent)}h1{font-size:var(--font-size-l);line-height:var(--line-height-default);font-weight:var(--font-weight-medium)}button{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-full);border:none;padding:var(--spacing-lg) var(--spacing-xl);font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);line-height:var(--line-height-default);background:transparent;color:var(--text-accent);cursor:pointer;transition:opacity .25s,transform .2s}button:before{display:none}button:hover{opacity:.9}button:active{transform:scale(.98)}button:focus,button:focus-visible{outline:none}button:disabled{opacity:.5;cursor:not-allowed}.button--accent{position:relative;background:var(--button-accent);color:var(--text-accent);padding:var(--spacing-lg) var(--spacing-xl);border:none}.button--accent:before{content:"";display:block;position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(90deg,#ec005f,#fff 93.1%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.button--accent:disabled{background:#ffffff26;color:#ffffff59;cursor:not-allowed;opacity:1}.button--accent:disabled:before{display:none}.button--primary{background:var(--text-accent);color:var(--bg-accent);padding:var(--spacing-lg) var(--spacing-xl);border:none}.button--secondary{background:var(--bg-linear-light);color:var(--text-accent);padding:var(--spacing-lg) var(--spacing-xl);border:1px solid var(--text-secondary)}.button--accent-s,.button--primary-s{padding:11px var(--spacing-lg);font-size:var(--font-size-s)}.button--secondary-s{padding:10px var(--spacing-lg);font-size:var(--font-size-s)}.button--full{width:100%;padding:var(--spacing-lg) var(--spacing-xl)}.button--full.button--accent-s,.button--full.button--primary-s,.button--full.button--secondary-s{padding:11px var(--spacing-lg)}.text-button{background:transparent;border:none;padding:0;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;transition:opacity .2s ease}.text-button:hover{opacity:.7}.icon-button{position:relative;display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);width:44px;padding:8px 12px;background:var(--bg-primary);border:none;border-radius:var(--radius-full)}.icon-button:before{content:"";display:block;position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(90deg,#ec005f,#fff 93.1%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.icon-button__indicator{position:absolute;top:-6px;right:-6px;width:20px;height:20px;display:flex;justify-content:center;align-items:center;background:var(--bg-accent-light);border-radius:125px;font-size:var(--font-size-xs);color:var(--text-accent)}input,textarea,select{font-family:var(--font-family-primary);font-size:var(--font-size-m);color:var(--text-accent);background-color:var(--bg-secondary);border:1px solid var(--text-secondary);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg)}input::placeholder,textarea::placeholder{color:var(--text-secondary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--text-accent)}.bottom-navigation{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#1e1032e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:99;padding:var(--spacing-sm) 0 max(env(safe-area-inset-bottom),8px);padding-bottom:calc(max(env(safe-area-inset-bottom),8px) + 8px)}.nav-container{display:flex;justify-content:space-around;align-items:center;padding:0 var(--spacing-sm)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:6px 2px;min-width:44px;flex:1;transition:opacity .2s ease;outline:none;border-radius:var(--radius-3xl)}.nav-item:hover{opacity:.7}.nav-item:active{opacity:.5}.nav-icon{width:32px;height:32px;margin-bottom:var(--spacing-xs);background:var(--text-secondary);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-size:contain;mask-repeat:no-repeat;mask-position:center;transition:background .2s ease}.nav-title{font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-item.active .nav-title{background:linear-gradient(90deg,#ec005f,#fff 93.1%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-item.active .nav-icon{background:linear-gradient(90deg,#ec005f,#fff 93.1%)}.nav-item:not(.active) .nav-icon{opacity:.6}@media (max-width: 360px){.nav-container{padding:0 2px}.nav-item{min-width:40px;padding:6px 1px}.nav-icon{width:18px;height:18px}.nav-title{font-size:8px}}.sales-start-progress-section{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:12px;background:#1e1032e6;border-radius:var(--radius-2xl);margin-bottom:0}.sales-start-progress-section .progress-top-row{display:flex;justify-content:space-between;align-items:center}.sales-start-progress-section .progress-top-label{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:#9689a7}.sales-start-progress-section .progress-top-value{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);color:var(--text-accent)}.sales-start-progress-section .progress-top-total{color:#ffffff73;font-size:var(--font-size-xs)}.sales-start-progress-section .progress-bar-container{display:flex;flex-direction:column}.sales-start-progress-section .progress-bar-horizontal{width:100%;height:10px;background:#ffffff26;border-radius:var(--radius-md);overflow:hidden;position:relative}.sales-start-progress-section .progress-bar-fill{height:100%;background:linear-gradient(90.33deg,#6a06ec .28%,#fff 99.72%);border-radius:var(--radius-md);transition:width .5s ease}.sales-start-progress-section .progress-bottom-note{font-family:var(--font-family-primary);font-size:13px;font-weight:var(--font-weight-medium);color:#fff}.sales-start-progress-section .progress-bottom-note-link{color:var(--text-accent, #CE93D8);text-decoration:underline;text-underline-offset:2px}.catalog-progress-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:12px;background:#1e1032e6;border-radius:12px;margin-bottom:12px}.catalog-progress-section .progress-top-row{display:flex;justify-content:space-between;align-items:center}.catalog-progress-section .progress-top-label{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:#9689a7}.progress-sales-chip{display:inline-block;padding:4px var(--spacing-md);background:linear-gradient(180deg,#342747,#74579c);color:var(--text-accent);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);line-height:1.3;border-radius:var(--radius-md)}.progress-amount-row{display:flex;align-items:baseline;gap:var(--spacing-xs)}.progress-amount-current{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);color:var(--text-accent)}.progress-amount-total{font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#ffffff73}.catalog-progress-section .progress-bar-container{display:flex;flex-direction:column}.catalog-progress-section .progress-bar-horizontal{width:100%;height:10px;background:#ffffff26;border-radius:var(--radius-md);overflow:hidden;position:relative}.catalog-progress-section .progress-bar-fill{height:100%;background:linear-gradient(90deg,#ec005f,#fff 93.1%);border-radius:var(--radius-md);transition:width .5s ease}@media (max-width: 480px){.catalog-progress-section{padding:12px;gap:var(--spacing-sm)}.catalog-progress-section .progress-bar-horizontal{height:8px}}.opendoor-countdown-section{background:#1e1032e5;border-radius:20px;padding:20px 16px 16px;margin-bottom:var(--spacing-lg);text-align:left}.opendoor-countdown-title{font-family:var(--font-family-primary);font-size:18px;font-weight:600;color:#fff;margin:0 0 14px}.opendoor-countdown-box{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;padding:14px 8px}.opendoor-countdown-row{display:flex;align-items:flex-start;justify-content:center;flex-wrap:nowrap;gap:0}.opendoor-countdown-days-wrap{margin-right:36px}.opendoor-countdown-box .opendoor-time-block{display:flex;flex-direction:column;align-items:center;flex:1}.opendoor-countdown-box .opendoor-time-value{font-family:var(--font-family-primary);font-size:44px;font-weight:700;color:#1a1a2e;line-height:1;font-variant-numeric:tabular-nums}.opendoor-countdown-box .opendoor-time-label{font-family:var(--font-family-primary);font-size:11px;font-weight:500;color:#666;margin-top:4px;text-transform:lowercase}.opendoor-time-sep{font-size:38px;font-weight:700;color:#1a1a2e;line-height:1;padding:0 4px;margin-top:2px}.page-container{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary);padding-bottom:70px}.home-page{padding:12px;gap:12px}.catalog-loading{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 0}.catalog-spinner{width:48px;height:48px;border:4px solid var(--text-secondary);border-top-color:var(--bg-accent-light);border-radius:50%;animation:catalog-spin 1s linear infinite}@keyframes catalog-spin{to{transform:rotate(360deg)}}.catalog-empty{display:flex;align-items:center;justify-content:center;padding:60px var(--spacing-xl);text-align:center}.catalog-empty p{color:var(--text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-m)}.catalog-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.catalog-nft-card{position:relative;width:calc((100% - 2 * var(--spacing-sm)) / 3);min-width:0;background:#1e1032e6;border-radius:var(--radius-xl);overflow:visible;transition:all .2s ease;cursor:pointer}.catalog-nft-prize-badge{position:absolute;top:-7px;right:-1px;width:28px;height:28px;object-fit:contain;z-index:1;pointer-events:none}.catalog-nft-claim-status{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:#1e1032d9;color:var(--text-accent);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px;border-radius:var(--radius-full);white-space:nowrap;z-index:2;pointer-events:none}.catalog-nft-card:hover{transform:translateY(-2px)}.catalog-nft-card:active{transform:translateY(0)}.catalog-nft-image-container{position:relative;width:100%;aspect-ratio:1;background:var(--bg-linear-dark);overflow:hidden;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.catalog-nft-image{width:100%;height:100%;object-fit:cover;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.catalog-nft-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--text-secondary)}.catalog-nft-rarity{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);padding:2px var(--spacing-xs);border-radius:var(--radius-md);font-family:var(--font-family-primary);font-size:8px;font-weight:var(--font-weight-medium);text-transform:uppercase}.rarity-prize{background:linear-gradient(135deg,#e91e63,#ff5722);color:#fff}.catalog-nft-info{padding:0 var(--spacing-md) var(--spacing-sm) var(--spacing-lg)}.catalog-nft-price{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);line-height:1.3;color:var(--text-accent);margin:0}.catalog-nft-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);line-height:1.3;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-btn-row{position:fixed;bottom:calc(102px + max(env(safe-area-inset-bottom),8px));left:50%;transform:translate(-50%);width:calc(100% - 2 * var(--spacing-lg));max-width:calc(480px - 2 * var(--spacing-lg));display:flex;gap:10px;align-items:center;z-index:98}.catalog-random-btn{flex:1;min-width:0;box-shadow:0 4px 16px #6f3db466;gap:var(--spacing-sm);transition:none}.catalog-random-btn:hover,.catalog-random-btn:active{transform:none}.catalog-random-btn-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;transform:scale(1.4);background:#fff;-webkit-mask-image:url(/star.png);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(/star.png);mask-size:contain;mask-repeat:no-repeat;mask-position:center}.catalog-random-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6f3db480}.catalog-random-btn:active{transform:translateY(0)}.catalog-filter-btn{position:relative;flex-shrink:0;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:100px;border:1px solid transparent;background:linear-gradient(180deg,#342747,#74579c) padding-box,linear-gradient(90deg,#ec005f,#fff 93.1%) border-box;padding:8px 16px;gap:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #6f3db466;transition:all .2s ease}.catalog-filter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6f3db480}.catalog-filter-btn:active{transform:translateY(0)}.catalog-filter-btn.has-active{background:linear-gradient(180deg,#342747,#74579c) padding-box,linear-gradient(90deg,#ec005f,#fff 93.1%) border-box}.catalog-filter-icon{display:block;width:24px;height:24px;object-fit:contain}.catalog-filter-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#ec005f;color:#fff;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-primary)}.nft-loading-overlay{position:fixed;inset:0;background:var(--bg-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999}.nft-loading-spinner{width:48px;height:48px;border:4px solid var(--text-secondary);border-top-color:var(--bg-accent-light);border-radius:50%;animation:catalog-spin 1s linear infinite}@media (max-width: 480px){.home-page{padding:var(--spacing-md) 12px;padding-bottom:140px}.catalog-nft-info{padding:0 var(--spacing-xs) var(--spacing-xs) var(--spacing-sm)}.catalog-nft-title{font-size:var(--font-size-xs)}.catalog-nft-rarity{font-size:7px;padding:1px 3px}.catalog-random-btn{font-size:var(--font-size-s);padding:14px var(--spacing-xl)}}.filter-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:filter-fade-in .2s ease}@keyframes filter-fade-in{0%{opacity:0}to{opacity:1}}.filter-sheet{width:100%;max-width:480px;max-height:85vh;background:var(--bg-secondary);border-radius:24px 24px 0 0;padding:20px 16px calc(20px + max(env(safe-area-inset-bottom),8px));animation:filter-slide-up .28s ease;display:flex;flex-direction:column;gap:0;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes filter-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.filter-title{font-family:var(--font-family-primary);font-size:15px;font-weight:700;color:var(--text-accent);margin:0}.filter-close-btn{width:34px;height:34px;min-width:34px;min-height:34px;flex-shrink:0;padding:2px 0 0;border-radius:50%;border:none;background:var(--bg-linear-dark);color:var(--text-accent);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.filter-close-btn:hover{background:var(--bg-linear-light)}.filter-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.filter-item-wrapper{background:var(--bg-linear-dark);border-radius:16px;overflow:hidden;transition:background .15s ease}.filter-item-wrapper.active{background:#6f3db42e;outline:1.5px solid rgba(111,61,180,.5)}.filter-item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 18px;cursor:pointer}.filter-item-label{font-family:var(--font-family-primary);font-size:13px;font-weight:600;color:var(--text-accent)}.filter-item-range{font-weight:400;font-size:14px;color:var(--text-secondary)}.filter-item-right{display:flex;align-items:center;gap:8px}.filter-item-badge{width:20px;height:20px;background:#fff;color:#342747;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;padding-top:2px;font-family:var(--font-family-primary)}.filter-item-chevron{width:16px;height:16px;object-fit:contain;flex-shrink:0;transition:transform .2s;opacity:.6}.filter-item-chevron.expanded{transform:rotate(180deg);opacity:1}.filter-item-steps{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 16px}.filter-step-chip{padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:transparent;color:var(--text-accent);font-family:var(--font-family-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.filter-step-chip.selected{background:#fff;color:var(--color-accent);border-color:#fff}.filter-empty-hint{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-secondary);margin:0;padding:0}.filter-actions{display:flex;flex-direction:column;gap:10px}.filter-apply-btn{width:100%;padding:16px;background:#fff;color:#6b3db4;border:none;border-radius:20px;font-family:var(--font-family-primary);font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s}.filter-apply-btn:hover{opacity:.9}.filter-cancel-btn{width:100%;padding:16px;background:var(--bg-linear-dark);color:var(--text-accent);border:none;border-radius:20px;font-family:var(--font-family-primary);font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.filter-cancel-btn:hover{background:var(--bg-linear-light)}.onboarding-page{display:flex;flex-direction:column;height:100vh;width:100%;max-width:480px;margin:0 auto;background:var(--bg-primary);overflow:hidden;padding-top:0!important}.onboarding-content{flex:1;display:flex;flex-direction:column;padding:var(--spacing-xl) var(--spacing-lg);overflow-y:auto}.onboarding-step{display:flex;flex-direction:column;height:100%;position:relative}.step-header{margin-bottom:var(--spacing-md)}.step-header-top{position:relative;display:flex;align-items:flex-start;margin-bottom:26px}.step-header-spacer{display:none}.step-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-l);line-height:1.25;color:var(--text-accent);margin:0;text-align:center;position:absolute;left:50%;transform:translate(-50%);top:6px;width:100%}.first-step .step-title{font-size:24px;position:static;transform:none;top:auto;left:auto;width:auto;text-align:center}.step-image-center{display:flex;justify-content:center;margin:0 calc(-1 * var(--spacing-lg));flex-shrink:1;min-height:0}.step-inline-image{width:100%;height:auto;max-height:40vh;object-fit:contain}.highlight-word{display:inline-block;position:relative;border:none;border-radius:var(--radius-full);padding:2px 5px;font-size:inherit;line-height:1.4;color:inherit}.highlight-word:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(90deg,#ec005f,#fff 93.1%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.step-subtitle{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:13px;line-height:1.5;color:var(--text-accent);margin:var(--spacing-md) 0;text-align:center}.step-body{flex:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.options-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.option-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--bg-linear-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.option-item:hover,.option-item.selected{background:var(--bg-linear-dark);border-color:var(--bg-accent-light)}.option-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);line-height:1.25;color:var(--text-accent)}.communication-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.communication-option{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--bg-linear-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.communication-option:hover,.communication-option.selected{background:var(--bg-linear-dark);border-color:var(--bg-accent-light)}.communication-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);line-height:1.5;color:var(--text-accent);text-align:center}.step-footer{margin-top:auto;padding-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.skip-button{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-linear-light);border:1px solid var(--text-secondary);border-radius:var(--radius-full);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);line-height:var(--line-height-default);color:var(--text-accent);cursor:pointer;transition:all .2s ease}.skip-button:hover{opacity:.9}.skip-button:disabled{opacity:.5;cursor:not-allowed}.progress-dots{display:flex;justify-content:center;gap:8px;padding:var(--spacing-md) 0;flex-shrink:0}.progress-dot{width:40px;height:5px;border-radius:50px;background:#ffffff4d}.progress-dot.completed,.progress-dot.filling{background:#fff}.specialist-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.specialist-info{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.specialist-avatar{width:112px;height:139px;border-radius:var(--radius-lg);background:var(--bg-linear-dark);flex-shrink:0}.specialist-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.specialist-badge{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);color:var(--text-secondary)}.specialist-name{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);color:var(--text-accent);margin:var(--spacing-sm) 0}.specialist-meta{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);color:var(--text-secondary)}.specialist-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.action-button{flex:1;min-width:120px;display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-xl);border:none;border-radius:var(--radius-full);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);line-height:var(--line-height-default);cursor:pointer;transition:all .2s ease}.action-button.secondary{background:var(--bg-linear-light);color:var(--text-accent);border:1px solid var(--text-secondary)}.action-button:hover{opacity:.9}.slide-enter{transform:translate(100%)}.slide-enter-active{transform:translate(0);transition:transform .3s ease}.slide-exit{transform:translate(0)}.slide-exit-active{transform:translate(-100%);transition:transform .3s ease}.robot-image{display:flex;justify-content:center;margin-top:150px;margin-bottom:32px}.robot-image img{width:100px;height:auto;border-radius:var(--radius-xl)}.back-arrow{width:40px;height:40px;border:none;background:var(--bg-linear-dark);color:var(--text-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-full);transition:background-color .2s ease}.back-arrow:hover{background-color:var(--bg-linear-light)}.back-arrow:active{background-color:var(--bg-secondary)}.back-icon{width:24px;height:24px;object-fit:contain;filter:brightness(2)}.preferences-section{margin-bottom:var(--spacing-lg)}.preferences-section-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);line-height:1.3;color:var(--text-accent);margin:0 0 var(--spacing-md) 0}.experience-option{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.experience-icon{font-size:32px;line-height:1;margin-bottom:var(--spacing-sm)}.experience-label{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);line-height:1.5;color:var(--text-accent);margin-bottom:var(--spacing-xs)}.experience-description{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);line-height:1.5;color:var(--text-secondary)}@media (max-width: 480px){.robot-image{margin-top:90px;margin-bottom:var(--spacing-xl)}.robot-image img{width:80px}.step-header-top{gap:var(--spacing-md)}.step-title{font-size:var(--font-size-l)}.first-step .step-title{font-size:var(--font-size-l);position:static;transform:none;top:auto;left:auto;width:auto}}@media (max-height: 700px){.onboarding-content{padding:var(--spacing-sm) var(--spacing-md)}.step-image-center{margin:0 calc(-1 * var(--spacing-lg))}.step-inline-image{max-height:22vh}.step-header{margin-bottom:var(--spacing-sm)}.step-body{gap:var(--spacing-sm)}.step-footer{padding-top:var(--spacing-sm);gap:var(--spacing-xs)}.first-step .step-description{margin-top:0}.concept-content{gap:var(--spacing-xs)}.progress-dots{padding:var(--spacing-xs) 0}.mechanics-card{padding:var(--spacing-md) var(--spacing-lg)}.mechanics-card:nth-child(2),.mechanics-card:nth-child(3){margin-top:-8px}.mechanics-emoji{width:32px;height:32px;margin-bottom:var(--spacing-sm)}}@media (max-height: 600px){.step-inline-image{max-height:18vh}.onboarding-content{padding:var(--spacing-xs) var(--spacing-md)}}@media (max-height: 500px){.step-inline-image{max-height:14vh}}.reward-step .step-header{text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.reward-step .step-header-top,.reward-step .back-arrow{display:none!important}.reward-step .step-title{position:static!important;transform:none!important;top:auto!important;left:auto!important;width:auto!important}.reward-step .reward-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-xl) auto}.reward-step .reward-icon img{width:24px;height:24px}.reward-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:28px;line-height:1.25;color:var(--text-accent);margin:var(--spacing-md) 0;text-align:center;position:static;transform:none;top:auto;left:auto;width:auto}.reward-amount{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:32px;line-height:1.25;color:var(--text-accent);text-align:center;margin:var(--spacing-xl) 0 var(--spacing-md) 0;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md)}.reward-nft-card{width:180px;margin:var(--spacing-xl) auto var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 16px #0000004d}.reward-nft-image{width:100%;aspect-ratio:1;background:var(--bg-linear-dark);display:flex;align-items:center;justify-content:center}.reward-nft-image span{font-size:64px}.reward-step .step-subtitle{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);line-height:1.5;color:var(--text-secondary);text-align:center;margin:var(--spacing-xs) var(--spacing-lg) var(--spacing-md);padding:var(--spacing-xs) 0}.step-description{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:13px;line-height:1.4;color:var(--text-accent);text-align:left;margin-top:var(--spacing-xs)}.step-description p{margin:0 0 1em}.step-description p:last-child{margin-bottom:0}.concept-content{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-sm)}.concept-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:13px;line-height:1.6;color:var(--text-accent);text-align:left;margin:0}.mechanics-content{display:flex;flex-direction:column;padding:var(--spacing-sm) 0}.mechanics-card{display:flex;flex-direction:column;align-items:center;padding:20px 24px 24px;border-radius:20px;position:relative}.mechanics-card:nth-child(1){background:#1e1432;transform:rotate(-2deg);z-index:1}.mechanics-card:nth-child(2){background:#463264;transform:rotate(2deg);margin-top:-12px;z-index:2}.mechanics-card:nth-child(3){background:#6e558c;transform:rotate(-2deg);margin-top:-12px;z-index:3}.mechanics-emoji{width:40px;height:40px;object-fit:contain;margin-bottom:var(--spacing-md)}.mechanics-card-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:13px;line-height:1.5;color:var(--text-accent);text-align:left;margin:0}.mechanics-text p{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:12px;line-height:1.5;color:var(--text-secondary);margin:0}.short-onboarding-step{height:auto;min-height:100%}.short-onboarding-step .step-header{padding-top:0;margin-bottom:0}.short-onboarding-step .step-subtitle{margin-bottom:var(--spacing-xs)}.short-onboarding-step .step-image-center{margin:var(--spacing-xs) 5% 0}.short-onboarding-step .step-title{position:static;transform:none;top:auto;left:auto;width:auto}.short-onboarding-body{flex:none;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-sm) 0}.short-onboarding-points{display:flex;flex-direction:column;gap:var(--spacing-md)}.short-onboarding-point{display:flex;flex-direction:column;padding:20px 24px 24px;background:#1e1432;border-radius:20px;width:85%;transform:rotate(-2deg);align-self:flex-start;position:relative;z-index:2}.short-onboarding-point:nth-child(2){background:#463264;transform:rotate(2deg);align-self:flex-end;margin-top:-12px;z-index:1}.short-onboarding-point .point-icon-img{width:24px;height:24px;border-radius:50%;background:#fff;object-fit:contain;flex-shrink:0}.short-onboarding-point .point-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:13px;line-height:1.5;color:var(--text-accent)}.short-onboarding-image-wrapper{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.short-onboarding-image{width:100%;max-width:360px;height:auto;object-fit:contain}.short-onboarding-footer{margin-top:auto;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-sm)}.primary-button{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:var(--text-accent);border:none;border-radius:var(--radius-full);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);line-height:var(--line-height-default);color:var(--bg-accent);cursor:pointer;transition:all .2s ease}.primary-button:hover{opacity:.9}.secondary-button{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-linear-light);border:1px solid var(--text-secondary);border-radius:var(--radius-full);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);line-height:var(--line-height-default);color:var(--text-accent);cursor:pointer;transition:all .2s ease}.secondary-button:hover{opacity:.9}.profile-page{padding:12px}.profile-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:32px;padding-top:50px}.profile-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;background:var(--bg-linear-dark);margin-bottom:var(--spacing-lg);box-shadow:0 4px 12px #0000004d}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:24px;line-height:1.2;color:var(--text-accent);margin:0 0 var(--spacing-xs) 0}.profile-username{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);line-height:1.3;color:var(--text-secondary);margin:0}.profile-nav-section{margin-bottom:var(--spacing-xl)}.profile-nav-tiles{display:flex;flex-direction:column;gap:0;background:#342747;border-radius:var(--radius-xl);overflow:hidden}.nav-tile{display:flex;align-items:center;gap:14px;padding:var(--spacing-lg);background:transparent;border:none;border-radius:0;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.nav-tile:not(:last-child){border-bottom:1px solid rgba(255,255,255,.08)}.nav-tile:hover{background:#ffffff0d}.nav-tile:active{background:#ffffff14}.nav-tile-icon{width:24px;height:24px;flex-shrink:0;object-fit:contain}.nav-tile-content{flex:1;display:flex;align-items:center;min-width:0}.nav-tile-label-wrap{display:flex;flex-direction:column;justify-content:center;height:16px}.nav-tile-label{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:13px;line-height:1.3;color:var(--text-accent)}.nav-tile-description{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);line-height:1.3;color:var(--text-secondary)}.nav-tile-arrow{width:20px;height:20px;flex-shrink:0;opacity:.6}.profile-logout-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);display:flex;justify-content:center}.profile-logout-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;cursor:pointer;transition:opacity .2s ease;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:13px;line-height:1.3;color:#fff}.profile-logout-button:hover{opacity:.85}.profile-logout-button:active{opacity:.7}.profile-logout-icon{width:22px;height:22px;object-fit:contain}.profile-reset-section{margin-top:150px;padding-top:var(--spacing-lg)}.profile-reset-button{display:flex;justify-content:center;align-items:center;width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-linear-light);border:1px solid var(--text-secondary);border-radius:var(--radius-full);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);line-height:var(--line-height-default);color:var(--text-accent);cursor:pointer;transition:all .2s ease}.profile-reset-button:hover{opacity:.9}.profile-reset-button:active{transform:scale(.98)}.profile-reset-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.logout-modal-overlay{position:fixed;inset:0;background:var(--bg-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-xl)}.logout-modal-content{width:100%;max-width:400px;background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--spacing-xl);position:relative;box-shadow:0 20px 60px #0006}.logout-modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-lg)}.logout-modal-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-l);color:var(--text-accent);margin:0}.logout-modal-close{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--bg-linear-dark);border:none;border-radius:50%;font-size:18px;line-height:1;color:var(--text-accent);cursor:pointer;flex-shrink:0;transition:background .2s ease}.logout-modal-close:hover{background:var(--bg-linear-light)}.logout-modal-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:1.4}.logout-modal-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.logout-modal-btn{border-radius:var(--radius-full);padding:14px var(--spacing-xl)}@media (max-width: 480px){.profile-page{padding:12px}.profile-avatar{width:80px;height:80px}.profile-name{font-size:22px}.nav-tile{padding:14px;gap:var(--spacing-md)}.nav-tile-icon{width:24px;height:24px}.nav-tile-label{font-size:13px}.nav-tile-description{font-size:var(--font-size-xs)}}.my-nfts-page{min-height:100vh;background:var(--bg-primary);padding:var(--spacing-lg)!important;padding-bottom:100px!important}.my-nfts-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.my-nfts-spinner{width:48px;height:48px;border:4px solid var(--text-secondary);border-top-color:var(--bg-accent-light);border-radius:50%;animation:spin 1s linear infinite}.nft-section{margin-top:12px;margin-bottom:0;margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg));width:calc(100% + 2 * var(--spacing-lg));box-sizing:border-box;background:#52406cf2;border-radius:16px;padding:16px 12px}.nft-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.nft-section-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-l);color:var(--text-accent);margin:0}.nft-section-total{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);color:var(--bg-accent-light)}.nft-section-page-title{font-family:var(--font-family-primary);font-weight:700;font-size:18px;color:#fff;text-align:center;margin:0 0 var(--spacing-md) 0}.closed-club-block{display:flex;align-items:stretch;justify-content:space-between;gap:var(--spacing-md);background:linear-gradient(90deg,#6f3db4 8.71%,#ee1b70 70.47%,#fccc76 116.07%);border-radius:12px;padding:12px;margin-bottom:var(--spacing-lg);overflow:hidden;box-shadow:0 2px 8px #0003}.closed-club-content{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px var(--spacing-sm);flex:1;min-width:0}.closed-club-info-icon{align-self:center;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.closed-club-info-icon img{width:100%;height:100%;object-fit:contain}.closed-club-title{font-family:var(--font-family-primary);font-weight:700;font-size:16px;color:var(--text-accent);margin:0;line-height:1;align-self:center}.closed-club-subtitle{grid-column:1 / -1;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:13px;color:#ffffffe6;margin:0;line-height:1;align-self:center}.closed-club-image-wrap{flex-shrink:0;width:75px;height:54px;border-radius:12px;overflow:hidden}.closed-club-image{width:100%;height:100%;object-fit:cover}.closed-club-block--clickable{cursor:pointer}.closed-club-tooltip-overlay{position:fixed;inset:0;z-index:100;background:#0006;box-sizing:border-box}.closed-club-tooltip{position:fixed;border-radius:20px;padding:20px;box-sizing:border-box}.closed-club-tooltip-arrow{position:absolute;top:0;width:12px;height:12px;background:#f5f5fa;pointer-events:none;transform:translate(-50%) rotate(45deg);box-shadow:2px 2px 4px #00000014;z-index:0}.closed-club-tooltip-body{position:relative;z-index:1;background:#f5f5fa;border-radius:20px;padding:20px;box-shadow:0 4px 20px #00000040}.closed-club-tooltip-header{font-family:var(--font-family-primary);font-size:14px;font-weight:600;line-height:1.4;color:#332f44;margin:0 0 12px}.closed-club-tooltip-list{list-style:none;margin:0;padding:0}.closed-club-tooltip-list li{display:flex;align-items:center;gap:10px;font-family:var(--font-family-primary);font-size:14px;font-weight:700;line-height:1.4;color:#332f44;margin-bottom:8px}.closed-club-tooltip-list li:last-child{margin-bottom:0}.closed-club-tooltip-check{width:20px;height:20px;flex-shrink:0;object-fit:contain}.nft-section-header-block{display:flex;align-items:flex-start;gap:4px;background:#1e1032e5;border-radius:12px;padding:12px;margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg)}.nft-section-header-icon{width:36px;height:36px;background:none;border-radius:var(--radius-lg);display:flex;align-items:flex-start;justify-content:center;flex-shrink:0;font-size:22px;transform:translate(-2px,-2px)}.nft-section-icon-img{width:24px;height:24px;filter:brightness(0) invert(1)}.nft-section-header-info{display:flex;flex-direction:column;gap:2px}.nft-section-header-value{font-family:var(--font-family-primary);font-weight:700;font-size:22px;color:var(--text-accent);line-height:1.2}.nft-section-header-subtitle{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);color:#ffffff8c}.my-nft-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:0}.my-nft-grid .my-nft-card{width:calc((100% - 2 * var(--spacing-sm)) / 3);min-width:0}.my-nft-card{position:relative;background:#1e1032e6;border-radius:12px;overflow:visible;transition:all .2s ease;cursor:pointer;border:3px solid transparent;margin:0}.nft-prize-badge{position:absolute;top:-7px;right:-1px;width:28px;height:28px;object-fit:contain;z-index:1;pointer-events:none}.nft-claim-status-badge{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:#1e1032d9;color:var(--text-accent);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px;border-radius:var(--radius-full);white-space:nowrap;z-index:2;pointer-events:none}.my-nft-card:hover{transform:translateY(-2px)}.my-nft-card:active{transform:translateY(0)}.my-nft-card.sold{opacity:.75}.my-nft-card.sold .nft-badges{opacity:.85}.my-nft-image-container{position:relative;width:100%;aspect-ratio:1;background:var(--bg-linear-dark);overflow:hidden;border-radius:12px 12px 0 0}.my-nft-image{width:100%;height:100%;object-fit:cover;border-radius:0 0 12px 12px}.nft-badges{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);right:var(--spacing-xs);display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.nft-badge{padding:2px 6px;border-radius:var(--radius-xs);font-family:var(--font-family-primary);font-size:8px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.3px}.nft-badge.badge-new{background:linear-gradient(135deg,#4caf50,#8bc34a);color:var(--text-accent)}.nft-badge.badge-prize{background:var(--button-accent);color:var(--text-accent)}.nft-badge.badge-granite{background:linear-gradient(135deg,gold,orange);color:var(--text-primary)}.nft-badge.badge-sold{background:var(--bg-linear-light);color:var(--text-accent)}.my-nft-info{padding:12px;margin:0}.my-nft-price{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:13px;color:#fff;margin:0;line-height:1.3}.my-nft-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:11px;line-height:1.3;color:#aea9b5;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.show-more-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--text-accent);color:#5910a5;border:none;border-radius:var(--radius-full);font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-md)}.nft-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 12px;text-align:center;border-radius:12px}.nft-empty-icon{font-size:48px;margin-bottom:var(--spacing-lg);opacity:.5}.nft-empty-text{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-secondary);margin:0}@media (max-width: 480px){.my-nfts-page{padding:var(--spacing-md)!important;padding-bottom:90px!important}.nft-section{margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));width:calc(100% + 2 * var(--spacing-md))}.my-nft-grid{gap:var(--spacing-sm)}.my-nft-info{padding:12px}.nft-badge{font-size:7px;padding:2px var(--spacing-xs)}.nft-section-title{font-size:var(--font-size-l)}.nft-section-total{font-size:var(--font-size-s)}}@media (max-width: 360px){.my-nft-grid{gap:6px}.nft-badge{font-size:6px}}.modal-overlay{position:fixed;inset:0;background:var(--bg-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:linear-gradient(180deg,#342747,#74579c);border-radius:var(--radius-2xl);padding:var(--spacing-xl);width:100%;max-width:400px;position:relative;box-shadow:0 8px 32px #0006;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close-button{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:24px;height:24px;padding:4px 0 0;border:none;background:var(--bg-linear-dark);border-radius:50%;font-size:18px;line-height:1;color:var(--text-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-button:hover{background:var(--bg-linear-light)}.modal-close-button:active{transform:scale(.95)}.modal-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:15px!important;line-height:var(--line-height-default);color:var(--text-accent);margin:0 0 var(--spacing-lg) 0;padding-right:48px}.modal-content{color:var(--text-secondary);font-size:var(--font-size-s);line-height:1.5}.modal-container .modal-content{padding:0}@media (max-width: 480px){.modal-container{border-radius:var(--radius-xl)}.modal-title{font-size:15px!important}}.sbp-modal-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sbp-modal-content .sbp-modal-description{font-family:var(--font-family-primary);font-size:13px;line-height:1.4;color:var(--text-secondary);margin:0}.whitelist-not-started-modal-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.whitelist-not-started-modal-description{font-family:var(--font-family-primary);font-size:13px;line-height:1.4;color:var(--text-secondary);margin:0}.upgrade-modal-v2{display:flex;flex-direction:column;gap:var(--spacing-xl)}.upgrade-modal-v2-top-block{background:linear-gradient(178.97deg,#ec005f -22.89%,#fff 120.13%);padding:20px;border-radius:16px 16px 0 0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;border-bottom:1px solid #EC005F}.upgrade-modal-v2-icon-outer{width:72px;height:72px;border-radius:50%;background:linear-gradient(178.97deg,#ec005f -22.89%,#fff 120.13%);display:flex;align-items:center;justify-content:center}.upgrade-modal-v2-icon-wrap{width:56px;height:56px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px}.upgrade-modal-v2-icon{width:100%;height:100%;min-width:32px;min-height:32px;background-color:#ec005f;-webkit-mask:url(/upgrade.png) center/contain no-repeat;mask:url(/upgrade.png) center/contain no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.upgrade-modal-v2-title{font-family:var(--font-family-primary);font-size:15px;font-weight:var(--font-weight-medium);color:#191919;margin:0;line-height:1.2;background:#fff;padding:4px 10px;border-radius:var(--radius-full)}.upgrade-modal-v2-steps{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.upgrade-modal-v2-step{padding:4px 10px;border-radius:var(--radius-full);font-family:var(--font-family-primary);font-size:13px;font-weight:var(--font-weight-medium)}.upgrade-modal-v2-step-current{background:#fff;color:#191919}.upgrade-modal-v2-step-next{background:#ec005f;color:#fff}.upgrade-modal-v2-step-arrow{color:#fff;font-size:16px}.upgrade-modal-v2-benefits{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-xl) 0}.upgrade-modal-v2-benefits-title{font-family:var(--font-family-primary);font-size:15px;font-weight:var(--font-weight-medium);color:var(--text-accent)}.upgrade-modal-v2-benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.upgrade-modal-v2-benefit-card{position:relative;height:80px;background-color:var(--bg-linear-dark);background-repeat:no-repeat;background-position:right bottom;background-size:auto 80%;border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.upgrade-modal-v2-benefit-text{font-family:var(--font-family-primary);font-size:13px;font-weight:var(--font-weight-medium);color:var(--text-accent);line-height:1.2;text-align:left;width:100%;word-wrap:break-word}.upgrade-modal-v2-price-block{padding:0 var(--spacing-xl)}.upgrade-modal-v2-price-inner{background:#1e1032e5;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--spacing-md);border-radius:var(--radius-lg)}.upgrade-modal-v2-price-value{font-family:var(--font-family-primary);font-size:24px;font-weight:var(--font-weight-medium);color:var(--text-accent)}.upgrade-modal-v2-price-label{font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:var(--text-secondary)}.upgrade-modal-v2-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-xl) var(--spacing-xl)}.upgrade-modal-v2-actions .button--accent{border-radius:var(--radius-full)}.upgrade-modal-v2-btn{width:100%;padding:14px var(--spacing-xl);border:none;border-radius:var(--radius-full);font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.upgrade-modal-v2-btn-cancel{background:var(--bg-linear-dark);color:var(--text-secondary)}.upgrade-modal-v2-btn-cancel:hover{background:var(--bg-linear-light);color:var(--text-accent)}@media (max-width: 480px){.upgrade-modal-v2{gap:var(--spacing-lg)}.upgrade-modal-v2-price-value{font-size:20px}}.nft-detail-page{position:relative;min-height:100vh;padding:12px 12px 80px;background:#5e477e;border-radius:16px 16px 0 0}.nft-detail-header{display:flex;align-items:center;margin-bottom:12px}.nft-detail-back{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer}.nft-detail-back-inner{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%}.nft-detail-back img{width:24px;height:24px;object-fit:contain}.nft-detail-back:hover .nft-detail-back-inner{opacity:.9}.nft-detail-image-overlays{position:absolute;top:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.nft-detail-overlay-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;pointer-events:auto;flex-shrink:0}.nft-detail-overlay-circle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%}.nft-detail-overlay-icon{width:24px;height:24px;object-fit:contain}.nft-detail-overlay-btn:hover .nft-detail-overlay-circle{opacity:.9}.nft-detail-loading,.nft-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px}.nft-detail-spinner{width:48px;height:48px;border:4px solid var(--text-secondary);border-top-color:var(--bg-accent-light);border-radius:50%;animation:nft-detail-spin 1s linear infinite}@keyframes nft-detail-spin{to{transform:rotate(360deg)}}.nft-detail-error p{color:var(--text-secondary)}.nft-detail-info-block{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md) 0}.nft-detail-info-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.nft-detail-info-block .nft-detail-title{margin:0;font-family:var(--font-family-primary);font-size:18px;font-weight:var(--font-weight-medium);color:var(--text-accent);line-height:1.3}.nft-detail-tier-chip{display:inline-flex;align-items:center;justify-content:center;min-width:59px;height:24px;padding:5px 10px;border-radius:12px;background:#342747;font-family:var(--font-family-primary);font-size:13px;font-weight:var(--font-weight-medium);color:var(--text-accent);flex-shrink:0}.nft-detail-owner-line{margin:var(--spacing-sm) 0 0 0;font-family:var(--font-family-primary);font-size:13px;line-height:1.4}.nft-detail-owner-label{color:#aea9b5}.nft-detail-owner-name{color:#fff}.nft-detail-info-block .nft-detail-description{margin:var(--spacing-sm) 0 0 0;font-family:var(--font-family-primary);font-size:13px;line-height:1.5;color:#fff}.prize-timer-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:var(--spacing-lg);padding-bottom:100px}.prize-timer-header{width:100%;display:flex;align-items:center;margin-bottom:var(--spacing-xl)}.prize-timer-title{font-family:var(--font-family-primary);font-size:22px;font-weight:var(--font-weight-medium);color:var(--text-accent);margin:var(--spacing-xl) 0 var(--spacing-md) 0;text-align:center}.prize-timer-tier{display:inline-flex;padding:4px 12px;background:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-family-primary);font-size:13px;font-weight:var(--font-weight-medium);color:#191919;margin-bottom:var(--spacing-xl)}.prize-timer-progress-ring{--progress: 0;position:relative;width:240px;height:240px;margin:0 auto var(--spacing-2xl);display:flex;align-items:center;justify-content:center}.prize-timer-progress-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 0 4px rgba(255,255,255,.35)) drop-shadow(0 0 8px rgba(236,0,95,.15))}.prize-timer-image-wrap{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#6f3db4 8.71%,#ee1b70 70.47%,#fccc76 116.07%);border-radius:50%}.prize-timer-blur-wrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.prize-timer-image{width:210px;height:210px;border-radius:50%;object-fit:cover}.prize-timer-image--revealed{width:125px;height:125px;border-radius:0;object-fit:contain}.prize-timer-gift-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95px;height:95px;pointer-events:none}.prize-timer-countdown{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.prize-timer-digit{font-family:var(--font-family-primary);font-size:56px;font-weight:700;color:var(--text-accent);font-variant-numeric:tabular-nums;line-height:1}.prize-timer-colon{font-family:var(--font-family-primary);font-size:48px;font-weight:700;color:var(--text-secondary);line-height:1;margin-top:-4px}.prize-timer-processing{font-family:var(--font-family-primary);font-size:var(--font-size-l);color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0}.prize-timer-hint{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-accent);text-align:center;margin:0;max-width:280px;line-height:1.4}.prize-intercepted-alert{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin:auto;padding:var(--spacing-2xl);background:#fff;border-radius:var(--radius-xl);text-align:center;max-width:320px}.prize-intercepted-title{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);color:#191919;margin:0}.prize-intercepted-subtitle{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-secondary);margin:0;line-height:1.4}.nft-detail-prize-awarded{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.prize-awarded-icon{font-size:48px}.prize-awarded-text{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);color:var(--text-accent);margin:0}@media (max-width: 360px){.prize-timer-digit{font-size:44px}.prize-timer-colon{font-size:38px}.prize-timer-progress-ring{width:200px;height:200px}.prize-timer-progress-path{stroke-width:8}.prize-timer-image-wrap{width:180px;height:180px}.prize-timer-image{width:170px;height:170px}.prize-timer-gift-icon{width:75px;height:75px}}.nft-detail-modal{display:flex;flex-direction:column;gap:var(--spacing-lg);max-height:80vh;overflow-y:auto;overflow-x:hidden}.nft-detail-image-container{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-linear-dark)}.nft-detail-image-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.nft-detail-image-loader{width:40px;height:40px;border:3px solid var(--text-secondary);border-top-color:var(--bg-accent-light);border-radius:50%;animation:spin 1s linear infinite}.nft-detail-image{width:100%;height:100%;object-fit:cover;cursor:pointer;opacity:0;transition:opacity .3s ease}.nft-detail-image.loaded{opacity:1}.nft-detail-badges{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);display:flex;flex-direction:column;gap:6px;align-items:flex-end}.nft-detail-badge{padding:var(--spacing-xs) 10px;border-radius:var(--radius-md);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.nft-detail-badge.owned{background:#4caf50f2;color:var(--text-accent)}.nft-detail-badge.prize{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#ec005f,#fff 93.1%) border-box;border-radius:100px;font-size:13px;font-weight:700;text-transform:none;letter-spacing:0;color:transparent}.nft-detail-badge-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0}.nft-detail-badge-text{font-size:13px;background:linear-gradient(90deg,#9b59b6,#ec005f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nft-detail-badge.granite{background:var(--bg-linear-light);color:var(--text-accent)}.nft-detail-price-section{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);background:var(--bg-linear-dark);border-radius:var(--radius-lg)}.nft-detail-price-label{font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.nft-detail-price{font-family:var(--font-family-primary);font-size:28px;font-weight:var(--font-weight-medium);color:var(--text-accent)}.nft-detail-info-section{padding:0 var(--spacing-xs)}.nft-detail-title{font-family:var(--font-family-primary);font-size:22px;font-weight:var(--font-weight-medium);color:var(--text-accent);margin:0 0 var(--spacing-xs) 0;line-height:1.3}.nft-detail-collection{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--bg-accent-light);margin:0 0 var(--spacing-md) 0}.nft-detail-description{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-lg) 0}.nft-detail-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.nft-detail-meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.nft-detail-meta-item .meta-label{font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.nft-detail-meta-item .meta-value{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--text-accent)}.nft-detail-meta-item .tier-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:6px;color:var(--text-accent);font-size:var(--font-size-xs)}.nft-detail-owner-section{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-linear-dark);border-radius:var(--radius-lg)}.nft-detail-owner-label{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-secondary)}.nft-detail-owner-name{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--text-accent)}.nft-detail-actions{display:flex;flex-direction:column;gap:10px;margin-top:var(--spacing-sm)}.nft-detail-buy-row{display:flex;align-items:stretch;gap:10px;width:100%}.nft-detail-buy-row .nft-detail-btn-buy{flex:1;min-width:0}.nft-detail-replace-btn{flex-shrink:0;height:100%;aspect-ratio:1;border-radius:100px;border:1px solid transparent;background:linear-gradient(180deg,#342747,#74579c) padding-box,linear-gradient(90deg,#ec005f,#fff 93.1%) border-box;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #6f3db466;transition:all .2s ease}.nft-detail-replace-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6f3db480}.nft-detail-replace-btn:active{transform:translateY(0)}.nft-detail-replace-icon{display:block;width:24px;height:24px;object-fit:contain;mix-blend-mode:screen}.nft-detail-btn{width:100%;padding:14px var(--spacing-xl);border:none;border-radius:var(--radius-full);font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.nft-detail-btn:disabled{opacity:.6;cursor:not-allowed}.nft-detail-btn.primary{box-shadow:0 4px 12px #6f3db44d}.nft-detail-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #6f3db466}.nft-detail-btn.primary:active:not(:disabled){transform:translateY(0)}.nft-detail-btn.secondary{background:var(--text-accent);color:#5910a5}.nft-detail-btn.secondary:before{display:none}.nft-detail-btn.secondary:hover:not(:disabled){opacity:.9}.nft-detail-btn.outline{background:transparent;color:var(--bg-accent-light);border:2px solid var(--bg-accent-light)}.nft-detail-btn.outline:hover:not(:disabled){background:#ec005f1a}.nft-detail-btn.prize-inactive{background:var(--bg-linear-dark);color:var(--text-tertiary)}.nft-detail-claim-success{background:#4caf5026;color:#4caf50;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-s);font-weight:600;text-align:center}.nft-detail-btn.upgrade{background:var(--bg-linear-light);color:var(--text-accent);box-shadow:0 4px 12px #4c3b624d}.nft-detail-btn.upgrade:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #4c3b6266}.nft-detail-ownership-history{padding:0 var(--spacing-lg)}.nft-detail-ownership-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);color:var(--text-accent);margin:0 0 var(--spacing-md) 0}.nft-detail-ownership-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.nft-detail-ownership-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.nft-detail-ownership-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px}.nft-detail-ownership-icon.claimed{background:#4caf5026;color:#4caf50}.nft-detail-ownership-icon.transferred{background:#2196f326;color:#2196f3}.nft-detail-ownership-icon.revoked{background:#f4433626;color:#f44336}.nft-detail-ownership-info{flex:1;display:flex;flex-direction:column;min-width:0}.nft-detail-ownership-action{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);color:var(--text-accent)}.nft-detail-ownership-user{font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nft-detail-ownership-date{font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:var(--text-tertiary);flex-shrink:0}.nft-purchase-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);min-height:300px;text-align:center}.nft-purchase-waiting-spinner{width:56px;height:56px;border:4px solid var(--text-secondary);border-top-color:var(--bg-accent-light);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-xl)}.nft-purchase-waiting-title{font-family:var(--font-family-primary);font-size:22px;font-weight:var(--font-weight-medium);color:var(--text-accent);margin:0 0 var(--spacing-sm) 0}.nft-purchase-waiting-subtitle{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.nft-purchase-waiting-attempt{font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0}.nft-success-close{position:absolute;top:16px;right:16px;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:none;background:#00000059;border-radius:50%;font-size:20px;line-height:1;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s ease;flex-shrink:0}.nft-success-close:hover{background:#00000080}.nft-success-close-icon{display:block;transform:translateY(2px)}.nft-purchase-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px 32px;min-height:calc(100vh - 80px);text-align:center;position:relative}.nft-success-icon-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.nft-success-animation{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;pointer-events:none;z-index:9999;mix-blend-mode:screen}.nft-success-icon-circle{position:relative;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#9b59b6,#6f3db4,#ec005f);display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px #ffffffb3,0 0 48px #fff6,0 4px 20px #9b59b666;z-index:1}.nft-success-icon-img{width:36px;height:36px;object-fit:contain}.nft-success-pill{display:inline-block;padding:8px 20px;background:#fff;border-radius:100px;font-family:var(--font-family-primary);font-size:15px;font-weight:var(--font-weight-medium);color:#191919;margin-bottom:24px}.nft-success-card{display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#342747,#1e1032);border-radius:16px;padding:12px;transform:rotate(-3deg);box-shadow:0 8px 32px #00000059;margin-bottom:24px;width:220px}.nft-success-card-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.nft-success-card-name{margin-top:10px;font-family:var(--font-family-primary);font-size:15px;font-weight:var(--font-weight-medium);color:var(--text-accent)}.nft-purchase-success-subtitle{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:#fff;margin:0 0 28px;max-width:280px;line-height:1.5}.nft-purchase-success .nft-detail-btn{width:100%;max-width:320px}.nft-purchase-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);min-height:300px;text-align:center}.nft-purchase-error-icon{width:64px;height:64px;border-radius:50%;background:#f4433626;color:#f44336;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin-bottom:var(--spacing-xl)}.nft-purchase-error-title{font-family:var(--font-family-primary);font-size:22px;font-weight:var(--font-weight-medium);color:var(--text-accent);margin:0 0 var(--spacing-sm) 0}.nft-purchase-error-subtitle{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0}.nft-purchase-error .nft-detail-btn+.nft-detail-btn{margin-top:var(--spacing-sm)}@media (max-width: 480px){.nft-detail-modal{gap:var(--spacing-md)}.nft-detail-title,.nft-detail-price{font-size:var(--font-size-l)}.nft-detail-btn{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-m)}}.drops-page{min-height:100vh;background:var(--bg-primary);padding:12px 12px 80px}.drops-tabs-sticky{position:sticky;top:calc(12px + env(safe-area-inset-top,0px));z-index:100;margin:0 -12px;padding:0 12px 16px}.drops-tabs{display:flex;background:#1e1032e5;border-radius:100px;padding:4px;gap:4px;height:40px}.drops-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 var(--spacing-md);border:none;border-radius:100px;background:#1e1032e5;color:#fff;font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:32px}.drops-tab.active{background:#52406cf2;color:var(--text-accent);box-shadow:0 2px 8px #00000040}.tab-count{background:linear-gradient(90deg,#ec005f,#fff 93.1%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-s);font-weight:700;line-height:1.4}.drops-tab:not(.active) .tab-count{background:linear-gradient(90deg,#ec005f,#fff 93.1%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.drops-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;padding:4px 0}.drops-header-title{font-family:var(--font-family-primary);font-size:18px;font-weight:700;color:var(--text-accent);margin:0}.drops-chance-badge{background:#ec004f;color:#fff;font-family:var(--font-family-primary);font-size:18px;font-weight:700;padding:3px 12px;border-radius:8px;flex-shrink:0}.drops-action-buttons{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap;justify-content:center}.drops-action-wrap{position:relative;border:1px solid #fff;border-radius:8px}.drops-action-btn{display:flex;align-items:center;gap:4px;width:143px;height:24px;padding:4px 8px;border:none;border-radius:8px;background:var(--bg-secondary);color:var(--text-accent);font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap;box-sizing:border-box;opacity:1}.drops-action-btn:hover{background:var(--bg-linear-dark)}.action-btn-icon{width:16px;height:16px;flex-shrink:0}.action-btn-icon img{width:100%;height:100%;object-fit:contain}.drops-tooltip-overlay{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:flex-start;padding-top:0;background:#0006}.drops-tooltip.drops-tooltip--below{position:fixed;left:50%;transform:translate(-50%);width:280px;max-width:calc(100vw - 32px);background:#f0ecf4;border-radius:14px;padding:14px 16px;box-shadow:0 4px 20px #00000040}.drops-tooltip-arrow{position:absolute;top:-6px;width:12px;height:12px;background:#f0ecf4;pointer-events:none}.drops-tooltip-arrow.drops-tooltip-arrow--up{transform:translate(-50%) rotate(45deg);box-shadow:2px 2px 4px #00000014}.drops-tooltip p{margin:0;font-family:var(--font-family-primary);font-size:14px;font-weight:600;line-height:1.4;color:#1e1032}.drops-timer-section{background:#1e1032e5;border-radius:20px;padding:20px 16px 16px;margin-bottom:8px;text-align:left}.timer-title{font-family:var(--font-family-primary);font-size:18px;font-weight:600;color:var(--text-accent);margin:0 0 14px}.countdown-box{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;padding:14px 8px;margin-bottom:12px}.countdown-row{display:flex;align-items:flex-start;justify-content:center;flex-wrap:nowrap;gap:0}.countdown-days-wrap{margin-right:36px}.countdown-box .time-block{display:flex;flex-direction:column;align-items:center;flex:1}.countdown-box .time-value{font-family:var(--font-family-primary);font-size:44px;font-weight:700;color:#1a1a2e;line-height:1;font-variant-numeric:tabular-nums}.countdown-box .time-label{font-family:var(--font-family-primary);font-size:11px;font-weight:500;color:#666;margin-top:4px;text-transform:lowercase}.time-sep{font-size:38px;font-weight:700;color:#1a1a2e;line-height:1;padding:0 4px;margin-top:2px}.timer-note{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-secondary);margin:0}.drops-timer-waiting-card{display:flex;align-items:center;gap:16px;background:#fff;border-radius:18px;padding:16px 20px;margin-bottom:20px;text-align:left}.drops-timer-waiting-icon{width:24px;height:24px;flex-shrink:0}.drops-timer-waiting-text{display:flex;flex-direction:column;gap:4px}.drops-timer-waiting-title{font-family:var(--font-family-primary);font-size:15px;line-height:15px;font-weight:700;color:#1a1a2e;margin:0}.drops-timer-waiting-note{font-family:var(--font-family-primary);font-size:13px;font-weight:400;color:var(--text-secondary);margin:0}.promo-code-section{background:#1e1032e5;border-radius:20px;padding:18px 16px;margin-bottom:14px}.promo-title{font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:600;color:var(--text-accent);margin:0 0 14px;text-align:center}.promo-form{display:flex;gap:8px}.promo-input{flex:1;padding:12px 16px;border:1.5px solid rgba(255,255,255,.12);border-radius:12px;font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);color:var(--text-accent);background:var(--bg-linear-dark);text-transform:uppercase;transition:border-color .2s ease;min-width:0}.promo-input:focus{outline:none;border-color:#ffffff59}.promo-input::placeholder{text-transform:none;color:var(--text-secondary)}.promo-btn{white-space:nowrap;flex-shrink:0}.promo-error{margin-top:10px;padding:10px 14px;background:#ec005f1f;border-radius:10px;font-family:var(--font-family-primary);font-size:var(--font-size-s);color:#ec004f}.promo-success{margin-top:10px;padding:10px 14px;background:#4caf5026;border-radius:10px;font-family:var(--font-family-primary);font-size:var(--font-size-s);color:#4caf50}.tier-drop-card{border-radius:20px;padding:16px;margin-bottom:14px;overflow:hidden}.tier-drop-card--waiting{opacity:.35;filter:saturate(.4) brightness(.85)}.tier-drop-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tier-drop-title{font-family:var(--font-family-primary);font-size:18px;font-weight:700;color:#fff;margin:0;flex-shrink:0}.tier-status-chip{font-variant-numeric:tabular-nums}.tier-prizes-scroll-wrap{overflow-x:auto;margin:0 -16px 12px;padding:0 16px;scrollbar-width:none;-ms-overflow-style:none}.tier-prizes-scroll-wrap::-webkit-scrollbar{display:none}.tier-prizes-scroll{display:flex;gap:8px;padding-bottom:4px}.tier-prize-wrap{flex-shrink:0;width:72px;height:68px;border-radius:14px;background:linear-gradient(90deg,#6f3db4 8.71%,#ee1b70 70.47%,#fccc76 116.07%);display:flex;align-items:center;justify-content:center;padding:6px;box-sizing:border-box}.tier-prize-img{width:52px;height:48px;object-fit:contain;border-radius:8px}.tier-stats-row{display:flex;gap:8px;flex-wrap:wrap}.tier-stat-badge{background:#ffffffeb;color:#1a1a2e;font-family:var(--font-family-primary);font-size:13px;font-weight:600;padding:4px 14px;border-radius:8px;white-space:nowrap}.tier-buy-section{display:flex;flex-direction:column;align-items:stretch;gap:10px}.tier-buy-text{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:#000;margin:0;text-align:left;line-height:1.4}.tier-buy-btn{width:100%;padding:13px;background:#fff;color:#6b3db4;border:none;border-radius:20px;font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.tier-buy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0003}.drops-loading{height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center}.drops-spinner{width:48px;height:48px;border:4px solid var(--text-secondary);border-top-color:var(--bg-accent-light);border-radius:50%;animation:drops-spin 1s linear infinite}@keyframes drops-spin{to{transform:rotate(360deg)}}.claimed-prizes-tab{min-height:200px}.claimed-prizes-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.claimed-prize-card{display:flex;align-items:center;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-xl);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #00000014}.claimed-prize-card:active{transform:scale(.98)}.claimed-prize-image{width:64px;height:64px;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(90deg,#6f3db4 8.71%,#ee1b70 70.47%,#fccc76 116.07%);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--spacing-md);padding:6px;box-sizing:border-box}.claimed-prize-image .claimed-prize-img{width:48px;height:48px;object-fit:contain}.claimed-prize-placeholder{font-size:28px;opacity:.9}.claimed-prize-info{flex:1;min-width:0}.claimed-prize-title{font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--text-accent);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.claimed-prize-desc{font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:var(--text-secondary);margin:0 0 var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.claimed-prize-meta-row{display:flex;align-items:center;gap:var(--spacing-sm)}.claimed-prize-type{font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:var(--text-tertiary)}.claimed-prize-status{font-family:var(--font-family-primary);font-size:10px;font-weight:var(--font-weight-medium);padding:2px var(--spacing-sm);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.3px}.claimed-prize-status.claim_requested{background:#ff980026;color:#ff9800}.claimed-prize-status.issued{background:#4caf5026;color:#4caf50}.claimed-prize-date{font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:var(--text-tertiary);margin:2px 0 0}.claimed-prize-arrow{font-size:24px;color:var(--text-tertiary);margin-left:var(--spacing-sm);flex-shrink:0}.claimed-prizes-empty{text-align:center;padding:48px var(--spacing-xl)}.claimed-prizes-empty-icon{font-size:56px;margin-bottom:var(--spacing-md);opacity:.5}.claimed-prizes-empty-title{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0 0 var(--spacing-sm)}.claimed-prizes-empty-text{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-secondary);margin:0;line-height:1.5}@media (max-width: 480px){.drops-page{padding:10px 10px 80px}.countdown-box .time-value{font-size:36px}.countdown-days{font-size:26px}}@media (max-width: 360px){.countdown-box .time-value{font-size:30px}.countdown-days{font-size:22px}.time-sep{font-size:28px}.tier-stat-badge{font-size:12px;padding:5px 11px}}.page-header{display:flex;align-items:center;gap:var(--spacing-md);padding:0;background:transparent;height:44px;margin-bottom:var(--spacing-lg)}.page-header-back-button{display:flex!important;align-items:center;justify-content:center;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;background:none!important;border:none!important;border-radius:var(--radius-full)!important;color:var(--text-accent)!important;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0!important}.page-header-back-button img{width:24px;height:24px;display:block;object-fit:contain}.page-header-back-button:hover{background:transparent!important;opacity:.8;transform:translate(-2px);border-color:transparent!important}.page-header-back-button:active{background:transparent!important;opacity:.6}.page-header-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-l);line-height:var(--line-height-default);color:var(--text-accent);margin:0 36px 0 0;flex:1;text-align:center;padding-right:var(--spacing-sm)}.page-header-title--no-back{margin-right:0}@media (max-width: 480px){.page-header{padding:0;height:40px}}.prize-page{min-height:100vh;background:var(--bg-primary);padding:0 var(--spacing-lg) 100px}.prize-page-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.prize-page-spinner{width:48px;height:48px;border:4px solid var(--text-secondary);border-top-color:var(--bg-accent-light);border-radius:50%;animation:prize-spin 1s linear infinite}@keyframes prize-spin{to{transform:rotate(360deg)}}.prize-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}.prize-page-back-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:none;color:var(--text-accent);border:none;border-radius:var(--radius-xl);font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);cursor:pointer}.prize-page-back-btn .prize-page-back-btn-icon{width:20px;height:20px}.prize-page-gradient-block{background:linear-gradient(90deg,#6f3db4 8.71%,#ee1b70 70.47%,#fccc76 116.07%);border-radius:var(--radius-xl);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;max-width:320px;margin:0 auto var(--spacing-lg);box-sizing:border-box}.prize-page-name{font-family:var(--font-family-primary);font-size:22px;font-weight:var(--font-weight-medium);color:#fff;margin:0 0 var(--spacing-md) 0;text-align:center}.prize-page-image-wrap{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0}.prize-page-image{max-width:220px;max-height:220px;width:auto;height:auto;object-fit:contain}.prize-page-image-placeholder{width:120px;height:120px;display:flex;align-items:center;justify-content:center;font-size:64px;opacity:.9}.prize-page-instruction{font-family:var(--font-family-primary);font-size:13px;color:#fff;text-align:center;line-height:1.5;margin:0 0 var(--spacing-xl) 0;padding:0 var(--spacing-sm)}.prize-page-certificate-instruction{font-family:var(--font-family-primary);font-size:13px;color:#fff;text-align:center;line-height:1.5;margin:0 0 var(--spacing-lg) 0;padding:0 var(--spacing-sm)}.prize-page-certificate-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.prize-page-certificate-code{font-family:var(--font-family-primary);font-size:22px;font-weight:var(--font-weight-medium);background:linear-gradient(90deg,#ec005f,#fff 93.1%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.05em}.prize-page-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin-top:-4px;background:transparent;color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity .2s ease,background .2s ease}.prize-page-copy-btn:hover{opacity:.9;background:#ffffff1a}.prize-page-copy-btn:active{opacity:.8}.prize-page-copy-check{font-size:20px;color:#4ade80}.prize-page-cta-btn{display:block;width:100%;max-width:320px;margin:50px auto 0;padding:var(--spacing-md) var(--spacing-xl);background:#fff;color:#6f3db4;border:none;border-radius:var(--radius-xl);font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity .2s ease}.prize-page-cta-btn:active{opacity:.9}.claim-reward-page{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;padding-bottom:var(--spacing-xl);padding-top:0!important}.claim-reward-header{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);text-align:center}.claim-reward-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:28px;line-height:1.2;color:var(--text-accent);margin:0 0 var(--spacing-sm) 0}.claim-reward-subtitle{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);line-height:1.5;color:var(--text-accent);margin:0}.claim-reward-free-badge{display:inline-block;margin-top:var(--spacing-xs);padding:4px var(--spacing-md);background:#ec005f;color:var(--text-accent);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);line-height:1.3;border-radius:var(--radius-md);transform:rotate(-4deg)}.claim-tooltip-wrapper{position:relative;display:flex;justify-content:center;margin-top:var(--spacing-lg)}.claim-tooltip-trigger{display:inline-flex;align-items:center;gap:4px;width:222px;height:24px;padding:4px 8px;background:transparent;border:1px solid #FFFFFF;border-radius:8px;color:var(--text-accent);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);line-height:1;cursor:pointer;transition:opacity .2s ease;box-sizing:border-box}.claim-tooltip-trigger:hover{opacity:.8}.claim-tooltip-icon{width:16px;height:16px;flex-shrink:0}.claim-tooltip-text{white-space:nowrap;color:#fff;font-size:13px}.claim-tooltip-bubble{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);width:280px;padding:14px 16px;background:var(--text-accent);color:#000;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:13px;line-height:1.25;text-align:left;border-radius:var(--radius-lg);z-index:100;box-shadow:0 4px 20px #0000004d}.claim-tooltip-arrow{position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--text-accent)}.claim-reward-progress-section{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);background:#1e1032e6;border-radius:var(--radius-2xl);margin:0 var(--spacing-lg) var(--spacing-lg)}.claim-reward-progress-section .progress-top-row{display:flex;justify-content:space-between;align-items:center}.claim-reward-progress-section .progress-top-label{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:#9689a7}.claim-reward-progress-section .progress-top-value{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);color:var(--text-accent)}.claim-reward-progress-section .progress-top-total{color:#ffffff73;font-size:var(--font-size-xs)}.claim-reward-progress-section .progress-bar-container{display:flex;flex-direction:column}.claim-reward-progress-section .progress-bar-horizontal{width:100%;height:10px;background:#ffffff26;border-radius:var(--radius-md);overflow:hidden;position:relative}.claim-reward-progress-section .progress-bar-fill{height:100%;background:linear-gradient(90.33deg,#6a06ec .28%,#fff 99.72%);border-radius:var(--radius-md);transition:width .5s ease}.claim-reward-loading{flex:1;display:flex;align-items:center;justify-content:center}.claim-reward-spinner{width:48px;height:48px;border:4px solid var(--text-secondary);border-top-color:var(--bg-accent-light);border-radius:50%;animation:spin 1s linear infinite}.nft-catalog{flex:1;padding:0 var(--spacing-lg) calc(var(--spacing-xl) + 140px)}.nft-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:0}.nft-grid:not(.nft-grid--catalog) .reward-nft-card{width:calc((100% - 2 * var(--spacing-sm)) / 3);min-width:0}.nft-grid:not(.nft-grid--catalog) .reward-nft-card:nth-child(n+4){width:calc((100% - var(--spacing-sm)) / 2)}.nft-grid--catalog .reward-nft-card{width:calc((100% - 2 * var(--spacing-sm)) / 3);min-width:0}.nft-empty-state{display:flex;align-items:center;justify-content:center;padding:60px var(--spacing-xl);text-align:center}.nft-empty-state p{color:var(--text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-m)}.reward-nft-card{background:#1e1032e6;border-radius:var(--radius-xl);overflow:hidden;transition:all .2s ease;cursor:pointer;margin:0;position:relative}.reward-nft-card:hover{transform:translateY(-2px)}.reward-nft-card:active{transform:translateY(0)}.reward-nft-card.selected{border:2px solid transparent;background:linear-gradient(#1e1032e6,#1e1032e6) padding-box,linear-gradient(90deg,#ec005f,#fff 93.1%) border-box}.reward-nft-image-container{position:relative;width:100%;aspect-ratio:1;background:var(--bg-linear-dark)}.reward-nft-image{width:100%;height:100%;object-fit:cover;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.reward-nft-rarity{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-family:var(--font-family-primary);font-size:10px;font-weight:var(--font-weight-medium);text-transform:uppercase}.rarity-common{background:var(--bg-linear-light);color:var(--text-accent)}.rarity-rare{background:#2196f3e6;color:var(--text-accent)}.rarity-epic{background:#9c27b0e6;color:var(--text-accent)}.rarity-legendary{background:linear-gradient(135deg,gold,orange);color:var(--text-primary)}.reward-nft-checkbox{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:20px;height:20px;border-radius:100px;background:#1e1032e5;border:1px solid #9689A7;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:5}.reward-nft-checkbox.checked{background:linear-gradient(90deg,#6f3db4 8.71%,#ee1b70 70.47%,#fccc76 116.07%);border:1px solid #FFFFFF}.reward-nft-checkbox-dot{width:10px;height:10px;border-radius:50%;background:#fff}.reward-nft-info{padding:6px var(--spacing-md);margin:0}.reward-nft-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:13px;line-height:1.3;color:var(--text-accent);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reward-nft-collection{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);line-height:1.3;color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reward-nft-price{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);color:var(--text-accent)}.reward-nft-price.free{color:#4caf50}.show-more-btn{width:100%;padding:14px var(--spacing-xl);background:var(--text-accent);color:#5910a5;border:none;border-radius:var(--radius-full);font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.show-more-btn:before{display:none}.show-more-btn:hover{opacity:.9}.show-more-btn:active{transform:translateY(1px)}.claim-reward-bottom-bar{position:fixed;bottom:0;left:0;right:0;padding:var(--spacing-lg) var(--spacing-lg) calc(var(--spacing-2xl) + env(safe-area-inset-bottom,0));display:flex;flex-direction:column;gap:var(--spacing-xs);background:linear-gradient(to top,var(--bg-primary) 60%,transparent);z-index:50}.claim-reward-btn{width:100%;font-size:var(--font-size-l);box-shadow:0 4px 16px #6f3db466}.claim-reward-btn:hover{box-shadow:0 6px 20px #6f3db480}@media (max-width: 480px){.claim-reward-header{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md)}.claim-reward-title{font-size:24px}.claim-reward-subtitle{font-size:var(--font-size-s)}.claim-reward-progress-section{margin:0 var(--spacing-md) var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-sm)}.claim-reward-progress-section .progress-bar-horizontal{height:8px}.nft-catalog{padding:0 var(--spacing-md) calc(var(--spacing-xl) + 140px)}.claim-reward-bottom-bar{padding:var(--spacing-lg) var(--spacing-md) calc(var(--spacing-2xl) + env(safe-area-inset-bottom,0))}.nft-grid{gap:var(--spacing-sm)}.reward-nft-info{padding:6px 10px}.reward-nft-title{font-size:13px}.reward-nft-collection{font-size:var(--font-size-xs)}.claim-reward-btn{font-size:var(--font-size-m);padding:14px var(--spacing-xl)}}.sbp-linking-page{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.sbp-linking-header{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);border-bottom:none}.sbp-linking-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-l);color:var(--text-accent);margin:0}.sbp-linking-content{flex:1;display:flex;flex-direction:column;padding:24px var(--spacing-xl);gap:var(--spacing-lg)}.sbp-linking-description{font-family:var(--font-family-primary);font-size:var(--font-size-m);line-height:1.5;color:var(--text-secondary);margin:0;text-align:center}.sbp-input-group{width:100%;display:flex;flex-direction:column;gap:4px}.sbp-input-label{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.sbp-phone-input{width:100%;height:44px;padding:12px 16px;border:1px solid #9689A7;border-radius:12px;font-family:var(--font-family-primary);font-size:16px;font-weight:var(--font-weight-medium);color:var(--text-accent);background:#52406cf2;transition:all .2s ease;box-sizing:border-box}.sbp-phone-input:focus{outline:none;border-color:var(--bg-accent-light);box-shadow:0 0 0 3px #ec005f1a}.sbp-phone-input::placeholder{color:var(--text-tertiary)}.sbp-phone-input:disabled{background:var(--bg-linear-dark);color:var(--text-secondary)}.sbp-phone-input-error{border-color:var(--bg-accent-light)}.sbp-phone-input-error:focus{border-color:var(--bg-accent-light);box-shadow:0 0 0 3px #ec005f1a}.sbp-input-error{font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:var(--bg-accent-light);text-align:center}.sbp-bank-section{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm);padding-bottom:150px}.sbp-bank-search-wrapper{position:relative}.sbp-bank-search{width:100%;padding:12px var(--spacing-lg);border:2px solid var(--bg-linear-light);border-radius:var(--radius-lg);font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-accent);background:var(--bg-secondary);transition:all .2s ease;box-sizing:border-box}.sbp-bank-search:focus{outline:none;border-color:var(--bg-accent-light);box-shadow:0 0 0 3px #ec005f1a}.sbp-bank-search::placeholder{color:var(--text-tertiary)}.sbp-bank-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) 0;color:var(--text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-s)}.sbp-bank-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sbp-bank-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#1e1032e6;border:1px solid transparent;border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease;position:relative}.sbp-bank-item:hover{background:#281840e6}.sbp-bank-item.selected{border-color:transparent}.sbp-bank-item.selected:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(90deg,#ec005f,#fff 93.1%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.sbp-bank-info{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.sbp-bank-logo{width:36px;height:36px;border-radius:var(--radius-md);object-fit:contain;flex-shrink:0;background:#fff}.sbp-bank-name{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--text-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbp-bank-radio{position:absolute;opacity:0;pointer-events:none}.sbp-bank-radio-custom{width:20px;height:20px;border-radius:100px;background:#1e1032e5;border:1px solid #9689A7;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.sbp-bank-item.selected .sbp-bank-radio-custom{background:linear-gradient(90deg,#6f3db4 8.71%,#ee1b70 70.47%,#fccc76 116.07%);border:1px solid #FFFFFF}.sbp-bank-radio-dot{width:10px;height:10px;border-radius:50%;background:#fff}.sbp-bank-show-more{display:flex;align-items:center;justify-content:center;width:100%;padding:12px var(--spacing-md);background:transparent;border:2px dashed var(--bg-linear-light);border-radius:var(--radius-lg);color:var(--text-accent);font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.sbp-bank-show-more:hover{background:var(--bg-linear-dark);border-color:var(--text-secondary)}.sbp-bank-show-more:active{transform:scale(.98)}.sbp-bank-empty{padding:var(--spacing-xl) 0;text-align:center;font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-tertiary)}.sbp-form-actions{position:fixed;bottom:0;left:0;right:0;padding:var(--spacing-lg) var(--spacing-xl);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px));background:#6c5293;z-index:10;display:flex;flex-direction:column;gap:0}.sbp-form-actions-keyboard{position:static;z-index:auto}.sbp-submit-button{width:100%;box-shadow:0 2px 8px #6f3db44d;margin-top:var(--spacing-md)}.sbp-submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6f3db466}.sbp-submit-button:active:not(:disabled){transform:translateY(0)}.sbp-back-button-secondary{width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:transparent;color:var(--text-accent);border:2px solid var(--bg-linear-light);border-radius:var(--radius-full);font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-md)}.sbp-back-button-secondary:hover{background:var(--bg-linear-dark);border-color:var(--text-secondary)}.sbp-back-button-secondary:active{transform:scale(.98)}.sbp-linking-status-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xl);width:100%;flex:1}.sbp-progress-spinner{width:48px;height:48px;border:4px solid var(--text-secondary);border-top-color:var(--bg-accent-light);border-radius:50%;animation:sbp-spin 1s linear infinite}@keyframes sbp-spin{to{transform:rotate(360deg)}}.sbp-progress-text{font-family:var(--font-family-primary);font-size:var(--font-size-m);color:var(--text-secondary);text-align:center;margin:0}.sbp-progress-subtext{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-tertiary);text-align:center;margin:-12px 0 0}.sbp-success-icon{margin-bottom:var(--spacing-sm)}.sbp-success-text{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);color:var(--text-accent);text-align:center;margin:0}.sbp-success-description{font-family:var(--font-family-primary);font-size:var(--font-size-m);color:var(--text-secondary);text-align:center;margin:0}.sbp-error-icon{margin-bottom:var(--spacing-sm)}.sbp-error-text{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);color:var(--text-accent);text-align:center;margin:0}.sbp-error-description{font-family:var(--font-family-primary);font-size:var(--font-size-m);color:var(--text-secondary);text-align:center;margin:0}.sbp-code-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding-top:20px;width:100%}.sbp-code-title{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);color:var(--text-accent);text-align:center;margin:0}.sbp-code-description{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-secondary);text-align:center;margin:0;line-height:1.5}.sbp-code-phone{font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);color:#fff;text-align:center;margin:0}.sbp-code-input-group{width:100%;display:flex;justify-content:center;gap:8px}.sbp-code-digit-wrapper{position:relative;width:48px;height:48px;border-radius:12px;border:1px solid #9689A7;transition:all .2s ease}.sbp-code-digit-wrapper:focus-within{border-color:transparent}.sbp-code-digit-wrapper:focus-within:before{content:"";position:absolute;inset:-1px;border-radius:12px;padding:1px;background:linear-gradient(90deg,#ec005f,#fff 93.1%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.sbp-code-digit-wrapper.sbp-code-digit-error{border-color:#ef4444}.sbp-code-digit{width:100%;height:100%;border:none;border-radius:12px;font-family:var(--font-family-primary);font-size:18px;font-weight:var(--font-weight-medium);color:var(--text-accent);background:#52406cf2;text-align:center;box-sizing:border-box;caret-color:var(--text-accent)}.sbp-code-digit:focus{outline:none}.sbp-code-error{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:#ef4444;text-align:center;margin:0}.sbp-code-attempts{font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:#f59e0b;text-align:center;margin:0}.sbp-code-resend{display:flex;justify-content:center;margin-top:50px;margin-bottom:calc(-1 * var(--spacing-md))}.sbp-code-resend-timer{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-tertiary);text-align:center}.sbp-code-resend-button{background:none;border:none;padding:0;font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--bg-accent-light);cursor:pointer;text-decoration:underline;transition:opacity .2s ease}.sbp-code-resend-button:hover{opacity:.8}.sbp-code-resend-button:active{opacity:.6}.sbp-code-locked{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) 0}.sbp-code-locked-icon{margin-bottom:var(--spacing-xs)}.sbp-code-locked-text{font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);color:#ef4444;text-align:center;margin:0}.sbp-code-locked-timer{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-secondary);text-align:center;margin:0}@media (max-width: 480px){.sbp-linking-content{padding:16px var(--spacing-lg)}.sbp-linking-description{font-size:var(--font-size-s)}.sbp-phone-input{font-size:16px}.sbp-bank-item{padding:12px}.sbp-bank-logo{width:32px;height:32px}.sbp-code-digit-wrapper{width:44px;height:44px}.sbp-code-digit{font-size:16px}}.roadmap-page{min-height:100vh;background:var(--bg-primary);padding:var(--spacing-md);padding-top:var(--spacing-md)!important;padding-bottom:100px}.roadmap-loading{height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center}.rm-user-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-lg) 16px;margin-bottom:var(--spacing-lg)}.rm-user-row{display:flex;align-items:center;gap:var(--spacing-lg)}.rm-user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.rm-user-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.rm-user-title{font-family:var(--font-family-primary);font-size:15px;font-weight:var(--font-weight-medium);color:#000;line-height:1.2}.rm-user-subtitle{font-family:var(--font-family-primary);font-size:13px;font-weight:var(--font-weight-medium);color:#9689a7;line-height:1.4}.rm-card{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:0 2px 12px #0000001a}.rm-card--active{border:none}.rm-card--pending,.rm-card--completed{border:1px solid transparent}.rm-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.rm-card--completed>.rm-card-header{margin-bottom:0}.rm-card--completed>.rm-card-body{margin-top:var(--spacing-md)}.rm-card-header--clickable{cursor:pointer;-webkit-tap-highlight-color:transparent}.rm-card-header-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.rm-chevron{display:inline-block;width:20px;height:20px;position:relative;flex-shrink:0;transition:transform .3s ease}.rm-chevron:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:translate(-50%,-65%) rotate(45deg);transition:transform .3s ease}.rm-chevron--open:before{transform:translate(-50%,-35%) rotate(-135deg)}.rm-card-title{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);color:var(--text-accent);margin:0}.rm-badge{padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.rm-badge--active{background:#ebffed;color:#138e13}.rm-badge--completed{background:#fff;color:#191919}.rm-badge--pending{background:#fff5cb;color:#e26708}.rm-card-desc{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:1.6;color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.rm-benefits-block{background:#5e477e;border-radius:var(--radius-xl);padding:var(--spacing-xl)}.rm-benefit-highlight{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--spacing-lg)}.rm-benefit-highlight-text{font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);color:var(--text-accent);line-height:1.4}.rm-benefit-highlight-badge{display:inline-block;margin-top:var(--spacing-xs);padding:4px var(--spacing-md);background:#ec005f;color:var(--text-accent);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);line-height:1.3;border-radius:var(--radius-md);transform:rotate(-2deg)}.rm-benefits-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.rm-benefit-row{display:flex;align-items:center;gap:var(--spacing-md)}.rm-benefit-icon-wrap{width:32px;height:32px;border-radius:8px;padding:10px;background:#342747;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rm-benefit-icon-img{width:24px;height:24px;object-fit:contain}.rm-benefit-text{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--text-accent);line-height:1.4}.drops-timer-section{background:#1e1032e5;border-radius:20px;padding:20px 16px 16px;margin-bottom:var(--spacing-lg);text-align:left}.drops-timer-section .timer-title{font-family:var(--font-family-primary);font-size:18px;font-weight:600;color:var(--text-accent);margin:0 0 14px}.drops-timer-section .countdown-box{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;padding:14px 8px;margin-bottom:12px}.drops-timer-section .countdown-row{display:flex;align-items:flex-start;justify-content:center;flex-wrap:nowrap;gap:0}.drops-timer-section .countdown-days-wrap{margin-right:36px}.drops-timer-section .countdown-box .time-block{display:flex;flex-direction:column;align-items:center;flex:1}.drops-timer-section .countdown-box .time-value{font-family:var(--font-family-primary);font-size:44px;font-weight:700;color:#1a1a2e;line-height:1;font-variant-numeric:tabular-nums}.drops-timer-section .countdown-box .time-label{font-family:var(--font-family-primary);font-size:11px;font-weight:500;color:#666;margin-top:4px;text-transform:lowercase}.drops-timer-section .time-sep{font-size:38px;font-weight:700;color:#1a1a2e;line-height:1;padding:0 4px;margin-top:2px}.drops-timer-section .timer-note{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-secondary);margin:0}.rm-features-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.rm-feature-row{display:flex;align-items:center;gap:var(--spacing-md)}.rm-icon-wrap{width:32px;height:32px;background:#5e477e;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.rm-feature-icon{width:24px;height:24px;object-fit:contain}.rm-feature-text{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--text-accent);line-height:1.4}.rm-progress-section{margin-bottom:var(--spacing-lg)}.rm-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.rm-progress-label{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.rm-progress-value{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);color:var(--text-accent)}.rm-progress-total{font-size:var(--font-size-xs);color:var(--text-secondary)}.rm-progress-bar{width:100%;height:10px;background:#ffffff26;border-radius:var(--radius-md);overflow:hidden}.rm-progress-fill{height:100%;background:linear-gradient(90deg,#ec005f,#fff 93.1%);border-radius:var(--radius-md);transition:width .5s ease}.rm-speed-btn{display:block;width:100%;margin-bottom:var(--spacing-xl);border-radius:var(--radius-full);font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity .2s ease}.rm-granite-features{display:flex;flex-direction:column;gap:var(--spacing-lg)}.rm-granite-feature{display:flex;align-items:flex-start;gap:var(--spacing-md)}.rm-granite-icon{width:24px;height:24px;object-fit:contain}.rm-granite-feature-text{display:flex;flex-direction:column;gap:2px}.rm-granite-feature-title{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--text-accent);line-height:1.4}.rm-granite-feature-desc{font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);line-height:1.4}@media (max-width: 480px){.roadmap-page{padding:var(--spacing-md)}.rm-card{padding:var(--spacing-lg)}.rm-card-title{font-size:var(--font-size-m)}.drops-timer-section .countdown-box .time-value{font-size:36px}}@media (max-width: 360px){.rm-card-title{font-size:var(--font-size-s)}.drops-timer-section .countdown-box .time-value{font-size:30px}.drops-timer-section .time-sep{font-size:28px}}.whitelist-page{min-height:100vh;background:var(--bg-primary);padding:var(--spacing-md);padding-top:var(--spacing-md)!important;padding-bottom:100px}.whitelist-loading{height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center}.whitelist-spinner{width:48px;height:48px;border:4px solid var(--text-secondary);border-top-color:var(--bg-accent-light);border-radius:50%;animation:whitelist-spin 1s linear infinite}@keyframes whitelist-spin{to{transform:rotate(360deg)}}.whitelist-nft-progress-section{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);background:#1e1032e6;border-radius:var(--radius-2xl);margin-bottom:var(--spacing-xl)}.whitelist-nft-progress-section .progress-top-row{display:flex;justify-content:space-between;align-items:center}.whitelist-nft-progress-section .progress-top-label{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:#9689a7}.whitelist-nft-progress-section .progress-top-value{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);color:var(--text-accent)}.whitelist-nft-progress-section .progress-top-total{color:#ffffff73;font-size:var(--font-size-xs)}.whitelist-nft-progress-section .progress-bar-container{display:flex;flex-direction:column}.whitelist-nft-progress-section .progress-bar-horizontal{width:100%;height:10px;background:#ffffff26;border-radius:var(--radius-md);overflow:hidden;position:relative}.whitelist-nft-progress-section .progress-bar-fill{height:100%;background:linear-gradient(90.33deg,#6a06ec .28%,#fff 99.72%);border-radius:var(--radius-md);transition:width .5s ease}.whitelist-nft-progress-section .progress-whitelist-note{font-family:var(--font-family-primary);font-size:13px;font-weight:var(--font-weight-medium);color:#fff}.whitelist-nft-progress-section .progress-bottom-note-link{color:var(--text-accent, #CE93D8);text-decoration:underline;text-underline-offset:2px}.whitelist-card{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:0 2px 12px #0000001a}.card-title{font-family:var(--font-family-primary);font-size:15px;font-weight:var(--font-weight-medium);color:var(--text-accent);margin:0 0 var(--spacing-md) 0}.card-subtitle{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);color:var(--text-accent);margin:0 0 var(--spacing-md) 0}.card-text{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:1.6;color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.combined-card{background:#342747}.info-benefits-block{background:#5e477e;border-radius:var(--radius-xl);padding:var(--spacing-xl)}.benefit-highlight{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--spacing-lg)}.benefit-highlight-text{font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);color:var(--text-accent);line-height:1.4}.benefit-highlight-badge{display:inline-block;margin-top:var(--spacing-xs);padding:4px var(--spacing-md);background:#ec005f;color:var(--text-accent);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);line-height:1.3;border-radius:var(--radius-md);transform:rotate(-2deg)}.benefits-icons-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.benefit-icon-row{display:flex;align-items:center;gap:var(--spacing-md)}.benefit-icon-wrap{width:32px;height:32px;border-radius:8px;padding:10px;background:#342747;display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:10px}.benefit-icon-img{width:24px;height:24px;object-fit:contain}.benefit-icon-text{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--text-accent);line-height:1.4}.status-card-inner{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.status-card-row{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.status-card-nft-image{width:60px;height:60px;border-radius:var(--radius-xl);object-fit:cover;flex-shrink:0}.status-card-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.status-card-title{font-family:var(--font-family-primary);font-size:15px;font-weight:var(--font-weight-medium);color:#000;line-height:1.2}.status-card-subtitle{font-family:var(--font-family-primary);font-size:13px;font-weight:var(--font-weight-medium);color:#9689a7;line-height:1.4}.status-card-btn{width:100%;border-radius:var(--radius-full);font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.prizes-card{background:var(--bg-secondary)}.prizes-image{width:100%;border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg)}.prizes-learn-more{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;padding:0;font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);color:var(--text-accent);cursor:pointer}.prizes-learn-more-arrow{font-size:20px;line-height:1}@media (max-width: 480px){.whitelist-page{padding:var(--spacing-md)}.whitelist-nft-progress-section{margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-sm)}.whitelist-nft-progress-section .progress-bar-horizontal{height:8px}.whitelist-card{padding:var(--spacing-lg)}.card-title{font-size:15px}.card-subtitle{font-size:var(--font-size-m)}}.settings-page{padding:var(--spacing-xl) var(--spacing-lg);padding-bottom:100px}.settings-page .page-header{margin-bottom:var(--spacing-xl)}.settings-loading{text-align:center;padding:48px var(--spacing-xl);font-family:var(--font-family-primary);font-size:var(--font-size-m);color:var(--text-secondary)}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);line-height:1.3;color:var(--text-secondary);letter-spacing:.5px;margin:0 0 10px var(--spacing-xs)}.settings-card{background:#342747;border:1px solid var(--bg-linear-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 2px 8px #0000001a}.sbp-card{padding:var(--spacing-xl)}.sbp-card.sbp-linked{padding:var(--spacing-xl);background:#342747;border:1px solid var(--bg-linear-light);text-align:left}.sbp-linked-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.sbp-linked-icon{width:24px;height:24px;flex-shrink:0;object-fit:contain;margin-top:-3px}.sbp-linked-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);color:var(--text-accent)}.sbp-linked-desc{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;line-height:1.4}.sbp-linked-details{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;line-height:1.4}.sbp-linked-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm)}.unlink-sbp-modal-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:1.5}.sbp-card.sbp-not-linked{text-align:left;padding:var(--spacing-xl);background:#fff;border:1px solid rgba(0,0,0,.06)}.sbp-empty-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);color:#000;margin:0 0 var(--spacing-sm) 0}.sbp-empty-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);color:#9689a7;margin:0 0 var(--spacing-xl) 0;line-height:1.5}.settings-profile-card,.profile-data-list{padding:0}.profile-data-item{display:flex;justify-content:space-between;align-items:center;padding:14px var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.08);background:transparent;border:none;width:100%;cursor:default;text-align:left}.profile-data-item:last-child{border-bottom:none}.profile-data-item--readonly{cursor:default}.profile-data-item--clickable{cursor:pointer;transition:background .2s ease}.profile-data-item--clickable:hover{background:#ffffff0d}.profile-data-item--clickable:active{background:#ffffff14}.profile-data-label{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);color:var(--text-secondary)}.profile-data-value{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);color:var(--text-accent)}.profile-data-value-wrap{display:flex;align-items:center}.profile-data-arrow{width:16px;height:16px;object-fit:contain;opacity:.6;margin-left:var(--spacing-sm)}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);gap:var(--spacing-md);border-bottom:1px solid var(--bg-linear-light)}.notification-item:last-child{border-bottom:none}.notification-info{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.notification-icon{font-size:24px;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--button-accent);border-radius:var(--radius-lg);flex-shrink:0}.notification-text{display:flex;flex-direction:column;gap:2px;min-width:0}.notification-label{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);line-height:1.3;color:var(--text-accent)}.notification-description{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);line-height:1.3;color:var(--text-secondary)}.toggle-button{position:relative;width:42px;height:22px;padding:0;background:#aea9b5;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background .3s ease;flex-shrink:0}.toggle-button.active{background:var(--bg-accent-light)}.toggle-slider{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-accent);border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 2px #0000004d}.toggle-button.active .toggle-slider{transform:translate(20px)}.settings-edit-modal{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-edit-modal-block{padding:var(--spacing-xl);background:var(--bg-linear-dark);border-radius:var(--radius-xl)}.settings-edit-modal-label{display:block;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);color:var(--text-accent);margin-bottom:var(--spacing-sm)}.settings-edit-modal-input{width:100%;padding:14px var(--spacing-lg);background:var(--bg-linear-light);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);font-family:var(--font-family-primary);font-size:var(--font-size-m);color:var(--text-accent);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.settings-edit-modal-input:focus{outline:none;border-color:var(--bg-accent-light);box-shadow:0 0 0 2px #ec005f26}.settings-edit-modal-input::placeholder{color:var(--text-secondary)}.settings-edit-modal-subtitle{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;line-height:1.5}.settings-edit-modal-hint{display:block;font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:6px}.settings-edit-modal-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.settings-edit-modal-btn{width:100%;padding:14px var(--spacing-xl);border:none;border-radius:var(--radius-full);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);cursor:pointer;transition:all .2s ease}.settings-edit-modal-btn--primary{background:var(--button-accent);color:var(--text-accent);box-shadow:0 4px 16px #6f3db44d}.settings-edit-modal-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6f3db466}.settings-edit-modal-btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-edit-modal-btn--secondary{background:var(--bg-linear-dark);color:var(--text-secondary);border:1px solid var(--bg-linear-light)}.settings-edit-modal-btn--secondary:hover{background:var(--bg-linear-light);color:var(--text-accent)}@media (max-width: 480px){.settings-page{padding:var(--spacing-lg) var(--spacing-md);padding-bottom:100px}.sbp-card{padding:var(--spacing-lg)}.sbp-actions{flex-direction:column}.notification-item{padding:14px}.notification-icon{width:36px;height:36px;font-size:20px;border-radius:10px}.notification-label{font-size:var(--font-size-s)}.notification-description{font-size:var(--font-size-xs)}.toggle-button{width:38px;height:20px}.toggle-slider{width:16px;height:16px}.toggle-button.active .toggle-slider{transform:translate(18px)}}.faq-page{padding:var(--spacing-xl) var(--spacing-lg);padding-bottom:100px}.faq-loading,.faq-error{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-secondary);text-align:center;padding:var(--spacing-xl)}.faq-error{color:#ff6b9d}.faq-section{margin-bottom:var(--spacing-xl)}.faq-section-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);line-height:1.3;color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--bg-secondary);border:1px solid var(--bg-linear-light);border-radius:var(--radius-xl);overflow:hidden}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;background:transparent;border:none;cursor:pointer;gap:var(--spacing-md);text-align:left}.faq-question-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);line-height:1.4;color:var(--text-accent);flex:1}.faq-chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .25s ease}.faq-item.open .faq-chevron{transform:rotate(180deg);color:var(--text-accent)}.faq-answer-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-item.open .faq-answer-wrapper{grid-template-rows:1fr}.faq-answer{overflow:hidden;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);line-height:1.6;color:var(--text-secondary);padding:0 16px}.faq-item.open .faq-answer{padding:0 16px 16px}.faq-link{color:var(--text-accent);text-decoration:underline;text-underline-offset:2px}.faq-footer{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);line-height:1.5;color:var(--text-secondary);text-align:center;padding-top:var(--spacing-md)}.faq-footer-link{color:var(--text-accent);text-decoration:underline;text-underline-offset:3px}@media (max-width: 480px){.faq-page{padding:var(--spacing-lg) var(--spacing-md);padding-bottom:100px}.faq-question{padding:14px}.faq-question-text{font-size:var(--font-size-s)}.faq-answer{font-size:var(--font-size-s);padding:0 14px}.faq-item.open .faq-answer{padding:0 14px 14px}}.transactions-page{padding:var(--spacing-lg) var(--spacing-md);padding-bottom:100px}.transactions-header{display:flex;align-items:center;height:44px;margin-bottom:var(--spacing-xl)}.transactions-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;background:none;border:none;border-radius:var(--radius-full);color:var(--text-accent);cursor:pointer;flex-shrink:0;padding:0}.transactions-back-btn img{width:24px;height:24px;object-fit:contain}.transactions-back-btn:active{opacity:.6}.transactions-header-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-l);line-height:1;color:var(--text-accent);margin:0;flex:1;text-align:center}.transactions-header-spacer{width:36px;flex-shrink:0}.transactions-sort-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;background:var(--bg-linear-dark);border:none;border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;padding:0}.transactions-sort-btn:active{background:var(--bg-secondary)}.transactions-sort-btn img{display:block}.transactions-loading{text-align:center;padding:48px var(--spacing-xl);font-family:var(--font-family-primary);font-size:var(--font-size-m);color:var(--text-secondary)}.transactions-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:48px var(--spacing-xl);text-align:center}.transactions-error-text{font-family:var(--font-family-primary);font-size:var(--font-size-m);color:var(--text-secondary)}.transactions-retry-button{font-size:var(--font-size-s);padding:var(--spacing-md) var(--spacing-xl)}.transactions-empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:64px var(--spacing-xl);text-align:center;background:var(--bg-secondary);border:1px solid var(--bg-linear-light);border-radius:var(--radius-2xl)}.transactions-empty-icon{font-size:64px;line-height:1;margin-bottom:var(--spacing-sm)}.transactions-empty-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-l);color:var(--text-accent)}.transactions-empty-text{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-secondary);max-width:260px}.transactions-month-group{margin-bottom:var(--spacing-xl)}.transactions-month-label{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);color:var(--text-secondary);margin-bottom:var(--spacing-md);font-style:italic}.transactions-list{display:flex;flex-direction:column;gap:10px}.transaction-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-secondary);border:1px solid var(--bg-linear-light);border-radius:var(--radius-xl)}.transaction-nft-image{width:56px;height:56px;border-radius:14px;overflow:hidden;flex-shrink:0;background:var(--bg-linear-dark)}.transaction-nft-image img{width:100%;height:100%;object-fit:cover}.transaction-nft-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px}.transaction-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.transaction-nft-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);line-height:1.3;color:var(--text-accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-username{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);line-height:1.3;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-date{font-family:var(--font-family-primary);font-size:var(--font-size-xs);line-height:1.3;color:var(--text-tertiary)}.transaction-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.transaction-type-badge{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:11px;line-height:1;padding:4px 10px;border-radius:8px;white-space:nowrap}.transaction-type-badge.purchase{color:#4c9c4b;background:#e4f0e3}.transaction-type-badge.sale{color:#337bb2;background:#f0f4f7}.transaction-amount{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);line-height:1;color:var(--text-accent);white-space:nowrap}.transactions-load-more{margin-top:var(--spacing-lg)}.sort-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:sort-overlay-in .2s ease}@keyframes sort-overlay-in{0%{opacity:0}to{opacity:1}}.sort-sheet{width:100%;max-width:480px;background:var(--bg-primary, #fff);border-radius:20px 20px 0 0;padding:24px 20px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));animation:sort-sheet-in .25s ease}@keyframes sort-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sort-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sort-sheet-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-l);color:var(--text-accent)}.sort-sheet-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-linear-light);border:none;border-radius:var(--radius-full);color:var(--text-accent);cursor:pointer;padding:0}.sort-sheet-close:active{opacity:.7}.sort-sheet-options{display:flex;flex-direction:column;margin-bottom:24px}.sort-sheet-option{display:flex;align-items:center;justify-content:space-between;padding:14px 0;background:none;border:none;border-bottom:1px solid var(--bg-linear-light);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);color:var(--text-accent);cursor:pointer;text-align:left}.sort-sheet-option:last-child{border-bottom:none}.sort-sheet-option svg{color:var(--text-accent)}.sort-sheet-actions{display:flex;flex-direction:column;gap:10px}.support-page{padding:var(--spacing-xl) var(--spacing-lg);padding-bottom:100px}.support-page .page-header{margin-bottom:var(--spacing-lg)}.support-new-ticket-btn{width:100%;padding:14px var(--spacing-xl);background:var(--text-accent);border:none;border-radius:var(--radius-xl);color:var(--bg-accent);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);cursor:pointer;transition:opacity .2s ease,transform .15s ease;margin-bottom:var(--spacing-xl)}.support-new-ticket-btn:hover{opacity:.95}.support-new-ticket-btn:active{transform:scale(.98)}.support-loading{text-align:center;padding:48px var(--spacing-xl);font-family:var(--font-family-primary);font-size:var(--font-size-m);color:var(--text-secondary)}.support-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px var(--spacing-xl);gap:var(--spacing-sm)}.support-empty-icon{font-size:48px;opacity:.6}.support-empty-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:18px;color:var(--text-accent);margin:0}.support-empty-text{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-secondary);margin:0;line-height:1.5}.support-ticket-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.support-ticket-item{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--bg-linear-light);border-radius:var(--radius-xl);cursor:pointer;transition:background .2s ease,transform .15s ease;text-align:left;width:100%}.support-ticket-item:hover{background:var(--bg-linear-dark)}.support-ticket-item:active{transform:scale(.99)}.support-ticket-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.support-ticket-subject{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);color:var(--text-accent);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-ticket-status{font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0}.support-ticket-status--open{background:#4caf5033;color:#4caf50}.support-ticket-status--closed{background:var(--bg-linear-light);color:var(--text-secondary)}.support-ticket-preview{font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-ticket-sender{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.support-ticket-text{color:var(--text-tertiary)}.support-ticket-date{font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:var(--text-secondary)}.support-new-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.support-form-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.support-form-label{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-s);color:var(--text-accent)}.support-form-input{width:100%;padding:14px var(--spacing-lg);background:var(--bg-linear-dark);border:1px solid var(--bg-linear-light);border-radius:var(--radius-lg);font-family:var(--font-family-primary);font-size:var(--font-size-m);color:var(--text-accent);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.support-form-input:focus{outline:none;border-color:var(--bg-accent-light);box-shadow:0 0 0 3px #ec005f1a}.support-form-input::placeholder{color:var(--text-secondary);font-weight:400;font-size:var(--font-size-s)}.support-form-textarea{width:100%;padding:14px var(--spacing-lg);background:var(--bg-linear-dark);border:1px solid var(--bg-linear-light);border-radius:var(--radius-lg);font-family:var(--font-family-primary);font-size:var(--font-size-m);color:var(--text-accent);resize:vertical;min-height:120px;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.support-form-textarea:focus{outline:none;border-color:var(--bg-accent-light);box-shadow:0 0 0 3px #ec005f1a}.support-form-textarea::placeholder{color:var(--text-secondary);font-weight:400;font-size:var(--font-size-s)}.support-submit-btn{width:100%;padding:14px var(--spacing-xl);background:var(--button-accent);border:none;border-radius:var(--radius-xl);color:#fff;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-m);cursor:pointer;transition:opacity .2s ease,transform .15s ease}.support-submit-btn:hover{opacity:.95}.support-submit-btn:active{transform:scale(.98)}.support-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.support-page--chat{display:flex;flex-direction:column;height:100vh;padding-bottom:0}.support-closed-banner{text-align:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-linear-dark);border-radius:var(--radius-lg);font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.support-messages-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-lg)}.support-messages{display:flex;flex-direction:column;min-height:100%;justify-content:flex-end}.support-message-group{display:flex;flex-direction:column}.support-date-divider{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) 0 var(--spacing-md)}.support-date-divider span{font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-linear-dark);padding:3px 12px;border-radius:var(--radius-full)}.support-message{display:flex;padding:2px 0}.support-message--user{justify-content:flex-end}.support-message--admin{justify-content:flex-start}.support-message-bubble{max-width:80%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);position:relative;word-break:break-word}.support-message--user .support-message-bubble{background:var(--bg-accent);border-bottom-right-radius:var(--spacing-xs)}.support-message--admin .support-message-bubble{background:var(--bg-linear-dark);border:1px solid var(--bg-linear-light);border-bottom-left-radius:var(--spacing-xs)}.support-message-text{font-family:var(--font-family-primary);font-size:var(--font-size-m);line-height:1.45;color:var(--text-accent);white-space:pre-wrap}.support-message-time{font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:#ffffff80;text-align:right;margin-top:2px}.support-message--admin .support-message-time{color:var(--text-secondary)}.support-input-bar{display:flex;align-items:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) 0;padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px));background:transparent;flex-shrink:0}.support-input-field{flex:1;padding:10px var(--spacing-lg);background:var(--bg-linear-dark);border:1px solid var(--bg-linear-light);border-radius:var(--radius-2xl);font-family:var(--font-family-primary);font-size:var(--font-size-m);color:var(--text-accent);resize:none;overflow-y:auto;max-height:120px;line-height:1.4;box-sizing:border-box}.support-input-field:focus{outline:none;border-color:var(--bg-accent-light)}.support-input-field::placeholder{font-weight:400;font-size:var(--font-size-s);color:var(--text-secondary)}.support-send-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--button-accent);border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;transition:opacity .2s ease,transform .15s ease}.support-send-btn:hover{opacity:.9}.support-send-btn:active{transform:scale(.93)}.support-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}@media (max-width: 480px){.support-page{padding:var(--spacing-lg) var(--spacing-md);padding-bottom:100px}.support-page--chat{padding-bottom:0}.support-message-bubble{max-width:85%}}.unauthorized-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);background:var(--bg-primary)}.unauthorized-content{max-width:480px;width:100%;padding:40px 30px;background:var(--bg-secondary);border-radius:var(--radius-3xl);box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.unauthorized-icon{font-size:64px;margin-bottom:var(--spacing-xl);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.unauthorized-title{font-family:var(--font-family-primary);font-size:28px;font-weight:var(--font-weight-medium);color:var(--text-accent);margin:0 0 var(--spacing-lg) 0}.unauthorized-details{text-align:left;background:var(--bg-linear-dark);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:32px}.unauthorized-details p{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-s);line-height:1.6}.unauthorized-details p:last-of-type{margin-bottom:var(--spacing-sm)}.unauthorized-details ul{margin:0;padding-left:var(--spacing-xl);color:var(--text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-s);line-height:1.8}.unauthorized-details li{margin-bottom:var(--spacing-xs)}.telegram-login-section{margin:var(--spacing-xl) 0;padding:var(--spacing-xl);background:var(--bg-linear-dark);border-radius:var(--radius-lg);text-align:center}.telegram-login-text{margin:0 0 var(--spacing-lg) 0;font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);color:var(--text-accent)}.telegram-login-widget{display:flex;justify-content:center;align-items:center;min-height:40px}.telegram-login-widget iframe{border-radius:var(--radius-md)!important}.widget-error{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#ec005f1a;border:1px solid var(--bg-accent-light);border-radius:var(--radius-md);text-align:center}.widget-error p{margin:0 0 var(--spacing-xs) 0;color:var(--bg-accent-light);font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium)}.widget-error small{color:var(--text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-xs);line-height:1.4}.unauthorized-hint{margin:var(--spacing-xl) 0 0 0;font-family:var(--font-family-primary);font-size:var(--font-size-s);color:var(--text-tertiary);line-height:1.5}@media (max-width: 480px){.unauthorized-content{padding:30px var(--spacing-xl)}.unauthorized-icon{font-size:48px}.unauthorized-title{font-size:24px}.unauthorized-details{padding:var(--spacing-lg)}.unauthorized-retry-btn{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-s)}}.toast{display:flex;align-items:center;gap:var(--spacing-md);padding:14px var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000004d;width:100%;animation:toast-slide-in .3s ease-out;border-left:4px solid}.toast-success{border-left-color:#4caf50}.toast-error{border-left-color:var(--bg-accent-light)}.toast-warning{border-left-color:#ff9800}.toast-info{border-left-color:#2196f3}.toast-icon{font-size:20px;font-weight:var(--font-weight-medium);flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-linear-dark)}.toast-success .toast-icon{color:#4caf50;background:#4caf5033}.toast-error .toast-icon{color:var(--bg-accent-light);background:#ec005f33}.toast-warning .toast-icon{color:#ff9800;background:#ff980033}.toast-info .toast-icon{color:#2196f3;background:#2196f333}.toast-message{flex:1;color:var(--text-accent);font-family:var(--font-family-primary);font-size:var(--font-size-s);line-height:1.4;font-weight:var(--font-weight-medium)}.toast-close{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-l);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:background-color .2s}.toast-close:hover{background:var(--bg-linear-dark)}.toast-close:active{transform:scale(.95)}@keyframes toast-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-container{position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);right:var(--spacing-lg);z-index:10000;display:flex;flex-direction:column;gap:var(--spacing-md);pointer-events:none}.toast-container .toast{pointer-events:auto}@supports (padding-top: env(safe-area-inset-top)){.toast-container{top:calc(var(--spacing-lg) + env(safe-area-inset-top))}}#root{width:100%;margin:0;padding:0;text-align:left}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);line-height:var(--line-height-default);margin:0;color:var(--text-accent)}p,span,div{font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--text-accent)}.text-small{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:1.3}body{margin:0;padding:0;font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-accent);line-height:1.4;overflow-x:hidden}.app{min-height:100vh;width:100%;max-width:480px;margin:0 auto;background:var(--bg-primary);color:var(--text-accent);position:relative}.app-content{min-height:100vh;width:100%;margin:0;padding:0;box-sizing:border-box}.app-content.with-header-only{padding-top:60px!important}.app-content.with-header-and-nav{padding-top:0!important;padding-bottom:80px!important}.app-content.with-nav-only{padding-bottom:80px!important}.app-content>*{padding-top:12px}.page-container{padding:12px;width:100%;margin:0;min-height:calc(100vh - 120px);display:flex;flex-direction:column}.page-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.page-content h1{font-size:var(--font-size-l);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-lg) 0;color:var(--text-accent)}.page-content p{font-size:var(--font-size-m);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;max-width:480px;margin:0 auto;background:var(--bg-primary);color:var(--text-accent)}.loading-content{text-align:center;padding:40px var(--spacing-2xl);max-width:300px}.loading-icon{width:48px;height:48px;margin:0 auto var(--spacing-2xl);background:linear-gradient(90deg,#ec005f 0% 35%,#fff 50%,#ec005f 65% 100%);background-size:300% 100%;-webkit-mask-image:url(/nav-collection.png);mask-image:url(/nav-collection.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;animation:gradientShine 2s ease-in-out infinite}.loading-content p{font-size:var(--font-size-m);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-sm) 0;color:var(--text-accent)}.app-error{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;max-width:480px;margin:0 auto;background:var(--bg-primary);color:var(--text-accent);padding:var(--spacing-2xl)}.error-content{text-align:center;max-width:480px}.error-icon{font-size:64px;margin-bottom:var(--spacing-2xl)}.error-content h2{font-size:var(--font-size-l);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-lg) 0;color:var(--text-accent)}.error-content p{font-size:var(--font-size-m);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:1.5}.button--accent:not(.button--accent-s),.button--primary:not(.button--primary-s),.button--secondary:not(.button--secondary-s){font-size:15px}.button--accent-s,.button--primary-s,.button--secondary-s{font-size:13px}.debug-info{position:fixed;bottom:var(--spacing-2xl);left:10px;background:var(--bg-linear-dark);color:var(--text-accent);padding:var(--spacing-sm);border-radius:var(--radius-sm);font-size:10px;z-index:9999;max-width:300px;overflow:hidden}.debug-info details{cursor:pointer}.debug-info pre{margin:var(--spacing-sm) 0 0 0;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradientShine{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width: 360px){.page-container{padding:var(--spacing-lg)}}@supports (padding: max(0px)){.page-container{padding-left:max(env(safe-area-inset-left),12px);padding-right:max(env(safe-area-inset-right),12px)}}@media (max-width: 360px){.app-content{padding-left:0;padding-right:0}.loading-content,.error-content{padding:var(--spacing-2xl) 10px}}@supports (padding: max(0px)){.app-content.with-header-only{padding-top:calc(var(--spacing-2xl) + max(env(safe-area-inset-top),0px));padding-left:0;padding-right:0}}.tap-button,.stat-card{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (pointer: coarse){.tap-button{min-width:48px;min-height:48px}}.card{padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-xl)}
