:root{font-family:Manrope,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light only;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{color-scheme:light only}a{font-weight:500;color:#dbe8f2;text-decoration:inherit}a:hover{color:#c2d4e2}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;background-color:#dbe8f2;color:#333;cursor:pointer;transition:border-color .25s}button:hover{border-color:#c2d4e2}button:focus,button:focus-visible{outline:none}.bottom-navigation{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid #F0F0F0;z-index:99;padding:8px 0 max(env(safe-area-inset-bottom),8px)}.nav-container{display:flex;justify-content:space-around;align-items:center;padding:0 8px}.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}.nav-item:hover{opacity:.7}.nav-item:active{opacity:.5}.nav-icon{width:24px;height:24px;margin-bottom:4px;display:flex;align-items:center;justify-content:center}.nav-icon img{width:100%;height:100%;object-fit:contain}.nav-icon-emoji{font-size:22px;margin-bottom:2px;display:flex;align-items:center;justify-content:center;line-height:1}.nav-title{font-family:Manrope,sans-serif;font-size:10px;font-weight:400;color:#577d8f;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-item.active .nav-title{color:#0f171a;font-weight:500}.nav-item.active .nav-icon,.nav-item.active .nav-icon-emoji{opacity:1}.nav-item:not(.active) .nav-icon,.nav-item:not(.active) .nav-icon-emoji{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-icon-emoji{font-size:18px}.nav-title{font-size:8px}}.crystal-balance{position:fixed;top:20px;right:25px;z-index:1000;display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#8a2be2f2,#4b0082f2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px 16px;border-radius:24px;box-shadow:0 4px 20px #8a2be24d,0 2px 8px #0003;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.crystal-balance:hover{transform:translateY(-2px);box-shadow:0 6px 24px #8a2be266,0 3px 10px #00000040}.crystal-balance:active{transform:translateY(0);box-shadow:0 2px 12px #8a2be24d,0 1px 4px #0003}.crystal-balance-amount{font-size:16px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.5px}.crystal-balance-icon{font-size:18px;display:flex;align-items:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3)) brightness(1)}50%{transform:scale(1.05) rotate(5deg);filter:drop-shadow(0 2px 4px rgba(255,255,255,.3)) brightness(1.2)}}@media (max-width: 768px){.crystal-balance{top:20px;right:25px;padding:8px 14px;border-radius:20px}.crystal-balance-amount{font-size:15px}.crystal-balance-icon{font-size:16px}}@media (max-width: 480px){.crystal-balance{top:20px;right:25px;padding:7px 12px;border-radius:18px}.crystal-balance-amount{font-size:14px}.crystal-balance-icon{font-size:15px}}.dark-theme .crystal-balance{background:linear-gradient(135deg,#8a2be2fa,#4b0082fa);box-shadow:0 4px 24px #8a2be266,0 2px 10px #0006}.dark-theme .crystal-balance:hover{box-shadow:0 6px 28px #8a2be280,0 3px 12px #00000080}.light-theme .crystal-balance{background:linear-gradient(135deg,#8a2be2eb,#4b0082eb);box-shadow:0 4px 20px #8a2be240,0 2px 8px #00000026}.light-theme .crystal-balance:hover{box-shadow:0 6px 24px #8a2be259,0 3px 10px #0003}.page-container{display:flex;flex-direction:column;min-height:100vh;background:#fff;padding-bottom:70px}.home-page{padding:20px 16px;gap:16px}.greeting-section{margin-bottom:16px}.greeting-text{font-weight:700;font-size:28px;line-height:1.2;color:#0f1417;margin:0 0 8px}.greeting-subtitle{font-weight:400;font-size:16px;line-height:1.5;color:#4a739c;margin:0}.welcome-card{background:linear-gradient(135deg,#9370db4d,#6495ed4d);border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.welcome-title{font-weight:700;font-size:22px;line-height:1.3;color:#0f1417;margin:0}.welcome-subtitle{font-weight:400;font-size:14px;line-height:1.5;color:#4a739c;margin:0}.section{margin-bottom:20px}.section-title{font-weight:700;font-size:20px;line-height:1.25;color:#0f1417;margin:0 0 12px!important}.featured-nft{display:block}.nfts-scroll{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px}.nfts-scroll::-webkit-scrollbar{display:none}.nfts-scroll .nft-card{flex:0 0 calc(50% - 8px);min-width:calc(50% - 8px);scroll-snap-align:start}.nft-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .2s ease;cursor:pointer}.nft-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.nft-card:active{transform:translateY(0)}.nft-image-container{position:relative;width:100%;aspect-ratio:1;background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.nft-image{width:100%;height:100%;object-fit:cover}.nft-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#999}.nft-badge{position:absolute;top:8px;right:8px;padding:4px 8px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase}.nft-badge.owned{background:#4caf50e6;color:#fff}.nft-info{padding:12px}.nft-title{font-weight:600;font-size:14px;line-height:1.3;color:#0f1417;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nft-collection{font-weight:400;font-size:12px;line-height:1.3;color:#4a739c;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nft-price{font-weight:600;font-size:14px;color:#0f1417}.nft-price .free{color:#4caf50}.placeholder-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.placeholder-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014}.placeholder-image{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#f0f0f0,#e8e8e8,#f0f0f0);background-size:200% 200%;animation:shimmer 1.5s ease-in-out infinite;display:flex;align-items:center;justify-content:center}.placeholder-info{padding:12px;display:flex;flex-direction:column;gap:8px}.placeholder-title-skeleton{height:14px;background:linear-gradient(135deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:200% 200%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;width:80%}.placeholder-price-skeleton{height:14px;background:linear-gradient(135deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:200% 200%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.show-more-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,#9370db,#6495ed);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #9370db4d}.show-more-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #9370db66}.show-more-button:active{transform:translateY(0)}.show-more-button:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width: 768px){.nfts-scroll .nft-card{flex:0 0 calc(50% - 8px);min-width:calc(50% - 8px)}}@media (max-width: 480px){.home-page{padding:16px 12px}.greeting-text{font-size:24px}.nfts-scroll{gap:12px}.nfts-scroll .nft-card{flex:0 0 calc(50% - 6px);min-width:calc(50% - 6px)}}.onboarding-page{display:flex;flex-direction:column;height:100vh;width:100%;max-width:480px;margin:0 auto;background:#fff;overflow:hidden}.onboarding-content{flex:1;display:flex;flex-direction:column;padding:20px 16px;overflow-y:auto}.onboarding-step{display:flex;flex-direction:column;height:100%;position:relative}.step-header{margin-bottom:24px}.step-header-top{position:relative;display:flex;align-items:flex-start;margin-bottom:26px}.step-header-spacer{display:none}.step-title{font-family:Manrope,sans-serif;font-weight:700;font-size:20px;line-height:1.25;color:#0f1417;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}.step-subtitle{font-family:Manrope,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#0d141c;margin:0;text-align:center}.step-body{flex:1;display:flex;flex-direction:column;gap:16px}.options-grid{display:grid;grid-template-columns:1fr;gap:12px}.option-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f7fafc;border:1px solid #cfdbe8;border-radius:8px;cursor:pointer;transition:all .2s ease}.option-item:hover,.option-item.selected{background:#dbe8f2;border-color:#50a7ea}.option-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-text{font-family:Manrope,sans-serif;font-weight:700;font-size:16px;line-height:1.25;color:#121417}.communication-options{display:flex;flex-direction:column;gap:12px}.communication-option{padding:12px 16px;background:#f7fafc;border:1px solid #d4dbe3;border-radius:12px;cursor:pointer;transition:all .2s ease}.communication-option:hover,.communication-option.selected{background:#dbe8f2;border-color:#50a7ea}.communication-text{font-family:Manrope,sans-serif;font-weight:700;font-size:14px;line-height:1.5;color:#0f1417;text-align:center}.step-footer{margin-top:auto;padding-top:20px;display:flex;flex-direction:column;gap:12px}.continue-button{width:100%;padding:16px 20px;background:#dbe8f2;border:none;border-radius:24px;font-family:Manrope,sans-serif;font-weight:700;font-size:16px;line-height:1.5;color:#0f1417;cursor:pointer;transition:all .2s ease}.continue-button:hover{background:#c5d9e8}.continue-button:disabled{opacity:.5;cursor:not-allowed}.skip-button{width:100%;padding:12px 20px;background:transparent;border:1px solid #e5e5e5;border-radius:24px;font-family:Manrope,sans-serif;font-weight:500;font-size:14px;line-height:1.5;color:#0f1417b3;cursor:pointer;transition:all .2s ease}.skip-button:hover{background:#f8f9fa;border-color:#d0d0d0}.skip-button:disabled{opacity:.5;cursor:not-allowed}.progress-bar{height:2px;background:#f0f0f0;position:relative;flex-shrink:0;min-height:2px;max-height:2px}.progress-fill{height:100%;background:#50a7ea;transition:width .3s ease}.specialist-card{background:#f7fafc;border-radius:12px;padding:16px;margin-bottom:20px}.specialist-info{display:flex;gap:16px;margin-bottom:16px}.specialist-avatar{width:112px;height:139px;border-radius:12px;background:#e0e0e0;flex-shrink:0}.specialist-details{flex:1;display:flex;flex-direction:column;gap:4px}.specialist-badge{font-family:Manrope,sans-serif;font-weight:400;font-size:14px;color:#4a739c}.specialist-name{font-family:Manrope,sans-serif;font-weight:700;font-size:16px;color:#0d141c;margin:8px 0}.specialist-meta{font-family:Manrope,sans-serif;font-weight:400;font-size:14px;color:#4a739c}.specialist-actions{display:flex;gap:12px;flex-wrap:wrap}.action-button{flex:1;min-width:120px;padding:12px 20px;border:none;border-radius:24px;font-family:Manrope,sans-serif;font-weight:700;font-size:16px;cursor:pointer;transition:all .2s ease}.action-button.primary{background:#dbe8f2;color:#0d141c}.action-button.secondary{background:#e8edf5;color:#0d141c}.action-button:hover{opacity:.8}.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:16px}.back-arrow{width:40px;height:40px;border:none;background:transparent;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;transition:background-color .2s ease}.back-arrow:hover{background-color:#1214171a}.back-arrow:active{background-color:#12141733}.back-icon{width:24px;height:24px;object-fit:contain;filter:brightness(.3)}.preferences-section{margin-bottom:16px}.preferences-section-title{font-family:Manrope,sans-serif;font-weight:600;font-size:16px;line-height:1.3;color:#0f1417;margin:0 0 12px}.experience-option{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 16px}.experience-icon{font-size:32px;line-height:1;margin-bottom:8px}.experience-label{font-family:Manrope,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#0f1417;margin-bottom:4px}.experience-description{font-family:Manrope,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#0f1417;opacity:.7}@media (max-width: 480px){.robot-image{margin-top:90px;margin-bottom:24px}.robot-image img{width:80px}.step-header-top{gap:12px}.step-title{font-size:18px}.first-step .step-title{font-size:20px;position:static;transform:none;top:auto;left:auto;width:auto}}.reward-step .step-header{text-align:center;padding:20px 16px}.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 20px}.reward-step .reward-icon img{width:24px;height:24px}.reward-title{font-family:Manrope,sans-serif;font-weight:700;font-size:28px;line-height:1.25;color:#0f171a;margin:12px 0;text-align:center;position:static;transform:none;top:auto;left:auto;width:auto}.reward-amount{font-family:Manrope,sans-serif;font-weight:700;font-size:32px;line-height:1.25;color:#0f171a;text-align:center;margin:24px 0 12px;padding:24px 16px 12px}.reward-nft-card{width:180px;margin:24px auto 16px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000001f}.reward-nft-image{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#f0f0f0,#e8e8e8,#f0f0f0);display:flex;align-items:center;justify-content:center}.reward-nft-image span{font-size:64px}.reward-step .step-subtitle{font-family:Manrope,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#0f171a;text-align:center;margin:4px 16px 12px;padding:4px 0}.profile-page{padding:20px 16px 100px}.profile-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:32px}.profile-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;background:#f0f0f0;margin-bottom:16px;box-shadow:0 4px 12px #0000001a}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-family:Manrope,sans-serif;font-weight:700;font-size:24px;line-height:1.2;color:#0f1417;margin:0 0 4px}.profile-username{font-family:Manrope,sans-serif;font-weight:500;font-size:16px;line-height:1.3;color:#4a739c;margin:0 0 8px}.profile-join-date{font-family:Manrope,sans-serif;font-weight:400;font-size:14px;line-height:1.3;color:#9ca3af;margin:0}.home-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px}.home-stat-item{background:linear-gradient(135deg,#dbe8f2,#c5d9e8);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #00000014}.stat-icon{font-size:32px;line-height:1}.stat-details{display:flex;flex-direction:column;gap:2px}.stat-value{font-family:Manrope,sans-serif;font-weight:700;font-size:20px;line-height:1.2;color:#0f1417}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}.profile-stat-card{background:linear-gradient(135deg,#dbe8f2,#c5d9e8);border-radius:16px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;box-shadow:0 2px 8px #00000014}.stat-value-large{font-family:Manrope,sans-serif;font-weight:700;font-size:28px;line-height:1;color:#0f1417}.stat-label{font-family:Manrope,sans-serif;font-weight:500;font-size:12px;line-height:1.3;color:#4a739c}.profile-sections{display:flex;flex-direction:column;gap:32px}.profile-section{display:flex;flex-direction:column;gap:16px}.section-title{font-family:Manrope,sans-serif;font-weight:700;font-size:20px;line-height:1.3;color:#0f1417;margin:0 0 12px}.achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.achievement-badge{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;text-align:center}.achievement-badge.locked{opacity:.4}.achievement-icon{font-size:32px;line-height:1}.achievement-name{font-family:Manrope,sans-serif;font-weight:600;font-size:11px;line-height:1.2;color:#0f1417}.settings-list{display:flex;flex-direction:column;gap:12px;border-radius:12px}.setting-item{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease;text-align:left;width:100%;box-shadow:0 2px 8px #00000014}.setting-item:hover{background:#f7fafc}.setting-item:active{background:#e8f0f7}.setting-icon{font-size:20px;line-height:1;width:24px;text-align:center}.setting-label{flex:1;font-family:Manrope,sans-serif;font-weight:500;font-size:15px;color:#0f1417}.setting-arrow{font-size:20px;color:#9ca3af}.logout-button{width:100%;padding:16px 24px;background:transparent;border:2px solid #F44336;border-radius:24px;font-family:Manrope,sans-serif;font-weight:700;font-size:16px;color:#f44336;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#f44336;color:#fff}.logout-button:active{transform:scale(.98)}.friends-section{margin-bottom:32px}.friends-loading{text-align:center;padding:32px;font-family:Manrope,sans-serif;font-size:14px;color:#9ca3af}.referral-stats-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.referral-stat-card{background:linear-gradient(135deg,#dbe8f2,#c5d9e8);border-radius:16px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 2px 8px #00000014}.referral-stat-icon{font-size:32px;line-height:1}.referral-stat-value{font-family:Manrope,sans-serif;font-weight:700;font-size:28px;line-height:1;color:#0f1417}.referral-stat-label{font-family:Manrope,sans-serif;font-weight:500;font-size:12px;line-height:1.3;color:#4a739c}.referral-link-card{background:linear-gradient(135deg,#4a739c,#3a5f80);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 4px 12px #00000026}.referral-link-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.referral-link-icon{font-size:32px;line-height:1}.referral-link-text{flex:1}.referral-link-title{font-family:Manrope,sans-serif;font-weight:700;font-size:18px;line-height:1.3;color:#fff;margin-bottom:4px}.referral-link-subtitle{font-family:Manrope,sans-serif;font-weight:500;font-size:14px;line-height:1.4;color:#e0e7ef}.referral-link-display{display:flex;align-items:center;gap:8px;background:#ffffff26;border-radius:10px;padding:10px 12px;margin-bottom:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.referral-link-url{flex:1;font-family:Manrope,sans-serif;font-weight:500;font-size:13px;line-height:1.4;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-link-button{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease}.copy-link-button:hover{background:#ffffff4d;transform:scale(1.05)}.copy-link-button:active{transform:scale(.95)}.copy-link-button.copied{background:#4caf504d;animation:pulse .3s ease}.referral-instruction{text-align:center;font-family:Manrope,sans-serif;font-weight:500;font-size:14px;line-height:1.5;color:#ffffffd9;margin-top:4px}.friends-list{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #00000014}.friends-list-title{font-family:Manrope,sans-serif;font-weight:700;font-size:16px;line-height:1.3;color:#0f1417;margin:0 0 16px}.friend-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.friend-item:last-child{border-bottom:none;padding-bottom:0}.friend-item:first-child{padding-top:0}.friend-avatar{width:48px;height:48px;flex-shrink:0}.friend-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#dbe8f2,#c5d9e8);display:flex;align-items:center;justify-content:center;font-family:Manrope,sans-serif;font-weight:700;font-size:20px;color:#4a739c}.friend-info{flex:1;min-width:0}.friend-name{font-family:Manrope,sans-serif;font-weight:600;font-size:15px;line-height:1.3;color:#0f1417;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-username{font-family:Manrope,sans-serif;font-weight:500;font-size:13px;line-height:1.3;color:#4a739c;margin-bottom:2px}.friend-date{font-family:Manrope,sans-serif;font-weight:400;font-size:12px;line-height:1.3;color:#9ca3af}.friends-empty{background:#fff;border-radius:16px;padding:48px 24px;text-align:center;box-shadow:0 2px 8px #00000014}.friends-empty-icon{font-size:64px;line-height:1;margin-bottom:16px}.friends-empty-text{font-family:Manrope,sans-serif;font-weight:500;font-size:15px;line-height:1.5;color:#9ca3af}@media (max-width: 480px){.profile-page{padding:16px 12px}.profile-avatar{width:80px;height:80px}.profile-name{font-size:22px}.profile-stats{gap:8px}.profile-stat-card{padding:16px 8px}.stat-value-large{font-size:24px}.stat-label{font-size:11px}.achievements-grid{grid-template-columns:repeat(4,1fr);gap:8px}.achievement-badge{padding:12px 6px}.achievement-icon{font-size:28px}.achievement-name{font-size:10px}.referral-stats-cards{gap:8px}.referral-stat-card{padding:16px 12px}.referral-stat-icon{font-size:28px}.referral-stat-value{font-size:24px}.referral-link-card{padding:16px}.referral-link-title{font-size:16px}.referral-link-subtitle{font-size:13px}.referral-link-display{padding:8px 10px}.referral-link-url{font-size:12px}.copy-link-button{width:32px;height:32px;font-size:14px}.referral-instruction{font-size:13px}.friends-list{padding:12px}.friend-avatar{width:44px;height:44px}.friend-avatar-placeholder{font-size:18px}.friend-name{font-size:14px}.friends-empty{padding:32px 16px}.friends-empty-icon{font-size:48px}.friends-empty-text{font-size:14px}}.settings-section{margin-top:16px;margin-bottom:32px}.reset-onboarding-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:#fff;border:1px solid #e0e7ef;border-radius:16px;font-family:Manrope,sans-serif;font-weight:600;font-size:15px;color:#4a739c;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f}.reset-onboarding-button:hover{background:#f7fafc;border-color:#4a739c;box-shadow:0 4px 12px #0000001a}.reset-onboarding-button:active{transform:scale(.98);background:#e8f0f7}.reset-onboarding-button:disabled{opacity:.6;cursor:not-allowed}.reset-onboarding-button .button-icon{font-size:18px;line-height:1}.placeholder-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 140px);padding:20px}.placeholder-content{text-align:center;background:#ffffff0d;border-radius:20px;padding:40px;max-width:300px}.placeholder-icon{font-size:64px;margin-bottom:20px}.placeholder-content h1{font-size:24px;font-weight:600;color:#fff;margin:0 0 12px}.placeholder-text{font-size:16px;color:#fff9;margin:0}.unauthorized-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:#fff}.unauthorized-content{max-width:480px;width:100%;padding:40px 30px;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;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:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.unauthorized-title{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 16px}.unauthorized-details{text-align:left;background:#f7fafc;padding:20px;border-radius:12px;margin-bottom:32px}.unauthorized-details p{margin:0 0 12px;color:#4a5568;font-size:14px;line-height:1.6}.unauthorized-details p:last-of-type{margin-bottom:8px}.unauthorized-details ul{margin:0;padding-left:20px;color:#4a5568;font-size:14px;line-height:1.8}.unauthorized-details li{margin-bottom:4px}.telegram-login-section{margin:24px 0;padding:20px;background:#f7fafc;border-radius:12px;text-align:center}.telegram-login-text{margin:0 0 16px;font-size:15px;font-weight:600;color:#2d3748}.telegram-login-widget{display:flex;justify-content:center;align-items:center;min-height:40px}.telegram-login-widget iframe{border-radius:8px!important}.widget-error{margin-top:16px;padding:12px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;text-align:center}.widget-error p{margin:0 0 4px;color:#856404;font-size:14px;font-weight:600}.widget-error small{color:#856404;font-size:12px;line-height:1.4}.unauthorized-retry-btn{width:100%;padding:12px 20px;font-size:14px;font-weight:500;color:#333;background:#dbe8f2;border:none;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px;font-family:Manrope,sans-serif}.unauthorized-retry-btn:hover:not(:disabled){background:#c2d4e2}.unauthorized-retry-btn:active:not(:disabled){transform:none}.unauthorized-retry-btn:disabled{opacity:.7;cursor:not-allowed}.retry-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.unauthorized-hint{margin:20px 0 0;font-size:13px;color:#718096;line-height:1.5}.unauthorized-screen,.unauthorized-screen *{color-scheme:light only}@media (max-width: 480px){.unauthorized-content{padding:30px 20px}.unauthorized-icon{font-size:48px}.unauthorized-title{font-size:24px}.unauthorized-details{padding:16px}.unauthorized-retry-btn{padding:12px 20px;font-size:14px}}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001f;width:100%;animation:toast-slide-in .3s ease-out;border-left:4px solid}.toast-success{border-left-color:#4caf50}.toast-error{border-left-color:#f44336}.toast-warning{border-left-color:#ff9800}.toast-info{border-left-color:#2196f3}.toast-icon{font-size:20px;font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000000d}.toast-success .toast-icon{color:#4caf50;background:#4caf501a}.toast-error .toast-icon{color:#f44336;background:#f443361a}.toast-warning .toast-icon{color:#ff9800;background:#ff98001a}.toast-info .toast-icon{color:#2196f3;background:#2196f31a}.toast-message{flex:1;color:#0f1417;font-size:14px;line-height:1.4;font-weight:500}.toast-close{background:none;border:none;color:#999;font-size:18px;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:#0000000d}.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:16px;left:16px;right:16px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-container .toast{pointer-events:auto}@supports (padding-top: env(safe-area-inset-top)){.toast-container{top:calc(16px + env(safe-area-inset-top))}}#root{width:100%;margin:0;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #333333;--tg-theme-hint-color: #999999;--tg-theme-link-color: #DBE8F2;--tg-theme-button-color: #DBE8F2;--tg-theme-button-text-color: #333333;--tg-theme-secondary-bg-color: #f8f9fa;--tg-theme-section-separator-color: #e5e5e5}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:Manrope,sans-serif;font-size:18px;font-weight:700;line-height:1.3;margin:0}p,span,div{font-family:Manrope,sans-serif;font-size:16px;font-weight:400;line-height:1.5}.text-small{font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:1.4}body{margin:0;padding:0;font-family:Manrope,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#333;line-height:1.5;overflow-x:hidden}input,textarea,select{font-size:16px;color-scheme:light;background-color:#fff;color:#333}.app{min-height:100vh;width:100%;max-width:480px;margin:0 auto;background:#fff;color:#333;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:100px}.page-container{padding:25px;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:20px;font-weight:700;margin:0 0 16px;color:#333}.page-content p{font-size:16px;font-weight:400;color:#333333b3;margin:0}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;max-width:480px;margin:0 auto;background:#fff;color:#333;color-scheme:light only}.app-loading *{color-scheme:light only}.loading-content{text-align:center;padding:40px 25px;max-width:300px}.loading-icon{font-size:48px;margin-bottom:25px;animation:bounce 2s infinite}.loading-spinner{width:40px;height:40px;border:3px solid rgba(51,51,51,.3);border-top-color:#dbe8f2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 25px}.loading-content p{font-size:16px;font-weight:400;margin:0 0 8px}.loading-content small{font-size:14px;font-weight:400;color:#333333b3}.app-error{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;max-width:480px;margin:0 auto;background:#fff;color:#333;padding:25px;color-scheme:light only}.app-error *{color-scheme:light only}.error-content{text-align:center;max-width:480px}.error-icon{font-size:64px;margin-bottom:25px}.error-content h2{font-size:18px;font-weight:700;margin:0 0 16px;color:#333}.error-content p{font-size:16px;font-weight:400;color:#333333b3;margin:0 0 24px;line-height:1.5}.retry-button{background:#dbe8f2;color:#333;border:none;border-radius:8px;padding:12px 24px;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;cursor:pointer;transition:all .2s ease}.retry-button:hover{opacity:.9;transform:translateY(-1px)}.retry-button:active{transform:translateY(0)}.debug-info{position:fixed;bottom:25px;left:10px;background:#333333e6;color:#fff;padding:8px;border-radius:4px;font-size:10px;z-index:9999;max-width:300px;overflow:hidden}.debug-info details{cursor:pointer}.debug-info pre{margin:8px 0 0;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.light-theme{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #000000;--tg-theme-hint-color: #999999;--tg-theme-secondary-bg-color: #f8f9fa;--tg-theme-section-separator-color: #e5e5e5}.dark-theme{--tg-theme-bg-color: #1a1a1a;--tg-theme-text-color: #ffffff;--tg-theme-hint-color: #888888;--tg-theme-secondary-bg-color: #2a2a2a;--tg-theme-section-separator-color: #3a3a3a}@media (max-width: 360px){.page-container{padding:16px}}@supports (padding: max(0px)){.page-container{padding-left:max(env(safe-area-inset-left),25px);padding-right:max(env(safe-area-inset-right),25px)}}@media (max-width: 360px){.app-content{padding-left:0;padding-right:0}.loading-content,.error-content{padding:25px 10px}}@supports (padding: max(0px)){.app-content.with-header-only{padding-top:calc(25px + 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}}