:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}:root{--base-size: 60px;--color-bg: #0f172a;--color-text: #f8fafc;--color-text-dim: #64748b;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-faint: rgba(59, 130, 246, .1);--color-primary-border: rgba(59, 130, 246, .3);--color-primary-text: #93c5fd;--color-success: #10b981;--color-success-hover: #059669;--color-error: #ef4444;--grad-start: #718bb0;--grad-mid: #1e293b;--grad-end: #020617;--grad-header: linear-gradient(to right, #60a5fa, #c084fc);--color-card-bg: #1e293b;--color-panel-bg: rgba(15, 23, 42, .3);--color-panel-bg-hover: rgba(30, 41, 59, .5);--color-modal-overlay: rgba(0, 0, 0, .7);--color-tooltip-bg: rgba(10, 10, 10, .85);--color-search-results-bg: rgba(15, 23, 42, .75);--border-color: rgba(255, 255, 255, .15);--border-color-highlight: rgba(255, 255, 255, .3)}body{background-color:var(--color-bg);color:var(--color-text);margin:0;overflow:hidden;width:100vw;height:100vh}input{width:98%!important}.app-container{display:block;width:100vw;height:100vh;position:relative;background:radial-gradient(circle at center,var(--grad-start) 0%,var(--grad-mid) 45%,var(--grad-end) 100%)}.layout-engine-container{width:100%;height:100%;position:absolute;top:0;left:0}.app-header-bar{position:fixed;top:20px;left:0;width:100%;box-sizing:border-box;display:grid;grid-template-columns:1fr auto 1fr;align-items:flex-start;padding:0 40px;z-index:20000;pointer-events:none}.search-container{grid-column:2;justify-self:center;position:relative;top:auto;left:auto;transform:none;display:flex;gap:10px;background:var(--color-panel-bg);border-radius:24px;border:1px solid var(--border-color);backdrop-filter:blur(8px);box-shadow:0 4px 6px #0003;pointer-events:auto}.search-input{background:transparent;border:none;color:var(--color-text);padding:.6rem 1rem;width:240px;font-size:.95rem;outline:none}.search-input::placeholder{color:#ffffff80;text-align:center}.top-meniu-container{grid-column:3;justify-self:end;position:relative;pointer-events:auto;z-index:1000;opacity:.8}.top-meniu-container:hover>.meniu-item-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.wallet-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;height:100%;border-radius:24px;border:1px solid var(--border-color);background:var(--color-panel-bg);backdrop-filter:blur(8px);color:var(--color-text);font-weight:500;font-size:.95rem;font-family:inherit;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #0003}.wallet-btn:hover{background:var(--color-panel-bg-hover);border-color:var(--border-color-highlight);transform:translateY(-1px)}.wallet-btn svg{opacity:.8}.meniu-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--color-panel-bg);backdrop-filter:blur(8px);color:var(--color-text);cursor:pointer;transition:all .2s ease;position:relative}.meniu-icon-btn:hover{background:var(--color-panel-bg-hover);border-color:var(--border-color-highlight);transform:translateY(-1px)}.meniu-icon-btn:hover .meniu-item-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.meniu-item-tooltip{position:absolute;top:120%;right:0;white-space:nowrap;padding:6px 12px;border-radius:8px;background:var(--color-tooltip-bg);border:1px solid rgba(255,255,255,.1);color:var(--color-text);font-size:.8rem;opacity:0;visibility:hidden;transform:translateY(-5px);transition:all .2s ease}.search-results{position:absolute;color:var(--color-text);top:110%;left:0;right:0;background:var(--color-search-results-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:12px;max-height:300px;overflow-y:auto;margin-top:5px;box-shadow:0 10px 15px -3px #00000080;z-index:1000}.search-result-item{padding:10px 15px;cursor:pointer;display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem}.search-result-item:hover{background:#ffffff1a}.bubble{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;user-select:none;cursor:pointer;animation:float 16s ease-in-out infinite;transition:left 2.5s cubic-bezier(.25,1,.5,1),top 2.5s cubic-bezier(.25,1,.5,1),transform 2.5s ease;will-change:transform,left,top}.bubble:hover{z-index:9999!important}.bubble-inner{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(130% 130% at 30% 20%,#ffffff40,#ffffff0d,#ffffff03);box-shadow:0 10px 20px #0003,inset 0 1px 3px #fff6,inset 0 -1px 3px #0000004d;border:1px solid var(--border-color);border-top:1px solid var(--border-color-highlight);border-bottom:1px solid var(--border-color);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);color:var(--color-text);font-family:Inter,system-ui,sans-serif;font-weight:700;text-align:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease,border-color .4s ease;will-change:transform;overflow:hidden}.bubble:hover .bubble-inner{transform:scale(1.2);border-color:#ffffffe6;box-shadow:0 20px 30px -10px #00000080}.bubble-flag{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%;opacity:.8;z-index:-1}.bubble-xl{width:120px;height:120px;font-size:1.5rem;z-index:100}.bubble-l{width:95px;height:90px;font-size:1.25rem;opacity:.9}.bubble-m{width:72px;height:72px;font-size:1rem;opacity:.8}.bubble-s{width:60px;height:60px;font-size:.9rem;opacity:.7}.bubble-xs{width:45px;height:45px;font-size:.75rem;opacity:.5}.bubble-search-match{z-index:5000!important}.bubble-search-match .bubble-inner{box-shadow:0 0 0 4px #ec4899,0 0 30px #ec4899!important;border-color:#fce7f3!important;animation:searchBounce 1s cubic-bezier(.28,.84,.42,1) infinite}.bubble-bounce{animation:bounce .8s cubic-bezier(.28,.84,.42,1)!important;z-index:8000!important}.bubble-tooltip-top,.bubble-tooltip-bottom,.bubble-tooltip-left,.bubble-tooltip-right{position:absolute;width:max-content;max-width:none;padding:6px 12px;border-radius:20px;background:#0a0a0ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#f8fafc;pointer-events:none;z-index:100000;opacity:0;visibility:hidden;transition:all .15s ease-out;display:flex;align-items:center;gap:8px;font-size:.75rem;line-height:1;white-space:nowrap}.bubble-tooltip-top{bottom:120%;left:50%;transform:translate(-50%) translateY(8px) scale(.95)}.bubble-tooltip-top:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(10,10,10,.85) transparent transparent transparent}.bubble-tooltip-bottom{top:120%;left:50%;transform:translate(-50%) translateY(-8px) scale(.95)}.bubble-tooltip-bottom:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(10,10,10,.85) transparent}.bubble-tooltip-left{right:120%;top:50%;transform:translateY(-50%) translate(8px) scale(.95)}.bubble-tooltip-left:after{content:"";position:absolute;left:100%;top:50%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent transparent transparent rgba(10,10,10,.85)}.bubble-tooltip-right{left:120%;top:50%;transform:translateY(-50%) translate(-8px) scale(.95)}.bubble-tooltip-right:after{content:"";position:absolute;right:100%;top:50%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent rgba(10,10,10,.85) transparent transparent}.bubble:hover .bubble-tooltip-top,.bubble:hover .bubble-tooltip-bottom,.bubble:hover .bubble-tooltip-left,.bubble:hover .bubble-tooltip-right{opacity:1;visibility:visible}.bubble:hover .bubble-tooltip-top,.bubble:hover .bubble-tooltip-bottom{transform:translate(-50%) translateY(0) scale(1)}.bubble:hover .bubble-tooltip-left,.bubble:hover .bubble-tooltip-right{transform:translateY(-50%) translate(0) scale(1)}.tooltip-id{font-weight:800;color:var(--color-text);letter-spacing:.05em}.tooltip-name-compact{font-weight:600;color:var(--color-text)}.tooltip-divider{color:#fff3;font-size:.7em}.tooltip-owner{color:var(--color-success);font-weight:600}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50000;backdrop-filter:blur(5px)}.modal-content{background:var(--color-card-bg);width:30rem;max-width:45rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;overflow:hidden;font-family:Inter,sans-serif;animation:modalPop .3s cubic-bezier(.16,1,.3,1)}.modal-header{background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:.5rem .5rem .5rem .8rem;font-size:1.1rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.close-btn{background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer}.close-btn:hover{color:#fff}.modal-body{color:var(--color-text);font-size:.9rem}.buy-section,.user-identity-section{margin-top:1rem;background:#ffffff08;padding:.8rem;border-radius:8px}.buy-section label,.user-identity-section label{display:block;font-size:.8rem;margin-bottom:.4rem;color:var(--color-text)}.buy-section input,.user-identity-section input{background:var(--color-bg);border:1px solid #334155;color:#fff;border-radius:4px;font-size:.9rem;margin-bottom:.2rem;padding:.4rem 0rem .4rem .5rem}.helper-text{font-size:.8rem;color:var(--color-text-dim);margin-bottom:.8rem}.error-msg{color:var(--color-error);font-size:.75rem;margin-bottom:.4rem}.buy-btn{width:100%;background:var(--color-primary);color:var(--color-text);border:none;padding:.6rem;border-radius:4px;font-weight:600;cursor:pointer;transition:background .2s;font-size:.9rem}.buy-btn:hover:not(:disabled){background:var(--color-primary-hover)}.buy-btn:disabled{opacity:.5;cursor:not-allowed}.history-section{padding:0rem 1rem 0em;margin-top:1rem}.history-section h3{font-size:.8rem;color:#94a3b8;margin-bottom:.4rem}.history-section ul{list-style:none;margin:0;max-height:120px;overflow-y:auto;font-size:.75rem}.history-section li{display:flex;justify-content:space-between;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.buy-modal--header-content{display:flex;align-items:center}.stat-row{display:flex;justify-content:space-between;padding:0rem 1rem 0em;margin-top:1rem;font-size:.85rem}.buy-modal--history-list{padding-left:0rem}.buy-modal--history-list li{display:grid;grid-template-columns:1fr auto auto;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.buy-modal--history-user{font-weight:600;color:#e2e8f0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buy-modal--history-price{color:var(--color-success);font-weight:600;font-size:.9rem}.buy-modal--history-time{font-size:.75rem;opacity:.6;white-space:nowrap}.dimmed{cursor:wait}.payment-step-container{display:flex;flex-direction:column;gap:15px;animation:fadeIn .3s ease}.payment-alert{background:var(--color-primary-faint);border:1px solid var(--color-primary-border);color:var(--color-primary-text);padding:1.5rem;border-radius:6px;font-size:.85rem;text-align:center}.payment-details-box{background:#ffffff08;padding:15px;border-radius:8px;display:flex;flex-direction:column;gap:10px}.payment-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.payment-row:last-child{border-bottom:none;padding-bottom:0}.payment-row label{color:var(--color-text);font-size:.85rem}.payment-row .value{color:var(--color-text);font-weight:500;font-size:.9rem}.payment-row .mono{font-family:Roboto Mono,monospace;font-size:.85rem;opacity:.9}.payment-row .mono.small{font-size:.75rem;word-break:break-all;max-width:200px;text-align:right}.payment-row-stacked{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.payment-row-stacked:last-child{border-bottom:none;padding-bottom:0}.payment-row-stacked>div:first-child,.payment-row-stacked>label{color:var(--color-text);font-size:.85rem}.payment-row-stacked .value-group{width:100%;justify-content:space-between}.payment-row-stacked .value{color:var(--color-text);font-weight:500;font-size:.9rem}.payment-row-stacked .mono{font-family:Roboto Mono,monospace;font-size:.85rem;opacity:.9}.payment-row-stacked .mono.small{font-size:.75rem;word-break:break-all;text-align:left}.highlight{color:var(--color-success)!important}.timer-display{text-align:center;font-size:.9rem;color:var(--color-text);font-variant-numeric:tabular-nums}.timer-display span{font-weight:700;color:var(--color-text);margin-left:5px}.payment-actions{display:flex;gap:10px;margin:10px}.confirm-payment-btn{flex:2;background:var(--color-success);color:var(--color-text);border:none;padding:10px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.confirm-payment-btn:hover{background:var(--color-success-hover)}.cancel-btn-secondary{flex:1;background:#ffffff1a;color:var(--color-text);border:none;padding:10px;border-radius:6px;cursor:pointer;transition:all .2s}.cancel-btn-secondary:hover{background:#fff3;color:var(--color-text)}.verifying-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;text-align:center}.verifying-text{color:var(--color-error);font-size:1.1rem;margin:15px 0 5px;font-weight:600;animation:pulseText 2s infinite}.verifying-sub{color:var(--color-text-dim);font-size:.8rem;margin:0}.spinner-ring{display:inline-block;width:40px;height:40px}.spinner-ring:after{content:" ";display:block;width:32px;height:32px;margin:4px;border-radius:50%;border:3px solid #fff;border-color:var(--color-error) transparent var(--color-error) transparent;animation:spinner-ring 1.2s linear infinite}.success-container{text-align:center;padding:20px 0;animation:scaleIn .4s cubic-bezier(.16,1,.3,1)}.success-container p{color:var(--color-text);font-size:.9rem}.success-icon{width:60px;height:60px;background:var(--color-success);color:var(--color-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 15px;box-shadow:0 0 20px #10b98166}.success-text{color:var(--color-success);font-size:1.2rem;margin-bottom:5px}.value-group{display:flex!important;align-items:center;gap:8px;justify-content:flex-end}.copy-icon{cursor:pointer;color:var(--color-text-dim);transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.9rem}.copy-icon:hover{color:var(--color-primary);transform:scale(1.1)}.copy-icon:active{transform:scale(.95);color:var(--color-success)}.user-identity-section button{margin-top:10px}.user-modal--my-flags-section{margin-top:20px}.user-modal--my-flags-list{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.user-modal--flag-item{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:8px;border-radius:8px}.user-modal--flag-icon{width:24px;height:24px;border-radius:50%;object-fit:cover}.user-modal--flag-info{flex:1;display:flex;flex-direction:column}.user-modal--flag-name{font-size:.85rem;font-weight:600;color:#fff}.user-modal--flag-duration{font-size:.75rem;color:var(--color-text)}.user-modal--stats-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--color-text);margin-top:20px}.user-modal--principal-block{margin-top:10px}.modal--content-wrapper{max-width:400px!important}.dev-widget{position:fixed;bottom:10px;left:50%;transform:translate(-50%);background:#00000080;padding:8px;border-radius:8px;z-index:99999;color:var(--color-text);display:flex;gap:8px;align-items:center;backdrop-filter:blur(4px);opacity:.5;transition:opacity .2s;font-size:.8rem}.dev-widget:hover{opacity:1}.dev-widget input{width:40px!important;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-text);padding:4px;border-radius:4px;text-align:center;margin-left:5px}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 15px))}to{transform:translate(-50%,-50%)}}@keyframes bounce{0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-70%) scale(1.15)}60%{transform:translate(-50%,-45%) scale(1.05)}80%{transform:translate(-50%,-55%) scale(1.02)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes searchBounce{0%,to{transform:scale(1.1)}50%{transform:scale(1.3)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseText{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes spinner-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}