.brand-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:22%;overflow:hidden;box-shadow:0 8px 26px -8px #000000b3,0 0 0 1px var(--stroke)}.brand-logo__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 32%}.brand-logo--sm{width:clamp(56px,8vw,76px);height:clamp(56px,8vw,76px)}.brand-logo--md{width:clamp(72px,11vw,96px);height:clamp(72px,11vw,96px)}.brand-logo--lg{width:min(150px,40vw);height:min(150px,40vw);border-radius:26%}.bg-logo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0;overflow:hidden}.bg-logo__glow{position:absolute;width:min(96vmin,900px);height:min(96vmin,900px);border-radius:50%;background:radial-gradient(circle,var(--teal-wash) 0%,rgba(34,190,198,.04) 40%,transparent 70%);filter:blur(4px)}.bg-logo__img{position:relative;width:min(56vmin,500px);height:min(56vmin,500px);border-radius:26%;object-fit:cover;object-position:center 32%;opacity:.05;filter:saturate(.6) brightness(1.1)}.screen{position:relative;display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:radial-gradient(120% 90% at 50% -10%,rgba(34,190,198,.1) 0%,transparent 45%),radial-gradient(90% 80% at 100% 100%,rgba(91,140,255,.06) 0%,transparent 55%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-0) 60%,#05091680 100%)}.screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(rgba(120,152,220,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(120,152,220,.04) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(120% 80% at 50% 0%,#000 30%,transparent 85%);mask-image:radial-gradient(120% 80% at 50% 0%,#000 30%,transparent 85%);pointer-events:none}.screen__header,.screen__body{position:relative;z-index:1}.screen__header{display:flex;align-items:center;justify-content:space-between;gap:2vw;padding:1.5vh 2.6vw;border-bottom:1px solid var(--stroke);background:linear-gradient(180deg,#0a0e1ad9,#0a0e1a73);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.screen__header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--teal) 20%,var(--teal-bright) 50%,var(--teal) 80%,transparent);opacity:.7}.screen__brand{display:flex;align-items:center;gap:1.3vw;min-width:0}.screen__title{margin:0;font-family:var(--font-display);font-size:clamp(1.2rem,2.3vw,2rem);font-weight:700;letter-spacing:.01em;color:var(--text);line-height:1.05}.screen__title-sub{display:block;margin-top:.35em;font-family:var(--font-body);font-size:.5em;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--teal)}.screen__right{display:flex;align-items:center;gap:clamp(10px,1.2vw,22px);flex-shrink:0}.screen__count{display:flex;align-items:baseline;gap:.5em;padding:.3em .85em .35em;border-radius:14px;background:var(--teal-wash);border:1px solid rgba(34,190,198,.28);box-shadow:inset 0 0 24px -12px var(--teal-glow)}.screen__count-num{font-family:var(--font-display);font-size:clamp(1.5rem,2.8vw,2.6rem);font-weight:700;line-height:1;color:var(--teal-bright);font-variant-numeric:tabular-nums;text-shadow:0 0 18px var(--teal-glow)}.screen__count-label{font-size:clamp(.7rem,1vw,.95rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.clock{display:flex;align-items:center;gap:.5em;padding:.45em .85em;border-radius:12px;background:#ffffff08;border:1px solid var(--stroke-soft)}.clock__dot{width:.5em;height:.5em;border-radius:50%;background:var(--teal);box-shadow:0 0 .6em var(--teal-glow);animation:clockBlink 2s ease-in-out infinite}.clock__time{font-family:var(--font-display);font-size:clamp(1rem,1.7vw,1.5rem);font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.02em}@keyframes clockBlink{0%,to{opacity:1}50%{opacity:.35}}.screen__settings{display:inline-flex;align-items:center;justify-content:center;width:clamp(40px,3.4vw,54px);height:clamp(40px,3.4vw,54px);background:#ffffff08;border:1px solid var(--stroke);color:var(--muted);font-size:clamp(1.2rem,2vw,1.7rem);line-height:1;border-radius:12px;transition:color .15s,border-color .15s,background .15s}.screen__settings:hover{color:var(--teal-bright);border-color:#22bec673;background:var(--teal-wash)}.screen__mock-badge{font-size:clamp(.72rem,1vw,.9rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);background:var(--amber-wash);border:1px solid rgba(245,196,81,.35);border-radius:999px;padding:.4em .85em}.screen__body{flex:1;min-height:0;overflow-y:auto;padding:clamp(16px,2.4vh,34px) clamp(20px,2.6vw,48px);scrollbar-width:thin;scrollbar-color:rgba(34,190,198,.4) transparent}.screen__body::-webkit-scrollbar{width:8px}.screen__body::-webkit-scrollbar-thumb{background:#22bec659;border-radius:8px}.queue{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(300px,23vw,430px),1fr));gap:clamp(14px,1.5vw,26px);align-content:start}.item{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(10px,1vh,18px);background:linear-gradient(180deg,var(--card-glass),transparent),var(--card);border:1px solid var(--stroke);border-radius:clamp(16px,1.1vw,22px);padding:clamp(16px,1.5vw,28px);padding-left:clamp(20px,1.9vw,34px);min-height:clamp(190px,16vw,270px);overflow:hidden;container-type:inline-size;box-shadow:var(--shadow-card)}.item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--teal);opacity:.55}.item--yandex:before{background:var(--amber)}.item--top{border-color:#22bec680;background:linear-gradient(180deg,#22bec624,#22bec605),var(--card);box-shadow:0 22px 50px -20px #000000bf,0 0 0 1px #22bec659,0 0 60px -24px var(--teal-glow)}.item--top:before{opacity:1;box-shadow:0 0 18px var(--teal-glow)}.item--yandex.item--top{border-color:#f5c45180;background:linear-gradient(180deg,#f5c4511f,#f5c45105),var(--card);box-shadow:0 22px 50px -20px #000000bf,0 0 0 1px #f5c45152,0 0 60px -24px var(--amber-glow)}.item--yandex.item--top:before{box-shadow:0 0 18px var(--amber-glow)}.item__main{display:flex;flex-direction:column;gap:.6vh;min-width:0;flex:1}.item__head{display:flex;flex-direction:column;align-items:flex-start;gap:.7vh}.item__code{font-family:var(--font-display);font-size:clamp(1.9rem,20cqw,3.3rem);font-weight:700;line-height:1;letter-spacing:-.01em;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.item--top .item__code{font-size:clamp(2.3rem,23cqw,3.8rem);color:#fff;text-shadow:0 0 24px rgba(34,190,198,.4)}.item--yandex.item--top .item__code{text-shadow:0 0 24px rgba(245,196,81,.4)}@supports not (container-type: inline-size){.item__code{font-size:clamp(1.9rem,2.6vw,3.3rem)}.item--top .item__code{font-size:clamp(2.3rem,3vw,3.8rem)}}.level-badge{display:inline-flex;align-items:center;padding:.45em 1.05em;border-radius:999px;border:1px solid var(--stroke);background:#ffffff0a;flex-shrink:0}.level-badge__name{font-size:clamp(.95rem,1.7vw,1.35rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--text)}.level-badge--novichok{border-color:#8fa0c44d;background:#8fa0c414}.level-badge--novichok .level-badge__name{color:#c3d0e8}.level-badge--bronza{border-color:#d98d5c66;background:#d98d5c1f}.level-badge--bronza .level-badge__name{color:#e6a878}.level-badge--silver{border-color:#96b2dc6b;background:#96b2dc1f}.level-badge--silver .level-badge__name{color:#cfe0f5}.level-badge--gold{border-color:#f5c45173;background:#f5c45121}.level-badge--gold .level-badge__name{color:#f7d78a}.level-badge--platinum{border-color:#22bec673;background:var(--teal-wash);box-shadow:inset 0 0 18px -10px var(--teal-glow)}.level-badge--platinum .level-badge__name{color:var(--teal-bright)}.level-badge--default .level-badge__name{color:var(--text)}.item__facts{display:flex;flex-direction:column;gap:.3vh;margin-top:.3vh;min-width:0}.item__fact-value{min-width:0;font-size:clamp(1rem,1.4vw,1.5rem);font-weight:600;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(8px,.9vw,16px);font-size:clamp(.85rem,1vw,1.2rem);color:var(--muted)}.item__badge{display:inline-flex;align-items:center;padding:.35em .9em;border-radius:8px;background:#22bec61a;border:1px solid rgba(34,190,198,.28);color:var(--teal-bright);font-weight:700;letter-spacing:.02em;white-space:nowrap}.item--yandex .item__badge{background:var(--amber-wash);border-color:#f5c45152;color:var(--amber)}.item__reports{display:inline-flex;align-items:center;color:var(--warn);font-weight:700}.item__time{margin-left:auto;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--faint);font-weight:500}.item__done{display:flex;align-items:center;justify-content:center;gap:.6em;width:100%;margin-top:auto;background:linear-gradient(135deg,var(--teal),#159aa1);color:#04252a;border:1px solid rgba(79,227,235,.5);border-radius:12px;padding:clamp(11px,1.2vh,18px) 2vw;font-weight:800;font-size:clamp(1rem,1.5vw,1.5rem);letter-spacing:.01em;flex-shrink:0;transition:transform .08s,filter .15s,box-shadow .15s;box-shadow:0 10px 24px -12px var(--teal-glow)}.item__done:hover{filter:brightness(1.08);box-shadow:0 14px 30px -12px var(--teal-glow)}.item__done:active{transform:scale(.96);filter:brightness(.96)}.item--yandex .item__done{background:linear-gradient(135deg,var(--amber),#d6a233);color:#241a03;border-color:#f5c4518c;box-shadow:0 10px 24px -12px var(--amber-glow)}.item--yandex .item__done:hover{box-shadow:0 14px 30px -12px var(--amber-glow)}.item__check{font-size:1.25em;line-height:1}.item--new{animation:flashIn 1.2s cubic-bezier(.2,.8,.2,1) 1}.item--yandex.item--new{animation:flashInAmber 1.2s cubic-bezier(.2,.8,.2,1) 1}@keyframes flashIn{0%{transform:scale(.94) translateY(6px);box-shadow:0 0 0 0 var(--teal-glow)}30%{transform:scale(1.015) translateY(0)}60%{box-shadow:0 0 0 20px #22bec600}to{transform:scale(1);box-shadow:var(--shadow-card)}}@keyframes flashInAmber{0%{transform:scale(.94) translateY(6px);box-shadow:0 0 0 0 var(--amber-glow)}30%{transform:scale(1.015) translateY(0)}60%{box-shadow:0 0 0 20px #f5c45100}to{transform:scale(1);box-shadow:var(--shadow-card)}}.empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2vh,26px);color:var(--muted)}.empty__mark{position:relative;display:flex;align-items:center;justify-content:center;width:clamp(90px,12vw,150px);height:clamp(90px,12vw,150px);border-radius:50%;background:var(--teal-wash);border:1px solid rgba(34,190,198,.3)}.empty__glyph{font-size:clamp(2.6rem,5vw,4.4rem);color:var(--teal-bright);text-shadow:0 0 24px var(--teal-glow);line-height:1}.empty__pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--teal);opacity:0;animation:emptyPulse 3s ease-out infinite}.empty__pulse--2{animation-delay:1.5s}@keyframes emptyPulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.7);opacity:0}}.empty__text{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3.4rem);font-weight:700;color:var(--text);letter-spacing:.01em}.empty__sub{font-size:clamp(1rem,1.8vw,1.5rem);color:var(--muted)}.conn{display:flex;align-items:center;gap:.55em;font-size:clamp(.85rem,1.4vw,1.25rem);font-weight:600;padding:.45em .9em;border-radius:12px;background:#ffffff08;border:1px solid var(--stroke-soft)}.conn__dot{width:.75em;height:.75em;border-radius:50%;background:var(--muted);flex-shrink:0}.conn__label{color:var(--muted)}.conn--connected .conn__dot{background:var(--ok);box-shadow:0 0 .6em var(--ok)}.conn--connected .conn__label{color:var(--ok)}.conn--connecting .conn__dot{background:var(--amber);animation:pulse 1s infinite}.conn--connecting .conn__label{color:var(--amber)}.conn--disconnected{background:#ff5d7a14;border-color:#ff5d7a4d}.conn--disconnected .conn__dot{background:var(--danger);animation:pulse 1s infinite;box-shadow:0 0 .6em var(--danger)}.conn--disconnected .conn__label{color:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.setup{position:relative;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:4vw;overflow:hidden;background:radial-gradient(110% 80% at 50% -10%,rgba(34,190,198,.12) 0%,transparent 50%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-0) 100%)}.setup__card{position:relative;z-index:1;width:min(540px,100%);background:var(--panel);border:1px solid var(--stroke);border-radius:24px;padding:clamp(32px,5vw,46px) clamp(26px,4vw,40px);display:flex;flex-direction:column;align-items:center;gap:18px;box-shadow:0 40px 90px -30px #000c,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.setup__card:before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--teal) 30%,var(--teal-bright),var(--teal) 70%,transparent);opacity:.8}.setup__title{margin:.2em 0 0;font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2rem);font-weight:700;letter-spacing:.01em;text-align:center;color:var(--text)}.setup__hint{margin:0;color:var(--muted);line-height:1.55;text-align:center;font-size:1.02rem}.setup__hint b{color:var(--teal-bright);font-weight:700}.setup__input{width:100%;padding:15px 18px;font-size:1.15rem;font-family:var(--font-display);letter-spacing:.02em;border-radius:14px;border:1px solid var(--stroke);background:#05091499;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.setup__input::placeholder{color:var(--faint);font-family:var(--font-body)}.setup__input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-wash)}.setup__btn{width:100%;padding:15px;font-size:1.15rem;font-weight:800;letter-spacing:.02em;border:1px solid rgba(79,227,235,.5);border-radius:14px;background:linear-gradient(135deg,var(--teal),#159aa1);color:#04252a;box-shadow:0 14px 30px -14px var(--teal-glow);transition:filter .15s,transform .08s}.setup__btn:hover:not(:disabled){filter:brightness(1.08)}.setup__btn:active:not(:disabled){transform:scale(.98)}.setup__btn:disabled{opacity:.35;cursor:not-allowed}.setup__error{color:var(--danger);font-weight:600;width:100%;text-align:center}.setup__note{margin:0;font-size:.85rem;color:var(--faint);text-align:center;line-height:1.6}.setup__note code{background:var(--teal-wash);padding:2px 7px;border-radius:6px;border:1px solid rgba(34,190,198,.22);color:var(--teal-bright);font-family:var(--font-display);margin:0 2px}:root{color-scheme:dark;--font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-display: "Space Grotesk", "Manrope", system-ui, sans-serif;font-family:var(--font-body);--bg-0: #070c1c;--bg-1: #0a0e1a;--bg-2: #0d1424;--panel: rgba(13, 20, 36, .72);--card: #121a2b;--card-glass: rgba(91, 140, 255, .06);--stroke: rgba(120, 152, 220, .14);--stroke-soft: rgba(120, 152, 220, .08);--teal: #22bec6;--teal-bright: #4fe3eb;--teal-glow: rgba(34, 190, 198, .45);--teal-wash: rgba(34, 190, 198, .12);--amber: #f5c451;--amber-glow: rgba(245, 196, 81, .4);--amber-wash: rgba(245, 196, 81, .1);--text: #eaf0ff;--muted: #8fa0c4;--faint: rgba(143, 160, 196, .55);--ok: #4ed8a0;--warn: #ff8a6b;--danger: #ff5d7a;--shadow-card: 0 18px 44px -18px rgba(0, 0, 0, .7)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%}body{background:var(--bg-0);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}