:root{--deep-navy:#0a1020;--sky-navy:#182338;--coral:#ff6b4a;--teal:#40dccb;--paper:#e8ecf2;--mut:#94a3b8;--glow:color-mix(in srgb, var(--teal) 28%, transparent);--font-display:"Rubik", system-ui, sans-serif;--font-body:"Figtree", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);font-family:var(--font-body);color:var(--paper);background:var(--deep-navy)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(900px 520px at 12% -10%, color-mix(in srgb, var(--coral) 22%, transparent), transparent 55%), radial-gradient(780px 480px at 92% 8%, color-mix(in srgb, var(--teal) 18%, transparent), transparent 50%), linear-gradient(165deg, #0c1424 0%, var(--deep-navy) 48%, #070b14 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100dvh;margin:0}#root{min-height:100dvh}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.toss{color:var(--coral)}.shell{max-width:26rem;animation:rise .52s var(--ease) both;margin:0 auto;padding:clamp(2rem,8vh,4.5rem) 1.25rem 3rem;position:relative}.shell.wide{max-width:34rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.boot{text-align:center;place-items:center;gap:1rem;min-height:100dvh;display:grid}.boot-mark{width:4.5rem;height:4.5rem;box-shadow:0 18px 50px var(--glow);animation:pulse 1.6s var(--ease) infinite;border-radius:1.15rem}@keyframes pulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.08);transform:scale(1.04)}}.brand-block{margin-bottom:1.75rem}.brand-row{align-items:center;gap:.75rem;display:flex}.brand-row img{width:3rem;height:3rem;box-shadow:0 12px 32px var(--glow);border-radius:.85rem}.brand{font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,6vw,2.55rem);font-weight:800;line-height:1}.tag{color:var(--teal);letter-spacing:-.01em;margin:.65rem 0 0;font-weight:600}.tag-sub{color:var(--mut);max-width:22rem;margin:.35rem 0 0;font-size:.95rem}.card{background:color-mix(in srgb, var(--sky-navy) 78%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:rise .62s var(--ease) 80ms both;border:1px solid #ffffff1a;border-radius:1.15rem;gap:.95rem;padding:1.35rem 1.3rem 1.4rem;display:grid;box-shadow:0 24px 60px #00000059}label{letter-spacing:.02em;text-transform:uppercase;color:var(--mut);gap:.4rem;font-size:.82rem;font-weight:600;display:grid}input,select{font:inherit;text-transform:none;letter-spacing:normal;color:var(--paper);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);background:#070c16;border:1px solid #ffffff1f;border-radius:.7rem;padding:.75rem .85rem;font-size:1rem;font-weight:500}input:focus,select:focus,.btn:focus-visible{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 28%, transparent);outline:none}.btn{font:inherit;background:var(--coral);color:#fff;cursor:pointer;min-height:48px;transition:transform .16s var(--ease), filter .16s var(--ease), background .16s var(--ease);box-shadow:0 10px 28px color-mix(in srgb, var(--coral) 32%, transparent);border:none;border-radius:999px;padding:.8rem 1.2rem;font-weight:700}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.ghost{box-shadow:none;color:var(--paper);background:0 0;border:1px solid #ffffff2e}.btn.ghost:hover{border-color:var(--teal)}.btn.secondary{border:1px solid color-mix(in srgb, var(--teal) 55%, transparent);color:var(--teal);box-shadow:none;background:0 0;margin-top:.25rem}.btn.block{width:100%}.err{color:#fbbf24;margin:0;font-size:.92rem}.muted,.hint{color:var(--mut);font-size:.92rem}.hint a{color:var(--teal);font-weight:600}.bar{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:1.5rem;display:flex}.bar strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.15rem}.bar .spacer{flex:1}.section-head{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .35rem;font-size:1.45rem}.host-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.host-list li{background:color-mix(in srgb, var(--sky-navy) 70%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise .5s var(--ease) both;border:1px solid #ffffff17;border-radius:1rem;justify-content:space-between;align-items:center;gap:.85rem;padding:1rem 1.05rem;display:flex}.host-list li:nth-child(2){animation-delay:60ms}.host-list li:nth-child(3){animation-delay:.12s}.host-meta{gap:.2rem;display:grid}.host-meta strong{font-family:var(--font-display);letter-spacing:-.02em}.host-meta span{color:var(--mut);font-size:.85rem}.pill{color:var(--teal);align-items:center;gap:.35rem;font-size:.75rem;font-weight:650;display:inline-flex}.pill:before{content:"";background:var(--teal);width:.45rem;height:.45rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 25%, transparent);animation:pulse 1.8s var(--ease) infinite;border-radius:50%}.empty-hosts{border:1px dashed color-mix(in srgb, var(--teal) 35%, transparent);background:color-mix(in srgb, var(--sky-navy) 45%, transparent);color:var(--mut);text-align:center;border-radius:1rem;padding:1.4rem 1.1rem;line-height:1.5}.actions{gap:.65rem;margin-top:1.25rem;display:grid}.install-box{border:1px solid color-mix(in srgb, var(--teal) 30%, transparent);background:color-mix(in srgb, var(--sky-navy) 65%, transparent);border-radius:1rem;gap:.45rem;margin-top:1.35rem;padding:1rem 1.05rem;display:grid}.install-box strong{color:var(--teal);letter-spacing:.02em;text-transform:uppercase;font-size:.82rem}.install-box .cmd{color:#fff;white-space:nowrap;background:#070c16;border-radius:.55rem;padding:.55rem .65rem;font-size:.72rem;display:block;overflow-x:auto}.session{background:#05080f;grid-template-rows:auto 1fr auto;height:100dvh;display:grid;position:relative;overflow:hidden}.toolbar{grid-row:1}.stage{grid-row:2}.softkeys{grid-row:3}.session.bez-trake{grid-template-rows:0 1fr auto}.session.bez-trake .toolbar{visibility:hidden;border:none;height:0;min-height:0;padding:0;overflow:hidden}.mjehuric{top:max(.6rem, env(safe-area-inset-top));z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;width:42px;height:42px;transition:background .16s var(--ease), opacity .16s var(--ease);background:#0a10209e;border:1px solid #ffffff29;border-radius:50%;align-content:center;justify-items:center;gap:4px;padding:0;display:grid;position:absolute;left:.6rem}.mjehuric span{background:var(--paper);border-radius:2px;width:18px;height:2px;display:block}.mjehuric:hover{background:#0a1020d9}.session:not(.bez-trake) .mjehuric{opacity:.6;top:auto;bottom:.6rem;left:.6rem}.nacini{border:1px solid #ffffff24;border-radius:999px;display:inline-flex;overflow:hidden}.nacin{font:inherit;color:var(--mut);cursor:pointer;background:0 0;border:none;min-height:36px;padding:.4rem .7rem;font-size:.78rem;font-weight:600}.nacin.odabran{background:color-mix(in srgb, var(--teal) 22%, transparent);color:var(--paper)}.toolbar{background:color-mix(in srgb, var(--sky-navy) 94%, #000);z-index:5;border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem .65rem;display:flex}.toolbar .btn{min-height:40px;box-shadow:none;padding:.45rem .8rem;font-size:.85rem}.chk,.mini{color:var(--mut);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.stage{touch-action:none;background:radial-gradient(circle at 50% 40%,#121a2a,#05080f 70%);position:relative;overflow:hidden}.media{transform-origin:0 0;will-change:transform;display:inline-block}.screen{cursor:default;max-width:none;display:block;box-shadow:0 30px 80px #0000008c}.drop-hint{color:var(--mut);pointer-events:none;background:color-mix(in srgb, var(--deep-navy) 70%, transparent);border-radius:999px;margin:0;padding:.35rem .55rem;font-size:.75rem;position:absolute;bottom:.85rem;right:.85rem}.softkeys{background:var(--sky-navy);border-top:1px solid #ffffff14;flex-wrap:wrap;gap:.35rem;padding:.55rem;display:flex}.softkeys button{font:inherit;color:var(--paper);cursor:pointer;background:#121a2a;border:1px solid #ffffff1f;border-radius:.55rem;min-height:40px;padding:.5rem .7rem}.soft-input{flex:1;min-width:8rem}.kontrola-okvir{pointer-events:none;border:2px solid #0000;transition:border-color .16s;position:absolute;inset:0}.kontrola-okvir.aktivan{border-color:color-mix(in srgb, var(--teal,#40dccb) 70%, transparent);box-shadow:inset 0 0 24px #40dccb2e}.kontrola-uputa{color:#cbd5e1;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1020c7;border:1px solid #ffffff1f;border-radius:999px;margin:0;padding:.3rem .75rem;font-size:.78rem;position:absolute;top:.6rem;left:50%;transform:translate(-50%)}.mjera{color:var(--teal);font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid color-mix(in srgb, var(--teal) 30%, transparent);background:color-mix(in srgb, var(--teal) 8%, transparent);border-radius:999px;padding:.2rem .55rem;font-size:.78rem}.zum{align-items:center;gap:2px;display:inline-flex}.zum .btn.ghost{min-width:34px;padding-left:8px;padding-right:8px}.zum .btn.ghost:nth-child(2){font-variant-numeric:tabular-nums;min-width:58px}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/app/fonts/rubik-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2000-206F,U+20AC,U+2212}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/app/fonts/rubik-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+1E??,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/app/fonts/figtree-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2000-206F,U+20AC,U+2212}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/app/fonts/figtree-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+1E??,U+2C60-2C7F,U+A720-A7FF}html{background:#0a1020}body{margin:0}