.layout{display:flex;flex-direction:column;min-height:100vh;background-color:transparent}.layout__content{flex:1;overflow-y:auto;padding-bottom:80px}.layout__nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:flex-start;align-items:center;padding:12px 8px calc(12px + env(safe-area-inset-bottom));background:var(--bg-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);box-shadow:0 -4px 16px #0000004d;z-index:100;overflow-x:auto;overflow-y:hidden;gap:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.layout__nav::-webkit-scrollbar{display:none}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:transparent;border-radius:12px;color:var(--text-muted);transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;min-width:80px;position:relative;font-size:12px}.nav-tab:hover{background:#8b5cf626;color:var(--text-primary);transform:translateY(-2px)}.nav-tab:active{transform:translateY(0) scale(.96)}.nav-tab--active{color:var(--primary-color);text-shadow:0 0 8px rgba(139,92,246,.4)}.nav-tab__icon{font-size:24px;position:relative;z-index:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-tab__icon svg{width:24px;height:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute}.nav-tab__icon .icon-outline{opacity:1}.nav-tab__icon .icon-solid,.nav-tab--active .nav-tab__icon .icon-outline{opacity:0}.nav-tab--active .nav-tab__icon .icon-solid{opacity:1}.nav-tab--active .nav-tab__icon{transform:scale(1.05);filter:drop-shadow(0 0 8px currentColor)}.nav-tab:hover .nav-tab__icon svg{filter:drop-shadow(0 0 6px rgba(139,92,246,.4))}.nav-tab__label{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;position:relative;z-index:1;letter-spacing:.5px}.audio-player{position:fixed;bottom:64px;left:0;right:0;background:linear-gradient(180deg,#1a1a24f2,#242433fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-glow);padding:10px 16px 12px;z-index:90;box-shadow:0 -8px 32px #0006,0 0 20px #8b5cf61a}.player__info{margin-bottom:6px}.player__title{font-size:14px;font-weight:600;color:var(--tg-theme-text-color, var(--text-primary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__artist{font-size:12px;color:var(--tg-theme-hint-color, var(--text-secondary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__progress{display:flex;align-items:center;gap:8px;margin-bottom:6px}.player__time{font-size:11px;color:var(--tg-theme-hint-color, var(--text-secondary));min-width:40px}.player__slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);outline:none;border-radius:2px;position:relative;overflow:hidden}.player__slider:before{content:"";position:absolute;top:0;left:0;height:100%;background:var(--gradient-primary);width:var(--progress, 0%);border-radius:3px;transition:width .1s ease}.player__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--gradient-primary);cursor:pointer;border-radius:50%;box-shadow:0 0 8px #8b5cf680,0 0 3px #8b5cf64d;transition:all .3s ease;position:relative;z-index:2}.player__slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 16px #8b5cf6cc,0 0 6px #8b5cf699}.player__slider::-moz-range-thumb{width:12px;height:12px;background:var(--gradient-primary);cursor:pointer;border-radius:50%;border:none;box-shadow:0 0 8px #8b5cf680,0 0 3px #8b5cf64d;transition:all .3s ease}.player__slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 16px #8b5cf6cc,0 0 6px #8b5cf699}.player__controls{display:flex;justify-content:center;align-items:center;gap:12px}.player__btn{width:36px;height:36px;border-radius:50%;background:#ffffff0d;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player__btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--border-glow);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #8b5cf64d}.player__btn:disabled{opacity:.5;cursor:not-allowed}.player__btn--play{width:44px;height:44px;background:var(--gradient-primary);color:var(--tg-theme-button-text-color, #ffffff);font-size:20px;box-shadow:0 4px 16px #8b5cf666;border:none}.player__btn--play:hover:not(:disabled){background:var(--gradient-primary);transform:translateY(-2px) scale(1.08);box-shadow:0 6px 24px #8b5cf699}.player__btn--play:disabled{opacity:.6;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(180deg,#1a1a24fa,#242433f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glow);border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080,0 0 40px #8b5cf633;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--tg-theme-text-color, #000000)}.modal-close{background:transparent;border:none;font-size:24px;color:var(--tg-theme-hint-color, #999999);cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.modal-close:hover{color:var(--tg-theme-text-color, #000000)}.modal-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--tg-theme-text-color, #000000);margin-bottom:8px}.form-group input[type=text],.form-group textarea{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:12px;font-size:15px;color:var(--text-primary);background:#ffffff0d;font-family:inherit;transition:all .3s ease;box-sizing:border-box}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background:#ffffff14;box-shadow:0 0 20px #8b5cf64d}.form-group input[type=text]:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.form-group--checkbox{display:flex;flex-direction:column;gap:8px}.form-group--checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:0}.form-group--checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.form-group--checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.form-hint{font-size:12px;color:var(--tg-theme-hint-color, #999999);padding-left:28px}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn--primary{background:var(--gradient-primary);color:var(--tg-theme-button-text-color, #ffffff);box-shadow:0 4px 20px #8b5cf666}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf699}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-color)}.btn--secondary:hover:not(:disabled){background:#ffffff1a;border-color:var(--border-glow)}.modal-body{padding:20px}.track-info{padding:14px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px}.track-info__label{font-size:12px;color:var(--tg-theme-hint-color, #999999);margin-bottom:4px}.track-info__title{font-size:15px;font-weight:600;color:var(--tg-theme-text-color, #000000)}.playlist-loading,.playlist-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.playlist-empty p{margin:8px 0;color:var(--tg-theme-text-color, #000000)}.playlist-empty .hint{font-size:13px;color:var(--tg-theme-hint-color, #999999)}.playlist-selector{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.playlist-option{display:flex;align-items:center;gap:14px;padding:14px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.playlist-option:hover:not(:disabled){background:#ffffff14;border-color:var(--border-glow);transform:translate(6px);box-shadow:0 4px 12px #8b5cf633}.playlist-option:disabled{opacity:.5;cursor:not-allowed}.playlist-option__icon{font-size:24px;flex-shrink:0}.playlist-option__info{flex:1;min-width:0}.playlist-option__title{font-size:15px;font-weight:500;color:var(--tg-theme-text-color, #000000);margin-bottom:2px}.playlist-option__description{font-size:13px;color:var(--tg-theme-hint-color, #999999);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-option__arrow{font-size:20px;color:var(--tg-theme-hint-color, #999999);flex-shrink:0}.spinner-small{width:20px;height:20px;border:2px solid var(--tg-theme-section-separator-color, #e0e0e0);border-top-color:var(--tg-theme-button-color, #3390ec);border-radius:50%;animation:spin .8s linear infinite}.track-card{display:flex;align-items:center;gap:14px;padding:14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:12px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.track-card:hover{background:var(--bg-tertiary);border-color:#8b5cf666;transform:translateY(-3px);box-shadow:0 8px 32px #8b5cf640,0 0 0 1px #8b5cf61a}.track-card:active{transform:translateY(-1px)}.track-card--active{background:var(--bg-tertiary);border-color:#8b5cf666;box-shadow:0 4px 16px #8b5cf633,inset 0 0 20px #8b5cf61a}.track-card__play{flex-shrink:0;width:44px;height:44px;min-width:44px;border-radius:12px;background:var(--gradient-primary);color:var(--tg-theme-button-text-color, #ffffff);font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #8b5cf64d;position:relative;z-index:1}.track-card__play:hover{transform:scale(1.08);box-shadow:0 6px 24px #8b5cf699,0 0 40px #8b5cf64d}.track-card__play:active{transform:scale(1.02)}.track-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.track-card__title{font-size:15px;font-weight:600;color:var(--tg-theme-text-color, var(--text-primary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.track-card__artist{font-size:13px;color:var(--tg-theme-hint-color, var(--text-secondary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-card__stats{display:flex;gap:12px;font-size:12px;color:var(--text-muted);margin-top:6px}.track-card__actions{display:flex;gap:2px;flex-shrink:0;background:transparent;align-items:center;justify-content:flex-end;width:auto}.action-btn{width:32px;height:32px;background:none!important;background-color:transparent!important;border:none!important;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;color:var(--text-secondary);flex-shrink:0;box-shadow:none!important;padding:0}.action-btn:hover{transform:scale(1.2)!important;color:var(--text-primary)}.action-btn:active{transform:scale(1.05)!important}.action-btn.action-btn--active{color:var(--primary-color)}.action-btn.action-btn--favorite.action-btn--active{color:#ef4444}.action-btn.action-btn--favorite.action-btn--active:hover{color:#f87171}.action-btn svg{width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn .icon-outline{opacity:1}.action-btn .icon-solid{position:absolute;opacity:0}.action-btn.action-btn--active .icon-outline{opacity:0}.action-btn.action-btn--active .icon-solid{opacity:1}.action-btn:hover svg{filter:drop-shadow(0 0 6px rgba(139,92,246,.4))}.action-btn.action-btn--active:hover svg{filter:drop-shadow(0 0 10px rgba(139,92,246,.6))}.action-btn.action-btn--favorite.action-btn--active:hover svg{filter:drop-shadow(0 0 12px rgba(239,68,68,.8))}.page{min-height:100vh;padding:16px 16px 80px}.page__header{margin-bottom:24px}.page__header h1{font-size:28px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.page__subtitle{font-size:14px;color:var(--tg-theme-hint-color, var(--text-secondary))}.page__loading,.page__error,.page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:24px}.page__loading p,.page__error p{margin-top:16px;color:var(--tg-theme-hint-color, var(--text-secondary))}.page__error button{margin-top:16px;padding:14px 28px;background:var(--gradient-primary);color:var(--tg-theme-button-text-color, #ffffff);border-radius:12px;font-size:16px;font-weight:600;box-shadow:0 4px 20px #8b5cf666;transition:all .3s cubic-bezier(.4,0,.2,1)}.page__error button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf699}.empty-state{max-width:300px}.empty-state__icon{font-size:64px;margin-bottom:16px}.empty-state h2{font-size:20px;font-weight:600;color:var(--tg-theme-text-color, var(--text-primary));margin-bottom:8px}.empty-state p{font-size:14px;color:var(--tg-theme-hint-color, var(--text-secondary));line-height:1.5}.track-list{margin-bottom:24px}.page__load-more{display:flex;justify-content:center;padding:24px}.page__load-more button{padding:14px 36px;background:var(--gradient-primary);color:var(--tg-theme-button-text-color, #ffffff);border-radius:12px;font-size:16px;font-weight:600;box-shadow:0 4px 20px #8b5cf666;transition:all .3s cubic-bezier(.4,0,.2,1)}.page__load-more button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf699}.search-box{margin-bottom:16px}.search-box input{width:100%;padding:14px 48px 14px 44px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:16px;font-size:15px;transition:all .4s cubic-bezier(.4,0,.2,1)}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #8b5cf626,0 4px 20px #8b5cf633;transform:translateY(-2px)}.search-box input::placeholder{color:var(--text-muted)}.page__header button{margin-top:16px;padding:14px 28px;background:var(--gradient-primary);color:var(--tg-theme-button-text-color, #ffffff);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #8b5cf666;transition:all .3s cubic-bezier(.4,0,.2,1)}.page__header button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf699}.page__actions{margin-top:16px;display:flex;gap:12px}.btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;box-shadow:0 4px 20px #ef444466!important}.btn--danger:hover{box-shadow:0 8px 30px #ef444499!important}.btn-back{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary);border-radius:10px;font-size:14px;cursor:pointer;margin-bottom:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-back:hover{background:#ffffff1a;border-color:var(--border-glow);transform:translate(-4px)}.playlist-meta{display:flex;gap:16px;margin-top:8px;font-size:14px;color:var(--tg-theme-hint-color, var(--text-secondary))}.playlist-list{margin-bottom:24px}.playlist-track-item{display:flex;align-items:center;gap:12px;margin-bottom:12px}.track-position{font-size:16px;font-weight:600;color:var(--tg-theme-hint-color, var(--text-secondary));width:32px;text-align:center;flex-shrink:0}.track-content{flex:1;min-width:0}.btn-remove{width:36px;height:36px;border-radius:50%;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:16px;cursor:pointer;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-remove:hover{background:#ef444440;border-color:#ef444499;transform:scale(1.1);box-shadow:0 4px 12px #ef44444d}.btn-remove:active{transform:scale(.95)}.import-page{padding-bottom:100px}.import-btn{width:100%;padding:16px;background-color:var(--tg-theme-button-color, var(--primary-color));color:var(--tg-theme-button-text-color, #ffffff);border-radius:12px;font-size:16px;font-weight:600;margin-bottom:24px}.import-form{background-color:var(--tg-theme-secondary-bg-color, var(--bg-secondary));border-radius:12px;padding:20px;margin-bottom:24px}.form-group{margin-bottom:16px}.form-group:last-of-type{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--tg-theme-text-color, var(--text-primary));margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px;background-color:var(--tg-theme-bg-color, var(--bg-primary));color:var(--tg-theme-text-color, var(--text-primary));border:1px solid var(--border-color);border-radius:8px;font-size:15px}.form-group input::placeholder{color:var(--tg-theme-hint-color, var(--text-secondary))}.form-actions{display:flex;gap:12px}.btn{flex:1;padding:12px;border-radius:8px;font-size:16px;font-weight:600;transition:opacity .2s ease}.btn--primary{background-color:var(--tg-theme-button-color, var(--primary-color));color:var(--tg-theme-button-text-color, #ffffff)}.btn--secondary{background-color:var(--tg-theme-secondary-bg-color, var(--bg-secondary));color:var(--tg-theme-text-color, var(--text-primary))}.btn:disabled{opacity:.5;cursor:not-allowed}.jobs-section{margin-top:32px}.jobs-section h2{font-size:20px;font-weight:700;color:var(--tg-theme-text-color, var(--text-primary));margin-bottom:16px}.jobs-list{display:flex;flex-direction:column;gap:12px}.job-card{background-color:var(--tg-theme-secondary-bg-color, var(--bg-secondary));border-radius:12px;padding:16px}.job-card__header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.job-card__icon{font-size:24px;flex-shrink:0}.job-card__info{flex:1;min-width:0}.job-card__title{font-size:16px;font-weight:600;color:var(--tg-theme-text-color, var(--text-primary));margin-bottom:4px;text-transform:capitalize}.job-card__url{font-size:12px;color:var(--tg-theme-hint-color, var(--text-secondary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-card__progress{margin-bottom:12px}.progress-bar{height:6px;background-color:var(--tg-theme-bg-color, var(--bg-primary));border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-bar__fill{height:100%;background-color:var(--tg-theme-button-color, var(--primary-color));transition:width .3s ease}.progress-text{font-size:12px;color:var(--tg-theme-hint-color, var(--text-secondary));text-align:center}.job-card__footer{display:flex;align-items:center;justify-content:space-between}.job-card__status{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--tg-theme-hint-color, var(--text-secondary))}.job-card__result{font-size:12px;color:var(--success-color)}.job-card__error{font-size:12px;color:var(--error-color)}.btn-cancel{padding:6px 12px;background-color:var(--error-color);color:#fff;border-radius:6px;font-size:12px;font-weight:600}.playlist-card{display:flex;align-items:center;gap:14px;padding:18px;background:var(--gradient-secondary);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:14px;position:relative;overflow:hidden}.playlist-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,rgba(139,92,246,.1),transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.playlist-card:hover{background:var(--bg-secondary);border-color:var(--border-glow);transform:translateY(-4px);box-shadow:0 8px 24px #0000004d,0 0 20px #8b5cf633}.playlist-card:hover:before{opacity:1}.playlist-card:active{transform:translateY(-2px)}.playlist-card__icon{font-size:34px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:12px;flex-shrink:0;box-shadow:0 4px 12px #8b5cf64d;position:relative;z-index:1;transition:transform .3s ease}.playlist-card:hover .playlist-card__icon{transform:scale(1.05);box-shadow:0 6px 20px #8b5cf680}.playlist-card__info{flex:1;min-width:0}.playlist-card__title{font-size:16px;font-weight:600;color:var(--tg-theme-text-color, #000000);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-card__description{font-size:13px;color:var(--tg-theme-hint-color, #999999);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-card__meta{display:flex;gap:12px;font-size:12px;color:var(--tg-theme-hint-color, #999999)}.playlist-card__actions{display:flex;gap:8px;flex-shrink:0}.action-btn{padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;font-size:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.action-btn:hover{background:#ffffff1a;border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.action-btn--danger:hover{background:#ef444433;border-color:#ef444480;box-shadow:0 4px 12px #ef44444d}.wallet-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#08c,#0098e0);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0088cc4d}.wallet-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #08c6}.wallet-button:active{transform:translateY(0)}.wallet-button--connected{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 2px 8px #4caf504d}.wallet-button--connected:hover{box-shadow:0 4px 12px #4caf5066}.wallet-button__icon{font-size:18px;line-height:1}.wallet-button__text{font-family:SF Mono,Monaco,Courier New,monospace}.wallet-button__status{font-size:14px;color:#ffffffe6}.wallet-connect-section{display:flex;justify-content:center;margin-bottom:24px}.wallet-info-card,.wallet-actions-card{background:var(--tg-theme-bg-color, #ffffff);border:1px solid var(--tg-theme-section-separator-color, #e0e0e0);border-radius:16px;padding:20px;margin-bottom:20px}.wallet-info-card h3,.wallet-actions-card h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--tg-theme-text-color, #000000)}.wallet-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.wallet-status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#4caf50}.status-indicator{width:8px;height:8px;background:#4caf50;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.wallet-details{display:flex;flex-direction:column;gap:12px}.wallet-detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:8px}.detail-label{font-size:14px;color:var(--tg-theme-hint-color, #999999);font-weight:500}.detail-value{font-size:14px;color:var(--tg-theme-text-color, #000000);font-weight:600}.detail-value--mono{font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px}.send-form{display:flex;flex-direction:column;gap:16px}.send-form .form-group label{display:block;font-size:14px;font-weight:500;color:var(--tg-theme-text-color, #000000);margin-bottom:8px}.send-form .form-group input{width:100%;padding:12px;border:1px solid var(--tg-theme-section-separator-color, #e0e0e0);border-radius:8px;font-size:14px;color:var(--tg-theme-text-color, #000000);background:var(--tg-theme-bg-color, #ffffff);font-family:inherit;transition:border-color .2s ease;box-sizing:border-box}.send-form .form-group input:focus{outline:none;border-color:var(--tg-theme-button-color, #3390ec)}.send-form .form-group input:disabled{opacity:.5;cursor:not-allowed}.send-form .btn{padding:14px 20px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.send-form .btn--primary{background:linear-gradient(135deg,#08c,#0098e0);color:#fff;box-shadow:0 2px 8px #0088cc4d}.send-form .btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #08c6}.send-form .btn--primary:active:not(:disabled){transform:translateY(0)}.send-form .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.wallet-info-section{background:var(--tg-theme-bg-color, #ffffff);border:1px solid var(--tg-theme-section-separator-color, #e0e0e0);border-radius:16px;padding:20px;margin-bottom:20px}.wallet-info-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--tg-theme-text-color, #000000)}.info-list{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;gap:12px;padding:16px;background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;transition:transform .2s ease}.info-item:hover{transform:translate(4px)}.info-icon{font-size:32px;flex-shrink:0}.info-content{flex:1}.info-content strong{display:block;font-size:15px;font-weight:600;color:var(--tg-theme-text-color, #000000);margin-bottom:4px}.info-content p{margin:0;font-size:13px;color:var(--tg-theme-hint-color, #999999);line-height:1.4}:root{--tg-theme-bg-color: #0f0f1e;--tg-theme-text-color: #ffffff;--tg-theme-hint-color: #a0a0b8;--tg-theme-link-color: #8b5cf6;--tg-theme-button-color: #8b5cf6;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #1a1a2e;--primary-color: #8b5cf6;--secondary-color: #14b8a6;--accent-color: #a78bfa;--text-primary: #ffffff;--text-secondary: #a0a0b8;--text-muted: #6b6b8a;--bg-primary: #0f0f1e;--bg-secondary: #1a1a2e;--bg-tertiary: #252541;--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(139, 92, 246, .4);--error-color: #ef4444;--success-color: #10b981;--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #14b8a6 100%);--gradient-secondary: linear-gradient(135deg, #1a1a2e 0%, #252541 100%);--shadow-hover: 0 8px 32px rgba(139, 92, 246, .25);--glow-primary: 0 0 20px rgba(139, 92, 246, .3);--glow-secondary: 0 0 30px rgba(139, 92, 246, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tg-theme-bg-color, var(--bg-primary));color:var(--tg-theme-text-color, var(--text-primary));overflow-x:hidden;overflow-y:auto;position:relative;min-height:100vh}body:before{content:"";position:fixed;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle at 20% 30%,rgba(139,92,246,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(20,184,166,.3) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.2) 0%,transparent 50%),linear-gradient(135deg,#0f0f1e,#1a1a2e);animation:gradientShift 15s ease infinite;z-index:-1;pointer-events:none;will-change:transform}@keyframes gradientShift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-8%,8%) rotate(120deg)}66%{transform:translate(8%,-8%) rotate(240deg)}}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{display:none;width:0;height:0}*{scrollbar-width:none;-ms-overflow-style:none}.spinner{width:40px;height:40px;border:4px solid var(--bg-tertiary);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;box-shadow:var(--glow-primary)}@keyframes spin{to{transform:rotate(360deg)}}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .4s cubic-bezier(.4,0,.2,1)}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0) scale(.98)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}input{font-family:inherit;outline:none;border:none;transition:all .4s cubic-bezier(.4,0,.2,1)}a{color:var(--tg-theme-link-color, var(--primary-color));text-decoration:none}a:hover{text-decoration:underline}.container{max-width:600px;margin:0 auto;padding:0 16px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:700}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.p-2{padding:.5rem}.p-4{padding:1rem}.rounded{border-radius:.5rem}.shadow{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.shadow-glow{box-shadow:0 4px 20px #8b5cf64d,0 0 40px #8b5cf61a}
