:root{--lapis:#0c3b66;--lapis-deep:#071e36;--turquoise:#1a8f8a;--turquoise-bright:#2bb5ad;--emerald:#0f5c4c;--tile-light:#e8f4f1;--ivory:#f3f0e6;--ink:#102a2f;--ink-muted:#4a6670;--gold:#b8923a;--gold-soft:#b8923a59;--danger:#9b2c2c;--panel:#f3f0e6eb;--line:#0c3b6629;--shadow:0 22px 60px #071e3638;--radius:1.15rem;--font-display:"Amiri", "Vazirmatn", serif;--font-body:"Vazirmatn", "Amiri", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;color:var(--ink);background:var(--lapis-deep);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.55}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,textarea{font:inherit}a{color:var(--turquoise)}body{background-color:var(--lapis-deep);background-image:radial-gradient(90% 55% at 10% -10%,#2bb5ad47,#0000 55%),radial-gradient(70% 50% at 100% 0,#0c3b66e6,#0000 50%),radial-gradient(60% 40% at 50% 100%,#0f5c4c73,#0000 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%231a8f8a' stroke-opacity='0.18' stroke-width='1'%3E%3Cpath d='M40 0 L80 40 L40 80 L0 40 Z'/%3E%3Cpath d='M40 12 L68 40 L40 68 L12 40 Z'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes tileShimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes archGlow{0%{opacity:.35}to{opacity:.7}}.app-shell{width:min(920px,100%);margin:0 auto;padding:1.1rem 1rem 3.5rem;animation:.6s ease-out both rise}.hero-gate{border-radius:calc(var(--radius) + .35rem);background:linear-gradient(135deg, #0c3b66eb, #0f5c4ce0 55%, #1a8f8abf), var(--lapis);color:var(--ivory);box-shadow:var(--shadow);border:1px solid #b8923a59;margin-bottom:1.1rem;padding:1.75rem 1.25rem 1.4rem;position:relative;overflow:hidden}.hero-gate:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath fill='%23e8f4f1' fill-opacity='0.07' d='M30 0L60 30L30 60L0 30Z'/%3E%3C/svg%3E");background-size:120% 120%;animation:14s ease-in-out infinite tileShimmer;position:absolute;inset:0}.hero-gate:after{content:"";pointer-events:none;background:radial-gradient(#2bb5ad59,#0000 65%);width:70%;height:80%;animation:3.2s ease-in-out infinite alternate archGlow;position:absolute;bottom:-40%;left:50%;transform:translate(-50%)}.hero-inner{z-index:1;text-align:center;position:relative}.lang-switch{z-index:2;flex-shrink:0;gap:.35rem;display:flex;position:relative}.hero-gate>.lang-switch{top:.85rem;position:absolute;inset-inline-end:.85rem}.lang-btn{min-height:40px;color:var(--ivory);cursor:pointer;background:#071e3659;border:1px solid #f3f0e659;border-radius:999px;padding:.35rem .75rem;font-size:.85rem}.lang-btn.active{background:var(--gold);color:var(--lapis-deep);border-color:#0000;font-weight:700}.brand{font-family:var(--font-display);letter-spacing:.02em;text-shadow:0 2px 24px #00000040;margin:.35rem 0 .2rem;font-size:clamp(1.85rem,6.5vw,3.1rem);font-weight:700;line-height:1.25}.brand-en{font-family:var(--font-display);opacity:.85;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.95rem}.tagline{color:#f3f0e6e6;max-width:28rem;margin:.65rem auto 0;font-size:1.02rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.15rem 1.2rem;animation:.5s ease-out both rise;position:relative}.card:before{content:"";inset-inline:1.2rem;background:linear-gradient(90deg, var(--lapis), var(--turquoise), var(--emerald), var(--gold));border-radius:0 0 4px 4px;height:3px;position:absolute;top:0}.muted{color:var(--ink-muted)}.mono{font-family:var(--font-mono)}.btn{appearance:none;background:linear-gradient(145deg, var(--turquoise), var(--emerald));color:var(--ivory);cursor:pointer;box-sizing:border-box;border:0;border-radius:.85rem;justify-content:center;align-items:center;min-height:48px;padding:.85rem 1.15rem;font-weight:600;text-decoration:none;transition:transform .15s,filter .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 20px #0f5c4c47}.apk-panel{border:1px solid var(--line);background:#0f5c4c0f;border-radius:1rem;margin:1rem 0 1.25rem;padding:1rem 1.05rem}.btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:var(--tile-light);color:var(--lapis);box-shadow:none}.btn.danger{color:var(--danger);box-shadow:none;background:#fde8e8}.btn.ghost{border:1px solid var(--line);color:var(--ink);box-shadow:none;background:0 0}.field{gap:.35rem;margin-top:.85rem;display:grid}.field label{color:var(--ink-muted);font-size:.88rem;font-weight:500}.field input,.field textarea{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fffef9;border-radius:.85rem;padding:.85rem .95rem}.field input:focus,.field textarea:focus{outline-offset:1px;outline:2px solid #1a8f8a73}.field textarea{resize:vertical;min-height:110px}.row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.tabs{border:1px solid var(--line);background:#f3f0e68c;border-radius:999px;flex-wrap:wrap;gap:.4rem;margin:1rem 0;padding:.35rem;display:flex}.tab{cursor:pointer;min-height:42px;color:var(--ink-muted);background:0 0;border:0;border-radius:999px;padding:.55rem 1rem;transition:background .18s,color .18s}.tab.active{background:linear-gradient(145deg, var(--lapis), var(--turquoise));color:var(--ivory);font-weight:600}.msg{border-top:1px solid var(--line);padding:.9rem 0}.msg:first-of-type{border-top:0}.badge{letter-spacing:.04em;font-size:.72rem;font-family:var(--font-mono);background:#0c3b661a;border-radius:999px;padding:.15rem .55rem;display:inline-block}.badge.in{color:var(--emerald);background:#1a8f8a2e}.badge.out{color:var(--lapis);background:#0c3b6624}.error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:.85rem;margin-top:.75rem;padding:.75rem .9rem}.switch{align-items:center;gap:.55rem;min-height:48px;display:inline-flex}.sample-chip{background:var(--gold-soft);color:var(--lapis-deep);border:1px solid #b8923a73;border-radius:999px;margin-bottom:.75rem;padding:.35rem .7rem;font-size:.8rem;font-weight:600;display:inline-block}.token-box{word-break:break-all;background:var(--tile-light);border:1px dashed #0c3b6640;border-radius:.9rem;padding:.85rem}.hero-app{padding:1.15rem 1.15rem 1.05rem}.app-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:0;display:flex;position:relative}.app-top-main{flex:1;min-width:0}.app-top-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.55rem;display:flex}.app-top .brand-sm{font-family:var(--font-display);color:var(--ivory);text-shadow:0 2px 12px #0000004d;margin:0;font-size:clamp(1.25rem,4.5vw,1.75rem);font-weight:700;line-height:1.25}.app-user{color:#f3f0e6e0;word-break:break-word;margin:.35rem 0 0;font-size:.9rem}.btn-signout{min-height:42px;padding:.45rem .9rem;color:var(--ivory)!important;border-color:#f3f0e659!important}.msg-list{flex-direction:column;gap:.75rem;margin-top:.75rem;display:flex}.msg-card{border:1px solid var(--line);background:#ffffff8c;border-radius:1rem;padding:.9rem 1rem}.msg-card.in{border-inline-start:4px solid var(--turquoise)}.msg-card.out{border-inline-start:4px solid var(--lapis)}.msg-meta{flex-wrap:wrap;align-items:center;gap:.55rem 1rem;display:flex}.msg-peer{flex-wrap:wrap;align-items:baseline;gap:.35rem;display:flex}.msg-peer-label{color:var(--ink-muted);font-size:.82rem}.msg-time{color:var(--ink-muted);margin-inline-start:auto;font-size:.78rem}.msg-body{white-space:pre-wrap;margin:.65rem 0 0;line-height:1.5}.msg-status{font-size:.75rem;font-family:var(--font-mono);margin:.45rem 0 0}.pager{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;margin-top:1rem;padding-top:.85rem;display:flex}.device-card{border:1px solid var(--line);background:#ffffff80;border-radius:1rem;margin-top:.85rem;padding:1rem}.device-card-head{justify-content:space-between;align-items:flex-start;gap:.85rem;display:flex}.device-facts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem 1rem;margin:.9rem 0 0;display:grid}.device-facts>div{min-width:0}.device-facts dt{color:var(--ink-muted);margin:0;font-size:.75rem}.device-facts dd{font-family:var(--font-mono);word-break:break-word;margin:.2rem 0 0;font-size:.88rem}.ip-value{overflow-wrap:anywhere}html[dir=ltr]{font-family:var(--font-body)}html[dir=ltr] .brand,html[dir=ltr] .brand-sm{letter-spacing:-.02em}@media (width<=560px){.tabs{border-radius:1rem}.hero-gate:not(.hero-app){padding-top:3.2rem}.app-top{flex-direction:column;align-items:stretch}.app-top-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.msg-time{width:100%;margin-inline-start:0}.device-card-head{flex-direction:column}}