:root{--bg:#0b0f14;--card:#121820;--accent:#2563eb;--accent-secondary:#38bdf8;--success:#22c55e;--error:#ef4444;--text:#fff;--text-secondary:#94a3b8}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}#root{height:100%}body{background:var(--bg);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.app{flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-content{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;padding:25px;overflow-y:auto}.app-content::-webkit-scrollbar{display:none}.header{border-bottom:1px solid #94a3b859;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:10px;padding:25px 25px 16px;display:flex;position:relative}.logo{color:#fff;font-size:clamp(22px,6vw,30px);font-weight:700}.menu-button{border:2px solid var(--accent);width:32px;height:32px;color:var(--accent);letter-spacing:-1px;cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.dropdown{background:var(--card);opacity:0;pointer-events:none;z-index:10;border-radius:20px;width:min(300px,80vw);transition:all .2s;position:absolute;top:60px;right:0;overflow:hidden;transform:translateY(-10px);box-shadow:0 15px 40px #00000080}.dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown div{cursor:pointer;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;font-size:20px;display:flex}.dropdown div:last-child{border-bottom:none}.balance{text-align:center;margin-top:30px}.balance p{color:var(--text);margin:0;font-size:20px}.balance h1{margin:15px 0;font-size:clamp(40px,14vw,64px)}.balance span{color:var(--text-secondary);font-size:18px}.actions{grid-template-columns:1fr 1fr;gap:15px;margin-top:40px;display:grid}.action-card{background:var(--card);color:#fff;cursor:pointer;border:none;border-radius:18px;height:100px}.action-card div{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto;font-size:20px;display:flex}.action-card span{color:var(--accent-secondary);margin-top:10px;font-size:15px;font-weight:600;display:block}.devices{background:var(--card);border-radius:20px;margin-top:25px;padding:25px}.devices-header{justify-content:space-between;align-items:center;display:flex}.devices h2{margin:0;font-size:19px}.devices p{color:var(--text-secondary)}.devices button{color:var(--accent-secondary);background:#2563eb26;border:none;border-radius:20px;padding:10px 22px;font-size:15px;font-weight:600}.modal-bg{z-index:20;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--card);text-align:center;border-radius:25px;width:90%;max-width:400px;padding:30px 25px 25px;position:relative}.modal h2{margin-bottom:12px}.modal-close{width:32px;height:32px;color:var(--text);background:#94a3b826;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.modal .primary-btn{background:var(--accent);color:#fff;border:none;border-radius:15px;width:100%;margin-top:20px;padding:16px;font-size:16px;font-weight:600}.device-card{background:var(--card);cursor:pointer;border:1px solid #ffffff0f;border-radius:18px;align-items:center;gap:16px;margin-top:14px;padding:16px;transition:all .2s;display:flex}.device-card:active{transform:scale(.98)}.device-icon{background:var(--accent);color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.device-info{flex-direction:column;display:flex}.device-info h3{color:#fff;margin:0;font-size:18px;font-weight:600}.device-info span{color:var(--text-secondary);margin-top:4px;font-size:13px}.modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-box{background:var(--card);box-sizing:border-box;text-align:center;color:#fff;border-radius:24px;width:calc(100% - 40px);max-width:360px;padding:24px;animation:.2s confirmShow}.confirm-box h2{margin-bottom:12px}.confirm-box p{color:var(--text-secondary);margin-bottom:24px}.confirm-actions button{border:none;border-radius:14px;flex:1;padding:14px}.delete-confirm{background:var(--error);color:#fff}.delete-modal{background:var(--card);text-align:center;color:#fff;border-radius:24px;width:85%;max-width:360px;padding:24px}.history-screen,.device-screen,.info-screen{background:var(--bg);max-width:480px;height:100dvh;color:var(--text);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.sticky-header,.device-header{background:var(--bg);border-bottom:1px solid #94a3b826;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.back-button,.device-header button{color:var(--accent-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px}.sticky-header-balance{flex-direction:column;align-items:flex-end;line-height:1.3;display:flex}.sticky-header-balance span{color:var(--text-secondary);font-size:12px}.sticky-header-balance b{font-size:18px}.history-content,.device-content,.info-content{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;padding:20px;overflow-y:auto}.history-content::-webkit-scrollbar{display:none}.device-content::-webkit-scrollbar{display:none}.info-content::-webkit-scrollbar{display:none}.history-content h1{text-align:center;margin:10px 0 25px;font-size:26px}.history-empty{text-align:center;color:var(--text-secondary)}.history-group{margin-bottom:20px}.history-group-title{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:10px;padding-left:4px;font-size:12px}.history-item{background:var(--card);border-radius:16px;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;display:flex}.history-icon{background:#94a3b81f;border-radius:12px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:18px;display:flex}.history-item-text{flex-direction:column;display:flex}.history-item-text span{color:var(--text-secondary);margin-top:2px;font-size:13px}.device-content h1{margin-bottom:8px;font-size:26px}.device-content>span{color:var(--text-secondary)}.delete-button{background:var(--error);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:30px;padding:14px;font-size:15px;font-weight:600;display:block}.delete-overlay{z-index:20;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-modal{background:var(--card);text-align:center;border-radius:20px;width:85%;max-width:320px;padding:24px}.delete-modal p{color:var(--text-secondary);margin:10px 0 20px}.confirm-actions{gap:12px;display:flex}.confirm-actions button{cursor:pointer;color:var(--text);background:#94a3b826;border:none;border-radius:12px;flex:1;padding:12px;font-size:15px}.delete-confirm{color:#fff;background:var(--error)!important}.bottom-menu{background:var(--card);padding:12px 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid #94a3b826;flex-shrink:0;justify-content:space-around;align-items:center;display:flex}.bottom-menu a{color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;font-size:12px;text-decoration:none;display:flex}.devices-price-note{text-align:center;color:var(--text-secondary);margin:16px 0;font-size:13px}.referral-card{background:var(--card);text-align:center;border-radius:20px;margin-bottom:20px;padding:28px 20px}.referral-emoji{margin-bottom:10px;font-size:40px}.referral-card h2{margin:0 0 10px;font-size:20px}.referral-card>p{color:var(--text-secondary);margin:0 0 20px;font-size:14px}.referral-stats{justify-content:center;gap:30px;margin-bottom:20px;display:flex}.referral-stats div{flex-direction:column;align-items:center;display:flex}.referral-stats b{font-size:20px}.referral-stats span{color:var(--text-secondary);margin-top:2px;font-size:12px}.referral-actions{gap:12px;display:flex}.referral-actions button{cursor:pointer;border:none;border-radius:14px;flex:1;padding:14px;font-size:15px;font-weight:600}.referral-send{background:var(--accent);color:#fff}.referral-copy{color:var(--text);background:#94a3b826}.topup-content h1{text-align:center;margin:10px 0 6px;font-size:24px}.topup-note{text-align:center;color:var(--text-secondary);margin:0 0 20px;font-size:13px}.topup-card{background:var(--card);text-align:center;border-radius:20px;padding:24px 16px}.topup-amount{color:var(--text-secondary);font-size:clamp(36px,12vw,48px);font-weight:700}.topup-amount-label{color:var(--text-secondary);margin:6px 0 18px;font-size:13px;display:block}.topup-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.topup-option{color:var(--text);cursor:pointer;background:0 0;border:1px solid #94a3b840;border-radius:14px;padding:14px 0;font-size:15px;font-weight:600}.topup-option.selected{border-color:var(--accent);color:var(--accent-secondary);background:#2563eb26}.topup-disclaimer{text-align:center;color:var(--text-secondary);margin:24px 0;font-size:12px}.topup-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:16px;font-size:16px;font-weight:600;display:block}.topup-submit:disabled{cursor:not-allowed;background:#2563eb59}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app,.history-screen,.device-screen,.info-screen{animation:.25s ease-out screenFadeIn}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.device-card,.history-item,.action-card,.referral-card,.balance{animation:.3s ease-out both cardFadeIn}.device-card:nth-of-type(2),.history-item:nth-of-type(2){animation-delay:40ms}.device-card:nth-of-type(3),.history-item:nth-of-type(3){animation-delay:80ms}.device-card:nth-of-type(4),.history-item:nth-of-type(4){animation-delay:.12s}button,.device-card,.action-card,.topup-option{transition:transform .15s,opacity .15s,background-color .15s}button:active,.device-card:active,.action-card:active,.topup-option:active{transform:scale(.97)}@keyframes skeletonPulse{0%,to{opacity:.6}50%{opacity:1}}.skeleton{background:var(--card);border-radius:12px;animation:1.4s ease-in-out infinite skeletonPulse}.skeleton-balance-label{width:80px;height:14px;margin-bottom:10px}.skeleton-balance-amount{border-radius:14px;width:160px;height:48px;margin-bottom:10px}.skeleton-balance-hint{width:200px;height:14px;margin-bottom:25px}.skeleton-action-card{border-radius:16px;height:90px}.skeleton-devices-header{width:140px;height:20px;margin:25px 0 15px}.skeleton-device-card{border-radius:16px;height:64px;margin-bottom:10px}.generating-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;height:100%;padding:40px;display:flex}.generating-content h2{margin:0}.generating-content p{color:var(--text-secondary);margin:0}.spinner{border:4px solid #94a3b833;border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;margin-bottom:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.devices-empty{background:var(--card);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:30px 24px;display:flex}.devices-empty-icon{margin-bottom:12px;font-size:40px}.devices-empty h3{margin:0 0 8px;font-size:18px}.devices-empty p{color:var(--text-secondary);max-width:260px;margin:0 0 20px}.devices-empty-button{background:var(--accent);color:#fff;border:none;border-radius:14px;width:100%;padding:14px;font-size:15px;font-weight:600}.device-icon-large{text-align:center;margin-bottom:8px;font-size:44px}.device-content h1{text-align:center}.device-content>p:first-of-type{text-align:center;color:var(--text-secondary);margin:0 0 4px}.device-content>span{text-align:center;color:var(--text-secondary);margin-bottom:24px;display:block}.device-options{background:var(--card);border-radius:16px;flex-direction:column;margin:20px 0;display:flex;overflow:hidden}.device-option{border:none;border-bottom:1px solid var(--border);color:var(--text);text-align:left;background:0 0;align-items:center;gap:14px;padding:16px;font-size:24px;display:flex;position:relative}.device-option:last-child{border-bottom:none}.device-option div{flex-direction:column;gap:2px;display:flex}.device-option b{font-size:15px;font-weight:600}.device-option span{color:var(--text-secondary);font-size:13px}.device-option:after{content:"";border:2px solid var(--text-secondary);box-sizing:border-box;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.device-option.active:after{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--card)}.next-button{background:var(--accent);color:#fff;border:none;border-radius:14px;width:100%;margin-top:10px;padding:16px;font-size:16px;font-weight:600}.next-button:disabled{color:#fff9;background:#2563eb59}.store-card{background:var(--card);border-radius:16px;justify-content:space-between;align-items:center;margin:20px 0;padding:16px;display:flex}.store-card h3{align-items:center;gap:8px;margin:0 0 4px;font-size:15px;display:flex}.store-card p{color:var(--text-secondary);margin:0;font-size:13px}.store-card a{color:var(--accent-secondary);background:#2563eb26;border-radius:20px;padding:8px 18px;font-size:14px;font-weight:600;text-decoration:none}.config-card{background:var(--card);border-radius:16px;flex-direction:column;gap:12px;margin:20px 0;padding:16px;display:flex}.config-card textarea{background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);resize:none;border-radius:10px;height:70px;padding:12px;font-size:13px}.config-card button{background:var(--accent);color:#fff;border:none;border-radius:12px;padding:12px;font-size:15px;font-weight:600}.container{padding:20px}.card{background:var(--card);border-radius:16px;margin-bottom:16px;padding:20px}.card h2{margin:0 0 12px;font-size:18px}.card p{color:var(--text-secondary);margin:8px 0;font-size:14px}.card hr{border:none;border-top:1px solid var(--border);margin:14px 0}.faq-title{text-align:center;margin:10px 0 20px}.faq-list{background:var(--card);border-radius:16px;overflow:hidden}.faq-item{border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;color:var(--text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px;font-size:15px;display:flex}.faq-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s}.faq-chevron.open{transform:rotate(180deg)}.faq-answer{color:var(--text-secondary);padding:0 16px 16px;font-size:14px;line-height:1.5}.faq-support-link{background:var(--card);width:100%;color:var(--accent-secondary);border:none;border-radius:16px;align-items:center;gap:10px;margin-top:16px;padding:16px;font-size:15px;font-weight:600;display:flex}.rules-placeholder{color:var(--text-secondary);line-height:1.6}.chat-screen{background:var(--bg);max-width:480px;height:100dvh;color:var(--text);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.chat-header-title{font-weight:600}.chat-messages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.chat-empty{color:var(--text-secondary);text-align:center;padding:30px 20px;font-size:14px}.chat-bubble{border-radius:16px;flex-direction:column;gap:4px;max-width:78%;padding:10px 14px;display:flex}.chat-bubble p{white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.4}.chat-bubble span{color:#fff9;align-self:flex-end;font-size:11px}.chat-bubble-user{background:var(--accent);border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble-admin{background:var(--card);border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble-admin span{color:var(--text-secondary)}.chat-input-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg);flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.chat-input-bar textarea{background:var(--card);border:1px solid var(--border);color:var(--text);resize:none;border-radius:18px;flex:1;max-height:100px;padding:10px 16px;font-family:inherit;font-size:14px}.chat-input-bar button{background:var(--accent);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.chat-input-bar button:disabled{background:#2563eb59}.trial-banner{color:var(--success);text-align:center;background:linear-gradient(135deg,#22c55e26,#38bdf826);border:1px solid #22c55e4d;border-radius:14px;margin:12px 0;padding:14px 16px;font-size:14px;font-weight:600;line-height:1.4}