:root{--bg: #060a12;--bg-2: #0a101d;--bg-3: #0d1524;--panel: rgba(13, 21, 36, .78);--panel-solid: #0d1524;--panel-soft: rgba(148, 163, 184, .06);--line: rgba(148, 163, 184, .14);--line-strong: rgba(148, 163, 184, .26);--text: #e8eefb;--text-soft: #c8d4e8;--muted: #8b9bb5;--muted-2: #64748b;--cyan: #22d3ee;--sky: #38bdf8;--violet: #a78bfa;--indigo: #818cf8;--green: #34d399;--amber: #fbbf24;--rose: #fb7185;--radius: 16px;--radius-sm: 10px;--shadow-lg: 0 30px 80px -30px rgba(0, 0, 0, .8);--shadow-md: 0 18px 50px -24px rgba(0, 0, 0, .7);--font-sans: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", "SFMono-Regular", Consolas, monospace;--header-max: 1180px}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p,ul,ol,dl,dd{margin:0}ul{padding:0;list-style:none}img{max-width:100%;display:block}canvas{display:block}::selection{background:#22d3ee4d;color:#fff}:focus-visible{outline:2px solid rgba(34,211,238,.7);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-ligatures:none}.muted{color:var(--muted)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float-a{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(40px,-30px,0) scale(1.08)}}@keyframes float-b{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-50px,40px,0) scale(1.12)}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 7px #34d39900}}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(320%)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:11px;padding:.56rem .92rem;font-size:.85rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--sm{padding:.4rem .66rem;border-radius:9px;font-size:.77rem;gap:6px}.btn--md{padding:.62rem 1rem}.btn--lg{padding:.82rem 1.15rem;font-size:.95rem;border-radius:12px}.btn--primary{background:linear-gradient(135deg,#35e0f2,#6ee7f9 45%,#a5b4fc);color:#04121c;box-shadow:0 12px 34px -12px #22d3eea6}.btn--primary:hover:not(:disabled){box-shadow:0 16px 40px -12px #22d3eecc}.btn--ghost{background:#94a3b812;border-color:var(--line);color:var(--text-soft)}.btn--ghost:hover:not(:disabled){background:#94a3b821;border-color:var(--line-strong);color:var(--text)}.btn--danger{background:#fb71851f;border-color:#fb718547;color:#fda4af}.btn--danger:hover:not(:disabled){background:#fb718530}.icon-btn{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--muted);transition:background .16s ease,color .16s ease,border-color .16s ease;flex:none}.icon-btn:hover:not(:disabled){background:#94a3b81c;color:var(--text)}.icon-btn.is-active{background:#22d3ee21;border-color:#22d3ee42;color:#7dd3fc}.icon-btn.is-danger:hover:not(:disabled){background:#fb718521;color:#fda4af}.icon-btn:disabled{opacity:.32;cursor:not-allowed}.icon-btn--sm{width:30px;height:30px;border-radius:8px}.icon-btn__badge{position:absolute;top:-2px;right:-2px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;border-radius:999px;background:var(--cyan);color:#04121c;font-size:9px;font-weight:800}.segmented{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:9px;background:#02060e73}.segmented__item{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:.72rem;font-weight:600;transition:background .16s ease,color .16s ease}.segmented__item:hover{color:var(--text)}.segmented__item.is-active{background:#94a3b826;color:var(--text);box-shadow:0 1px #ffffff0a inset}.switch-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:10px 0;cursor:pointer}.switch-row.is-disabled{opacity:.55;cursor:not-allowed}.switch-row__text{display:flex;flex-direction:column;gap:2px;min-width:0}.switch-row__label{font-size:.83rem;font-weight:600;color:var(--text-soft)}.switch-row__desc{font-size:.74rem;line-height:1.45;color:var(--muted)}.switch{position:relative;flex:none;width:40px;height:23px;padding:0;border:1px solid rgba(148,163,184,.26);border-radius:999px;background:#94a3b824;transition:background .2s ease,border-color .2s ease}.switch__thumb{position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#c7d2e5;transition:transform .2s cubic-bezier(.3,.8,.3,1)}.switch.is-on{background:linear-gradient(135deg,#22d3eeb3,#818cf8d9);border-color:#22d3ee80}.switch.is-on .switch__thumb{transform:translate(17px);background:#f0fdff}.progress{position:relative;height:5px;border-radius:999px;background:#94a3b824;overflow:hidden}.progress__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#818cf8);transition:width .25s ease}.progress.is-indeterminate .progress__fill{width:34%;animation:progress-slide 1.15s ease-in-out infinite}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:2px 5px;border:1px solid rgba(148,163,184,.25);border-bottom-color:#94a3b861;border-radius:5px;background:#94a3b817;color:var(--text-soft);font-family:var(--font-mono);font-size:.66rem;line-height:1.3;box-shadow:0 1px #00000040}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 18px;text-align:center}.empty-state__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;border:1px solid var(--line);background:var(--panel-soft);color:var(--muted);margin-bottom:2px}.empty-state__title{font-size:.86rem;font-weight:600;color:var(--text-soft)}.empty-state__desc{font-size:.75rem;color:var(--muted);max-width:260px;line-height:1.5}.empty-state .btn{margin-top:6px}.landing{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(1100px 620px at 15% -10%,rgba(34,211,238,.09),transparent 60%),radial-gradient(1000px 700px at 95% 8%,rgba(129,140,248,.1),transparent 60%),radial-gradient(900px 700px at 50% 100%,rgba(14,165,233,.05),transparent 65%),var(--bg)}.aurora{position:absolute;inset:0;pointer-events:none;overflow:hidden}.aurora__blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}.aurora__blob--a{width:520px;height:520px;top:-180px;left:-140px;background:radial-gradient(circle,rgba(34,211,238,.5),transparent 66%);animation:float-a 18s ease-in-out infinite}.aurora__blob--b{width:620px;height:620px;top:-120px;right:-200px;background:radial-gradient(circle,rgba(129,140,248,.45),transparent 66%);animation:float-b 22s ease-in-out infinite}.aurora__blob--c{width:500px;height:500px;bottom:-260px;left:38%;background:radial-gradient(circle,rgba(167,139,250,.28),transparent 66%);animation:float-a 26s ease-in-out infinite reverse}.aurora__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse 75% 55% at 50% 18%,#000 25%,transparent 78%)}.aurora__vignette{position:absolute;inset:0;background:radial-gradient(ellipse 120% 90% at 50% 0%,transparent 45%,rgba(3,6,12,.55) 100%)}.landing__header{position:relative;z-index:5;max-width:var(--header-max);margin:0 auto;padding:22px 24px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;flex:none}.brand__mark{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid rgba(34,211,238,.28);background:linear-gradient(150deg,#22d3ee33,#818cf824),#09101de6;color:#a5f3fc;box-shadow:0 0 0 1px #080e1a80 inset,0 10px 26px -14px #22d3eecc}.brand__mark--sm{width:28px;height:28px;border-radius:9px}.brand__spark{position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:50%;background:#67e8f9;box-shadow:0 0 8px 2px #67e8f9cc}.brand__name{font-size:1.02rem;font-weight:700;letter-spacing:-.03em}.brand__suffix{margin-left:5px;color:var(--muted);font-weight:500;letter-spacing:0}.landing__nav{display:flex;align-items:center;gap:26px;margin-left:auto}.landing__nav a{color:var(--muted);font-size:.82rem;font-weight:500;transition:color .18s ease}.landing__nav a:hover{color:var(--text)}.landing__nav-cta{margin-left:2px}.landing__main{position:relative;z-index:4;max-width:var(--header-max);margin:0 auto;padding:0 24px}.hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr);align-items:center;gap:56px;padding:62px 0 92px;scroll-margin-top:24px}.hero__copy{animation:fade-up .7s ease both}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid rgba(34,211,238,.22);border-radius:999px;background:#22d3ee12;color:#a5f3fc;font-size:.71rem;font-weight:600;letter-spacing:.02em}.eyebrow__dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-dot 2.4s ease-out infinite}.hero__title{margin:20px 0 18px;font-size:clamp(2.7rem,5.1vw,4.35rem);line-height:1.02;letter-spacing:-.045em;font-weight:700}.hero__title-accent{display:block;background:linear-gradient(100deg,#67e8f9,#7dd3fc 30%,#a5b4fc,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 12px 40px rgba(34,211,238,.22))}.hero__lede{max-width:540px;color:var(--muted);font-size:1rem;line-height:1.68}.hero__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#94a3b80e;color:var(--text-soft);font-size:.73rem;font-weight:500}.chip svg{color:#7dd3fc}.hero__trust{display:flex;align-items:center;gap:14px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(148,163,184,.1)}.hero__avatars{display:flex}.hero__avatars span{display:grid;place-items:center;width:34px;height:34px;margin-right:-9px;border-radius:50%;border:2px solid #0a101d;background:linear-gradient(150deg,#122036,#0c1424);color:#bae6fd;font-size:.64rem;font-weight:700;box-shadow:0 4px 14px #0006}.hero__trust p{font-size:.77rem;color:var(--text-soft)}.hero__trust-sub{display:block;color:var(--muted-2);font-size:.71rem}.connect-card{position:relative;padding:24px;border:1px solid rgba(148,163,184,.17);border-radius:24px;background:linear-gradient(165deg,#141e33e6,#0a101ef0 55%,#080d19f7);box-shadow:0 40px 90px -40px #000000e6,0 0 0 1px #ffffff05 inset,0 1px #ffffff0d inset;overflow:hidden;animation:fade-up .7s .08s ease both}.connect-card__glow{position:absolute;inset:-50% -20% auto;height:230px;background:radial-gradient(ellipse at 50% 50%,rgba(34,211,238,.22),transparent 68%);filter:blur(30px);pointer-events:none}.connect-card__head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.connect-card__title{font-size:1.12rem;font-weight:650;letter-spacing:-.025em}.connect-card__sub{margin-top:4px;color:var(--muted);font-size:.76rem}.status-chip{display:inline-flex;align-items:center;gap:6px;flex:none;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:#94a3b80f;color:var(--muted);font-size:.63rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.status-chip__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-chip.is-online{border-color:#34d3994d;background:#34d39917;color:#6ee7b7}.status-chip.is-online .status-chip__dot{animation:pulse-dot 2.2s ease-out infinite}.status-chip.is-offline{border-color:#fbbf244d;background:#fbbf2414;color:#fcd34d}.status-chip.is-error{border-color:#fb71854d;background:#fb718514;color:#fda4af}.status-chip.is-checking{color:#bae6fd}.status-chip.is-secure{color:#86efac;border-color:#34d39938;background:#34d3990f}.connect-form{position:relative;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field__label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:.72rem;font-weight:600;color:var(--text-soft);letter-spacing:.01em}.field__hint{font-size:.65rem;font-weight:400;color:var(--muted-2)}.field__box{display:flex;align-items:center;gap:10px;height:48px;padding:0 12px;border:1px solid rgba(148,163,184,.19);border-radius:12px;background:#03070f8c;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field__box:focus-within{border-color:#22d3ee8c;background:#03070fbf;box-shadow:0 0 0 3px #22d3ee17}.field__box.is-valid{border-color:#34d3994d}.field__icon{flex:none;color:var(--muted-2)}.field__box:focus-within .field__icon{color:#67e8f9}.field__box input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--text);font-size:.93rem}.field__box input::placeholder{color:#64748bbf}.field__box--mono input{font-family:var(--font-mono);font-weight:600;letter-spacing:.13em;font-size:.95rem}.field__action{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted)}.field__action:hover{background:#94a3b81f;color:var(--text)}.field__check{flex:none;color:var(--green)}.form-error{padding:8px 10px;border:1px solid rgba(251,113,133,.25);border-radius:9px;background:#fb718514;color:#fecdd3;font-size:.74rem;line-height:1.45}.connect-form__submit{width:100%;margin-top:2px}.connect-form__note{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted-2);font-size:.67rem;text-align:center}.recent{margin-top:20px;padding-top:16px;border-top:1px solid rgba(148,163,184,.11)}.recent__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:var(--muted-2);font-size:.64rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.recent__head span:first-child{display:inline-flex;align-items:center;gap:5px}.recent__count{display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#94a3b81a;font-size:.6rem}.recent__list{display:flex;flex-direction:column;gap:3px}.recent__list li{position:relative;display:flex;align-items:center}.recent__item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 56px 7px 8px;border:0;border-radius:9px;background:transparent;text-align:left;transition:background .16s ease}.recent__item:hover{background:#94a3b814}.recent__icon{display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:8px;border:1px solid var(--line);background:#94a3b80f;color:#a5f3fc}.recent__text{display:flex;flex-direction:column;min-width:0}.recent__name{font-size:.78rem;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent__meta{display:flex;align-items:center;gap:5px;color:var(--muted-2);font-size:.66rem}.recent__arrow{margin-left:auto;color:var(--muted-2)}.recent__remove{position:absolute;right:4px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted-2);opacity:0;transition:opacity .16s ease,background .16s ease,color .16s ease}.recent__list li:hover .recent__remove{opacity:1}.recent__remove:hover{background:#fb718521;color:#fda4af}.recent__rename{position:absolute;right:30px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted-2);opacity:0;transition:opacity .16s ease,background .16s ease,color .16s ease}.recent__list li:hover .recent__rename{opacity:1}.recent__rename:hover{background:#22d3ee21;color:#67e8f9}.recent__edit{display:flex;align-items:center;gap:6px;width:100%;padding:5px 6px 5px 8px;border:1px solid rgba(34,211,238,.4);border-radius:9px;background:#03070f99}.recent__edit-icon{flex:none;color:#67e8f9}.recent__edit-input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--text);font-size:.8rem}.recent__edit-btn{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted)}.recent__edit-btn:hover{background:#94a3b824;color:var(--text)}.recent__edit-btn.is-save{color:var(--green)}.recent__edit-btn.is-save:hover{background:#34d39924}.section{padding:76px 0;border-top:1px solid rgba(148,163,184,.08);scroll-margin-top:24px}.section__head{max-width:620px;margin:0 auto 38px;text-align:center}.section__head--left{margin:0 0 12px;text-align:left}.section__kicker{display:inline-flex;align-items:center;gap:6px;color:#7dd3fc;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.section__title{margin-top:10px;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.15;letter-spacing:-.035em;font-weight:650}.section__lede{margin-top:10px;color:var(--muted);font-size:.9rem;line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-card{--tone: 34, 211, 238;position:relative;padding:22px;border:1px solid rgba(148,163,184,.13);border-radius:16px;background:radial-gradient(120% 100% at 0% 0%,rgba(var(--tone),.07),transparent 55%),linear-gradient(160deg,#121b2d8c,#090f1bb3);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.feature-card:hover{transform:translateY(-3px);border-color:rgba(var(--tone),.3);box-shadow:0 24px 50px -28px rgba(var(--tone),.5)}.feature-card--cyan{--tone: 34, 211, 238}.feature-card--violet{--tone: 167, 139, 250}.feature-card--blue{--tone: 56, 189, 248}.feature-card--amber{--tone: 251, 191, 36}.feature-card--green{--tone: 52, 211, 153}.feature-card--rose{--tone: 251, 113, 133}.feature-card__icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border:1px solid rgba(var(--tone),.26);border-radius:11px;background:rgba(var(--tone),.1);color:rgb(var(--tone))}.feature-card h3{font-size:.9rem;font-weight:650;letter-spacing:-.01em}.feature-card p{margin-top:7px;color:var(--muted);font-size:.78rem;line-height:1.6}.section--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:54px;align-items:center}.steps{display:flex;flex-direction:column;gap:4px;margin-top:30px}.step{display:grid;grid-template-columns:26px 34px minmax(0,1fr);align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.08)}.step:last-child{border-bottom:0}.step__num{padding-top:6px;color:var(--muted-2);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em}.step__icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:#94a3b80e;color:#7dd3fc}.step h3{font-size:.84rem;font-weight:600}.step p{margin-top:2px;color:var(--muted);font-size:.76rem;line-height:1.55}.setup-card{border:1px solid rgba(148,163,184,.16);border-radius:16px;background:radial-gradient(120% 100% at 100% 0%,rgba(129,140,248,.09),transparent 60%),#080d18;box-shadow:var(--shadow-md);overflow:hidden}.setup-card__bar{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.11);background:#94a3b809}.setup-card__dots{display:flex;gap:5px}.setup-card__dots i{width:8px;height:8px;border-radius:50%;background:#334155}.setup-card__dots i:nth-child(1){background:#f87171}.setup-card__dots i:nth-child(2){background:#fbbf24}.setup-card__dots i:nth-child(3){background:#34d399}.setup-card__title{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.69rem;font-weight:600}.setup-card__copy{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:3px 7px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:.65rem;font-weight:600}.setup-card__copy:hover{background:#94a3b81a;color:var(--text)}.setup-card__code{margin:0;padding:18px;overflow-x:auto;color:#d7e2f5;font-family:var(--font-mono);font-size:.75rem;line-height:1.75}.code-comment{color:#52637c}.setup-card__foot{display:flex;align-items:center;gap:6px;padding:11px 14px;border-top:1px solid rgba(148,163,184,.09);color:var(--muted-2);font-size:.69rem}.setup-card__foot svg{color:#7dd3fc}.security-card{display:flex;align-items:center;gap:24px;padding:30px;border:1px solid rgba(52,211,153,.16);border-radius:20px;background:radial-gradient(100% 160% at 0% 50%,rgba(52,211,153,.08),transparent 55%),linear-gradient(160deg,#0f1c28b3,#090f1ad9)}.security-card__icon{display:grid;place-items:center;width:60px;height:60px;flex:none;border:1px solid rgba(52,211,153,.24);border-radius:16px;background:#34d39914;color:#6ee7b7}.security-card__copy{flex:1;min-width:0}.security-card h2{font-size:1.18rem;font-weight:650;letter-spacing:-.025em}.security-card p{max-width:720px;margin-top:6px;color:var(--muted);font-size:.8rem;line-height:1.62}.security-card__points{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}.security-card__points span{display:inline-flex;align-items:center;gap:5px;color:var(--text-soft);font-size:.7rem;font-weight:500}.security-card__points svg{color:var(--green)}.security-card__cta{flex:none}.landing__footer{position:relative;z-index:4;max-width:var(--header-max);margin:0 auto;padding:26px 24px 38px;border-top:1px solid rgba(148,163,184,.08);display:flex;align-items:center;gap:20px;color:var(--muted-2);font-size:.73rem}.landing__footer-brand{display:flex;align-items:center;gap:9px;color:var(--muted)}.landing__footer-khmer{margin-left:auto;font-size:.73rem;color:var(--muted)}.landing__footer-links{display:flex;gap:16px}.landing__footer-links a:hover{color:var(--text)}.remote{position:fixed;inset:0;overflow:hidden;background:#04070d}.remote__stage{position:absolute;inset:0;display:flex;flex-direction:column;background:radial-gradient(1100px 620px at 18% -12%,rgba(34,211,238,.07),transparent 62%),radial-gradient(900px 620px at 92% 112%,rgba(129,140,248,.09),transparent 62%),#04070d;transition:padding-right .32s cubic-bezier(.4,0,.2,1)}.remote__topbar{position:absolute;top:0;left:0;right:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;pointer-events:none}.remote__topbar>*{pointer-events:auto}.host-chip{display:flex;align-items:center;gap:10px;min-width:0;padding:6px 12px 6px 7px;border:1px solid rgba(148,163,184,.14);border-radius:13px;background:#090f1bb3;backdrop-filter:blur(16px);box-shadow:0 10px 30px -18px #000c}.host-chip__mark{position:relative;display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid rgba(34,211,238,.16);border-radius:9px;background:#22d3ee14;color:#a5f3fc}.host-chip__dot{position:absolute;right:-2px;bottom:-2px;width:8px;height:8px;border:2px solid #0a101d;border-radius:50%;background:var(--muted-2)}.host-chip__dot.is-on{background:var(--green);animation:pulse-dot 2.4s ease-out infinite}.host-chip__text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.host-chip__name{font-size:.8rem;font-weight:600;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-chip__id{color:var(--muted-2);font-size:.63rem;letter-spacing:.1em}.remote__meta{display:flex;align-items:center;gap:7px;flex:none}.meta-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(148,163,184,.13);border-radius:9px;background:#090f1bad;backdrop-filter:blur(14px);color:var(--muted);font-size:.68rem;font-weight:600;font-variant-numeric:tabular-nums}.meta-chip svg{color:var(--muted-2)}.meta-chip.is-live{color:#a7f3d0;border-color:#34d39933;background:#091b18a6}.meta-chip__dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-dot 2.4s ease-out infinite}.meta-chip.is-warn{color:#fcd34d;border-color:#fbbf2438;background:#20180899}.meta-chip--button{cursor:pointer;transition:background .16s ease}.meta-chip--button:hover{background:#fbbf2424}.canvas-wrap{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:76px 22px 104px;overflow:hidden}.remote.has-panel .remote__stage{padding-right:398px}.remote.has-panel .toolbar{transform:translate(calc(-50% - 195px))}.remote.has-panel .stats-pill{left:18px}.screen-canvas{flex:none;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;border-radius:12px;background:#000;box-shadow:0 0 0 1px #94a3b82e,0 40px 100px -30px #000000f2;outline:none;touch-action:none;user-select:none;-webkit-user-select:none;cursor:default;transition:opacity .25s ease}.screen-canvas.is-dimmed{opacity:.45}.canvas-wrap.is-fill .screen-canvas{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;object-fit:fill}.canvas-wrap.is-actual{justify-content:flex-start;align-items:flex-start;overflow:auto}.canvas-wrap.is-actual .screen-canvas{max-width:none;max-height:none;margin:auto}.canvas-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted-2);font-size:.76rem;pointer-events:none}.canvas-placeholder__ring{display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(34,211,238,.16);border-radius:18px;background:#22d3ee0d;color:#67e8f9;box-shadow:0 0 60px #22d3ee1f}.toolbar{position:fixed;left:50%;bottom:18px;z-index:45;transform:translate(-50%);display:flex;align-items:center;gap:3px;padding:6px;border:1px solid rgba(148,163,184,.16);border-radius:17px;background:#0a101dd1;backdrop-filter:blur(22px);box-shadow:0 24px 60px -22px #000000e6,0 1px #ffffff0a inset;transition:transform .32s cubic-bezier(.4,0,.2,1)}.toolbar__group{display:flex;align-items:center;gap:2px}.toolbar__divider{width:1px;height:22px;margin:0 5px;background:#94a3b824}.stats-pill{position:fixed;left:18px;bottom:20px;z-index:30;display:flex;align-items:center;gap:10px;padding:7px 11px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#090f1bb8;backdrop-filter:blur(16px);color:var(--muted);font-size:.68rem;font-variant-numeric:tabular-nums;box-shadow:0 16px 40px -22px #000c;transition:border-color .2s ease,background .2s ease}.stats-pill:hover{border-color:#22d3ee42;background:#0d1524db}.stats-pill__signal{display:inline-flex;align-items:center;gap:6px;font-weight:600}.stats-pill__signal-dot{width:7px;height:7px;border-radius:50%;background:var(--muted-2)}.stats-pill__signal.is-excellent{color:#6ee7b7}.stats-pill__signal.is-excellent .stats-pill__signal-dot{background:var(--green);animation:pulse-dot 2.4s ease-out infinite}.stats-pill__signal.is-good{color:#7dd3fc}.stats-pill__signal.is-good .stats-pill__signal-dot{background:var(--sky)}.stats-pill__signal.is-fair{color:#fcd34d}.stats-pill__signal.is-fair .stats-pill__signal-dot{background:var(--amber)}.stats-pill__signal.is-poor{color:#fda4af}.stats-pill__signal.is-poor .stats-pill__signal-dot{background:var(--rose)}.stats-pill__signal-label{font-size:.66rem}.stats-pill__sep{width:1px;height:14px;background:#94a3b824}.stats-pill__item{display:inline-flex;align-items:center;gap:4px;color:var(--text-soft);font-weight:550}.stats-pill__item svg{color:var(--muted-2)}.stats-pill__unit{color:var(--muted-2);font-size:.6rem}.stats-pill.is-offline .stats-pill__signal{color:#fcd34d}.side-panel{position:fixed;top:14px;right:14px;bottom:14px;z-index:55;width:372px;display:flex;flex-direction:column;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:linear-gradient(170deg,#121b2deb,#090f1bf2);backdrop-filter:blur(26px);box-shadow:0 40px 90px -30px #000000f2,0 1px #ffffff0a inset;overflow:hidden;animation:slide-in .26s cubic-bezier(.2,.7,.2,1)}.side-panel__head{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid rgba(148,163,184,.1);flex:none}.side-panel__tabs{display:flex;align-items:center;gap:2px;flex:1;min-width:0}.side-panel__tab{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:.7rem;font-weight:600;transition:background .16s ease,color .16s ease}.side-panel__tab:hover{color:var(--text);background:#94a3b812}.side-panel__tab.is-active{background:#22d3ee1a;border-color:#22d3ee33;color:#a5f3fc}.side-panel__badge{display:grid;place-items:center;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:var(--cyan);color:#04121c;font-size:.58rem;font-weight:800}.side-panel__body{flex:1;min-height:0;overflow:hidden}.panel{position:relative;display:flex;flex-direction:column;height:100%;min-height:0}.panel__top{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.08);flex:none}.files-path{display:flex;align-items:center;gap:7px;min-width:0;flex:1;color:var(--muted)}.files-path svg{flex:none;color:#7dd3fc}.files-path__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;direction:ltr;text-align:left}.files-actions{display:flex;align-items:center;gap:2px;flex:none}.files-upload{margin-left:4px}.files-roots{display:flex;gap:5px;padding:8px 12px;border-bottom:1px solid rgba(148,163,184,.07);overflow-x:auto;flex:none;scrollbar-width:none}.files-roots::-webkit-scrollbar{display:none}.files-root{flex:none;padding:3px 9px;border:1px solid var(--line);border-radius:7px;background:#94a3b80d;color:var(--muted);font-family:var(--font-mono);font-size:.65rem;font-weight:600}.files-root:hover,.files-root.is-active{border-color:#22d3ee4d;background:#22d3ee17;color:#a5f3fc}.files-new{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(148,163,184,.08);background:#22d3ee08;flex:none}.files-new>svg{color:#7dd3fc;flex:none}.files-new input{flex:1;min-width:0;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:#02060e80;outline:none;font-size:.76rem}.files-new input:focus{border-color:#22d3ee80}.files-drop{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.files-connecting{display:flex;align-items:center;gap:7px;padding:6px 12px;border-bottom:1px solid rgba(148,163,184,.07);color:#7dd3fc;font-size:.68rem;flex:none}.files-list-head{display:grid;grid-template-columns:minmax(0,1fr) 58px 82px 56px;align-items:center;gap:6px;padding:6px 12px;border-bottom:1px solid rgba(148,163,184,.07);color:var(--muted-2);font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;flex:none}.files-list{flex:1;min-height:0;overflow-y:auto;padding:5px 7px 10px}.files-loading{display:flex;align-items:center;justify-content:center;gap:9px;padding:34px 12px;color:var(--muted);font-size:.76rem}.file-row{display:grid;grid-template-columns:minmax(0,1fr) 58px 82px 56px;align-items:center;gap:6px;min-height:34px;padding:2px 5px;border-radius:8px;border:1px solid transparent;transition:background .14s ease,border-color .14s ease}.file-row:hover{background:#94a3b812;border-color:#94a3b814}.file-row.is-dir{cursor:default}.file-row__main{display:flex;align-items:center;gap:8px;min-width:0;padding:3px 2px;border:0;background:transparent;text-align:left;color:var(--text-soft)}.file-row__icon{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:7px;background:#94a3b814;color:var(--muted)}.file-row__icon.is-folder{background:#fbbf2417;color:#fcd34d}.file-row__icon.is-image{background:#34d39914;color:#6ee7b7}.file-row__icon.is-video{background:#a78bfa17;color:#c4b5fd}.file-row__icon.is-audio{background:#38bdf814;color:#7dd3fc}.file-row__icon.is-archive{background:#fbbf2414;color:#fcd34d}.file-row__icon.is-code{background:#22d3ee14;color:#67e8f9}.file-row__icon.is-app{background:#fb718514;color:#fda4af}.file-row__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.file-row__link{flex:none;color:var(--muted-2)}.file-row__size,.file-row__date{color:var(--muted-2);font-size:.6rem;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row__actions{display:flex;align-items:center;justify-content:flex-end;gap:0;opacity:0;transition:opacity .14s ease}.file-row:hover .file-row__actions,.file-row:focus-within .file-row__actions{opacity:1}.files-drop-overlay{position:absolute;inset:6px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1.5px dashed rgba(34,211,238,.5);border-radius:12px;background:#06121ee6;color:#a5f3fc;font-size:.78rem;font-weight:600;text-align:center;padding:16px;pointer-events:none}.transfers{flex:none;max-height:190px;overflow-y:auto;padding:8px 10px;border-top:1px solid rgba(148,163,184,.09);background:#02060e40}.transfers__head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 5px;color:var(--muted-2);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.transfer-row{display:flex;align-items:center;gap:8px;padding:5px 3px}.transfer-row__icon{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:7px;background:#22d3ee14;color:#7dd3fc}.transfer-row.is-error .transfer-row__icon{background:#fb71851a;color:#fda4af}.transfer-row__body{flex:1;min-width:0}.transfer-row__line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.transfer-row__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;color:var(--text-soft)}.transfer-row__size{flex:none;color:var(--muted-2);font-size:.6rem;font-variant-numeric:tabular-nums}.transfer-row__bar{height:3px}.transfer-row__cancel{display:grid;place-items:center;width:22px;height:22px;flex:none;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted-2)}.transfer-row__cancel:hover{background:#fb71851f;color:#fda4af}.panel__hint{flex:none;display:flex;align-items:flex-start;gap:5px;padding:9px 12px 12px;border-top:1px solid rgba(148,163,184,.07);color:var(--muted-2);font-size:.64rem;line-height:1.55}.panel__hint svg{flex:none;margin-top:1px}.clipboard-panel{overflow-y:auto;padding:10px;gap:10px}.clip-card{border:1px solid rgba(148,163,184,.11);border-radius:13px;background:#94a3b809;overflow:hidden;flex:none}.clip-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid rgba(148,163,184,.08)}.clip-card__title{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:650;color:var(--text-soft)}.clip-dot{width:7px;height:7px;border-radius:50%;background:var(--muted-2)}.clip-dot.is-text{background:var(--sky)}.clip-dot.is-image{background:var(--green)}.clip-dot.is-files{background:var(--amber)}.clip-card__tools{display:flex;align-items:center;gap:4px}.host-text{max-height:190px;margin:0;padding:11px;overflow:auto;color:var(--text-soft);font-family:var(--font-sans);font-size:.75rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.clip-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-top:1px solid rgba(148,163,184,.07);color:var(--muted-2);font-size:.63rem}.clip-card__foot-actions{display:flex;align-items:center;gap:4px}.host-image__pending{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 12px;color:var(--muted);font-size:.73rem;text-align:center}.host-image>img{width:100%;max-height:190px;object-fit:contain;background:#050a12}.host-files{max-height:230px;overflow-y:auto}.host-file{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid rgba(148,163,184,.05);color:var(--text-soft)}.host-file>svg{color:#fcd34d;flex:none}.host-file__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.71rem}.host-file__size{flex:none;color:var(--muted-2);font-size:.61rem}.local-text textarea{display:block;width:calc(100% - 20px);margin:10px;padding:9px;min-height:96px;max-height:230px;border:1px solid var(--line);border-radius:9px;background:#02060e73;color:var(--text);font-family:var(--font-sans);font-size:.75rem;line-height:1.5;resize:vertical;outline:none}.local-text textarea:focus{border-color:#22d3ee6b}.local-text__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 10px;flex-wrap:wrap}.local-text__actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.local-image__preview{position:relative;margin:10px;border-radius:9px;overflow:hidden;border:1px solid var(--line);background:#050a12}.local-image__preview img{width:100%;max-height:220px;object-fit:contain}.local-image__remove{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#03070fb8;color:var(--text)}.local-files__drop{display:flex;flex-direction:column;align-items:center;gap:8px;margin:10px;padding:24px 14px;border:1.5px dashed rgba(148,163,184,.22);border-radius:11px;color:var(--muted);text-align:center;font-size:.73rem;line-height:1.5}.local-files__drop>svg{color:#7dd3fc}.local-files__drop .muted{font-size:.64rem;color:var(--muted-2)}.panel-drop-overlay{position:absolute;inset:8px;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1.5px dashed rgba(34,211,238,.5);border-radius:14px;background:#06121eeb;color:#a5f3fc;font-size:.8rem;font-weight:600;text-align:center;padding:20px;pointer-events:none}.settings-panel{overflow-y:auto;padding:4px 4px 16px}.settings-section{padding:14px 12px;border-bottom:1px solid rgba(148,163,184,.08)}.settings-section:last-of-type{border-bottom:0}.settings-section__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.settings-section__head h3{display:inline-flex;align-items:center;gap:7px;font-size:.77rem;font-weight:650;color:var(--text-soft)}.settings-section__head h3 svg{color:#7dd3fc}.settings-section__value{color:var(--muted-2);font-size:.63rem;font-variant-numeric:tabular-nums}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.preset{display:flex;align-items:flex-start;gap:8px;padding:9px;border:1px solid rgba(148,163,184,.12);border-radius:10px;background:#94a3b809;text-align:left;transition:border-color .16s ease,background .16s ease}.preset:hover{background:#94a3b812;border-color:#94a3b838}.preset.is-active{border-color:#22d3ee5c;background:#22d3ee12}.preset__icon{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:7px;background:#94a3b814;color:var(--muted)}.preset.is-active .preset__icon{background:#22d3ee21;color:#7dd3fc}.preset__text{display:flex;flex-direction:column;gap:2px;min-width:0}.preset__name{display:inline-flex;align-items:center;gap:4px;font-size:.73rem;font-weight:650}.preset.is-active .preset__name svg{color:var(--green)}.preset__desc{color:var(--muted-2);font-size:.62rem;line-height:1.4}.settings-note{margin-top:9px;color:var(--muted-2);font-size:.66rem;line-height:1.55}.settings-link{margin-top:8px;padding:0;border:0;background:transparent;color:#7dd3fc;font-size:.66rem;font-weight:600}.settings-link:hover{text-decoration:underline}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:10px;border:1px solid rgba(148,163,184,.09);border-radius:9px;overflow:hidden;background:#94a3b812}.kv-grid>div{display:flex;flex-direction:column;gap:1px;padding:7px 9px;background:#090f1bd9}.kv-grid dt{display:inline-flex;align-items:center;gap:4px;color:var(--muted-2);font-size:.59rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.kv-grid dd{color:var(--text-soft);font-size:.72rem;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;color:var(--text-soft);font-size:.75rem}.select-row select{max-width:210px;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:#02060e8c;color:var(--text);font-size:.7rem;outline:none}.select-row select:focus{border-color:#22d3ee73}.settings-readonly{display:flex;align-items:center;gap:7px;padding:7px 0;color:var(--muted);font-size:.72rem}.settings-readonly svg{color:#7dd3fc}.button-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.volume-row{display:flex;align-items:center;gap:9px;margin-top:6px;padding:8px 10px;border:1px solid rgba(148,163,184,.1);border-radius:9px;background:#02060e4d}.volume-row.is-disabled{opacity:.5}.volume-row__icon{display:grid;place-items:center;width:26px;height:26px;flex:none;padding:0;border:0;border-radius:7px;background:#22d3ee14;color:#7dd3fc}.volume-row input[type=range]{flex:1;min-width:0;height:4px;appearance:none;border-radius:999px;background:linear-gradient(90deg,#22d3eecc,#818cf8cc);outline:none}.volume-row input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:2px solid #0a101d;border-radius:50%;background:#e0faff;box-shadow:0 0 0 1px #22d3ee80;cursor:pointer}.volume-row__value{width:34px;color:var(--muted);font-size:.64rem;text-align:right;font-variant-numeric:tabular-nums}.mini-badge{display:inline-flex;align-items:center;padding:2px 7px;border:1px solid var(--line);border-radius:999px;background:#94a3b80f;color:var(--muted);font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.mini-badge.is-on{border-color:#34d39942;background:#34d39914;color:#6ee7b7}.mini-badge.is-off{border-color:#94a3b829}.settings-section--danger .settings-section__head h3 svg{color:#fda4af}.info-panel{overflow-y:auto;padding:12px;gap:12px}.host-card{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(148,163,184,.12);border-radius:13px;background:radial-gradient(120% 100% at 0% 0%,rgba(34,211,238,.08),transparent 60%),#94a3b809}.host-card__icon{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid rgba(34,211,238,.18);border-radius:12px;background:#22d3ee14;color:#a5f3fc}.host-card__dot{position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border:2px solid #0d1524;border-radius:50%;background:var(--muted-2)}.host-card__dot.is-on{background:var(--green);animation:pulse-dot 2.4s ease-out infinite}.host-card__text{flex:1;min-width:0}.host-card__text h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:650}.host-card__text p{color:var(--muted-2);font-size:.66rem;letter-spacing:.09em}.info-section{padding:10px 2px;border-bottom:1px solid rgba(148,163,184,.08)}.info-section:last-of-type{border-bottom:0}.info-section>h3,.info-section__head h3{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--text-soft);font-size:.75rem;font-weight:650}.info-section>h3 svg,.info-section__head h3 svg{color:#7dd3fc}.info-section__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.channels{display:flex;flex-direction:column;gap:1px;border:1px solid rgba(148,163,184,.09);border-radius:9px;overflow:hidden;background:#94a3b812}.channel{display:flex;align-items:center;gap:8px;padding:7px 9px;background:#090f1bd9;font-size:.7rem}.channel__dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--muted-2)}.channel__dot.is-on{background:var(--green)}.channel__label{color:var(--text-soft);font-weight:550}.channel__detail{margin-left:auto;color:var(--muted-2);font-size:.62rem}.path-line{display:flex;align-items:center;gap:5px;margin-top:8px;color:var(--muted-2);font-size:.63rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-line svg{flex:none}.monitor-list{display:flex;flex-direction:column;gap:4px;margin-top:9px}.monitor-line{display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid transparent;border-radius:7px;color:var(--muted);font-size:.67rem}.monitor-line.is-current{border-color:#22d3ee33;background:#22d3ee0d;color:var(--text-soft)}.monitor-line svg{flex:none;color:var(--muted-2)}.monitor-line__res{margin-left:auto;color:var(--muted-2);font-variant-numeric:tabular-nums}.monitor-line__tag{margin-left:4px;padding:1px 5px;border-radius:999px;background:#34d3991f;color:#6ee7b7;font-size:.55rem;font-weight:700;text-transform:uppercase}.share-link{display:flex;align-items:center;gap:6px}.share-link input{flex:1;min-width:0;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:#02060e80;color:var(--muted);font-family:var(--font-mono);font-size:.63rem;outline:none}.share-link input:focus{border-color:#22d3ee66}.shortcuts{display:flex;flex-direction:column;gap:7px}.shortcuts li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:.66rem;color:var(--muted)}.shortcuts li>span:first-child{flex:none;display:inline-flex;gap:3px}.info-security{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid rgba(52,211,153,.14);border-radius:10px;background:#34d3990a;color:var(--muted);font-size:.65rem;line-height:1.55}.info-security svg{flex:none;color:#6ee7b7;margin-top:1px}.info-warning{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid rgba(251,191,36,.2);border-radius:10px;background:#fbbf240f;color:#fcd34d;font-size:.66rem;line-height:1.5}.info-warning svg{flex:none;margin-top:1px}.info-disconnect{width:100%;flex:none}.stage-drop{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#04080f9e;backdrop-filter:blur(6px);pointer-events:none;animation:fade-in .15s ease}.stage-drop__card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 42px;border:1.5px dashed rgba(34,211,238,.45);border-radius:20px;background:#08101ce6;color:#a5f3fc;text-align:center;box-shadow:0 30px 80px -30px #000000e6}.stage-drop__card h3{font-size:1rem;font-weight:650}.stage-drop__card p{max-width:340px;color:var(--muted);font-size:.74rem;line-height:1.5}.lock-banner{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:70;display:flex;align-items:flex-start;gap:12px;width:min(560px,94vw);padding:12px 16px;border:1px solid rgba(251,191,36,.34);border-radius:14px;background:linear-gradient(165deg,#2d220cf2,#181206f5);box-shadow:0 18px 40px #00000073;animation:fade-in .2s ease}.lock-banner__icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;background:#fbbf2429;color:#fcd34d}.lock-banner__text{display:flex;flex-direction:column;gap:2px;min-width:0}.lock-banner__text strong{font-size:.84rem;color:#fde68a}.lock-banner__text span{font-size:.76rem;line-height:1.5;color:#e2e8f0d1}.session-overlay{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;background:radial-gradient(700px 460px at 50% 20%,rgba(34,211,238,.08),transparent 65%),#04080fad;backdrop-filter:blur(16px);animation:fade-in .2s ease}.session-card{position:relative;width:min(430px,94vw);padding:28px;border:1px solid rgba(148,163,184,.17);border-radius:22px;background:linear-gradient(165deg,#141e33f0,#090f1bf7);box-shadow:0 40px 100px -34px #000000f2,0 1px #ffffff0d inset;text-align:center;animation:fade-up .28s ease both}.session-card__icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border:1px solid rgba(34,211,238,.22);border-radius:15px;background:#22d3ee14;color:#67e8f9}.session-card__icon.is-danger{border-color:#fb718542;background:#fb718517;color:#fda4af}.session-card__icon.is-warn{border-color:#fbbf2442;background:#fbbf2414;color:#fcd34d}.session-card h2{font-size:1.18rem;font-weight:650;letter-spacing:-.025em}.session-card p{margin:8px auto 0;max-width:340px;color:var(--muted);font-size:.79rem;line-height:1.6}.session-card__code{display:inline-block;margin-top:10px;padding:3px 9px;border:1px solid rgba(251,113,133,.2);border-radius:6px;background:#fb71850f;color:#fda4af;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em}.session-card__device{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#02060e66}.session-card__device span{display:inline-flex;align-items:center;gap:4px;color:var(--muted-2);font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.session-card__device code{color:#a5f3fc;font-family:var(--font-mono);font-size:.86rem;font-weight:600;letter-spacing:.14em}.session-card__actions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.session-card__progress{position:relative;height:3px;margin:20px auto 0;width:70%;border-radius:999px;background:#94a3b81f;overflow:hidden}.session-card__progress span{position:absolute;inset:0 auto 0 0;width:38%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#818cf8);animation:progress-slide 1.2s ease-in-out infinite}.session-overlay__brand{display:flex;align-items:center;gap:7px;color:var(--muted-2);font-size:.67rem;font-weight:500}.session-overlay__brand .dot{width:3px;height:3px;margin:0 3px;border-radius:50%;background:var(--muted-2)}.toast-stack{position:fixed;top:16px;right:16px;z-index:200;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#0d1524f0;backdrop-filter:blur(18px);box-shadow:var(--shadow-md);color:var(--text-soft);font-size:.77rem;line-height:1.45;pointer-events:auto;animation:toast-in .22s ease both}.toast__icon{flex:none;margin-top:1px;color:#7dd3fc}.toast--success{border-color:#34d3993d}.toast--success .toast__icon{color:#6ee7b7}.toast--error{border-color:#fb718542}.toast--error .toast__icon{color:#fda4af}.toast--warning,.toast--warn{border-color:#fbbf243d}.toast--warning .toast__icon,.toast--warn .toast__icon{color:#fcd34d}.toast__message{flex:1;min-width:0;word-break:break-word}.toast__close{flex:none;display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--muted-2)}.toast__close:hover{background:#94a3b81f;color:var(--text)}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.22) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background-clip:content-box;background-color:#94a3b833}*::-webkit-scrollbar-thumb:hover{background-color:#94a3b852}@media(max-width:1180px){.hero{gap:36px}.remote.has-panel .remote__stage{padding-right:360px}.remote.has-panel .toolbar{transform:translate(calc(-50% - 180px))}.side-panel{width:346px}.stats-pill{bottom:74px}}@media(max-width:1024px){.hero{grid-template-columns:1fr;max-width:660px;margin:0 auto;padding-top:40px;gap:34px}.hero__copy{text-align:center}.hero__lede{margin:0 auto}.hero__chips{justify-content:center}.hero__trust{justify-content:center;text-align:left}.section--split{grid-template-columns:1fr;gap:30px}.security-card{align-items:flex-start;flex-wrap:wrap}.security-card__cta{margin-left:84px}.remote.has-panel .remote__stage{padding-right:0}.remote.has-panel .toolbar{transform:translate(-50%)}}@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing__nav{gap:18px}.landing__footer{flex-wrap:wrap;gap:12px}.landing__footer-khmer{margin-left:0;order:3;width:100%}}@media(max-width:760px){.landing__header{padding:16px 18px}.landing__nav{display:none}.landing__nav-cta{margin-left:auto}.landing__main{padding:0 18px}.hero{padding:28px 0 60px}.hero__title{font-size:clamp(2.35rem,11vw,3.2rem)}.hero__lede{font-size:.93rem}.connect-card{padding:20px;border-radius:20px}.section{padding:54px 0}.feature-grid{grid-template-columns:1fr}.security-card{padding:22px;flex-direction:column;gap:16px}.security-card__cta{margin-left:0}.security-card__icon{width:48px;height:48px}.landing__footer{padding:22px 18px 30px;flex-direction:column;align-items:flex-start}.landing__footer-links{gap:14px}.remote__topbar{padding:10px}.host-chip__name{max-width:130px}.meta-chip{padding:5px 8px;font-size:.63rem}.meta-chip:first-child{display:none}.canvas-wrap{padding:62px 8px 150px}.canvas-wrap.is-actual{padding-left:8px;padding-right:8px}.screen-canvas{border-radius:8px}.toolbar{bottom:10px;padding:5px;border-radius:15px}.toolbar__divider{margin:0 3px}.icon-btn{width:35px;height:35px}.stats-pill{left:10px;bottom:61px;padding:5px 8px;gap:7px;font-size:.63rem}.stats-pill__item--hide-sm,.stats-pill__signal-label{display:none}.side-panel{inset:auto 8px 8px;width:auto;height:min(74vh,620px);border-radius:18px;z-index:70}.side-panel__tab span{display:none}.side-panel__tab{padding:7px 10px}.session-overlay{padding:16px}.session-overlay__brand{font-size:.62rem}.toast-stack{top:10px;left:10px;right:10px;width:auto}}@media(max-width:560px){.files-list-head,.file-row{grid-template-columns:minmax(0,1fr) 60px 58px}.files-col-date{display:none}.kv-grid,.preset-grid{grid-template-columns:1fr}.local-text__foot{align-items:flex-start;flex-direction:column}.local-text__actions{justify-content:flex-start}.hero__chips{display:none}.hero__trust{margin-top:24px}.setup-card__code{font-size:.68rem}.session-card{padding:22px 18px}}@media(max-width:400px){.toolbar .icon-btn:nth-child(n+7){display:none}.stats-pill{bottom:58px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
