:root{
  --coral:#ff5c6b;
  --coral-dark:#ed4959;
  --ink:#111214;
  --muted:#74777d;
  --line:#e7e7e9;
  --soft:#f4f4f5;
  --white:#fff;
  --green:#17ad70;
  --amber:#e69b23;
  --red:#d93e50;
  --radius:18px;
  --shadow:0 18px 48px rgba(18,19,22,.07);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f3f3f4;color:var(--ink);font-family:"Titillium Web",system-ui,-apple-system,sans-serif;font-size:16px}
button,input,select{font:inherit}
button{touch-action:manipulation}
.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,48px);position:sticky;top:0;z-index:50}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:.035em}.brand strong{font-weight:500;color:var(--muted);font-size:.82rem;border-left:1px solid var(--line);padding-left:10px}.brand-mark{width:22px;height:22px;border-radius:8px;background:linear-gradient(145deg,var(--coral),#ff8792);display:inline-block;position:relative;box-shadow:inset 0 -5px 10px rgba(0,0,0,.08)}.brand-mark:after{content:"";position:absolute;width:7px;height:7px;border:2px solid #fff;border-radius:50%;left:5px;top:5px}
.top-actions{display:flex;align-items:center;gap:12px}.icon-btn{border:1px solid var(--line);background:#fff;width:38px;height:38px;border-radius:12px;font-size:18px;cursor:pointer}
.pill{height:32px;padding:0 12px;border-radius:20px;display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;letter-spacing:.05em;background:#f1f1f2;color:#777}.pill i,.target-state i{width:7px;height:7px;border-radius:50%;background:#a8aaae;display:block}.pill-live{background:#ebf9f3;color:#0b8c59}.pill-live i{background:var(--green);box-shadow:0 0 0 4px rgba(23,173,112,.12)}
.page{width:min(1260px,calc(100% - 34px));margin:22px auto 44px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.section-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head h2{margin:1px 0 0;font-size:1.65rem;line-height:1.05}.eyebrow{font-size:.68rem;letter-spacing:.16em;font-weight:700;color:var(--coral)}.muted{color:var(--muted)}.compact{margin:5px 0 0;line-height:1.35}.tiny-status,.version{font-size:.75rem;color:var(--muted);font-weight:600}
.video-wrap{position:relative;aspect-ratio:16/9;background:#121315;border-radius:15px;overflow:hidden}.video-wrap iframe{width:100%;height:100%;border:0;display:none;background:#111}.video-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;text-align:center;padding:20px}.video-empty small{color:#aeb0b5;margin-top:4px}.signal-rings{height:48px;display:flex;align-items:flex-end;gap:5px;margin-bottom:11px}.signal-rings span{width:5px;border-radius:6px;background:var(--coral);animation:pulse 1.2s ease-in-out infinite}.signal-rings span:nth-child(1){height:18px}.signal-rings span:nth-child(2){height:40px;animation-delay:.12s}.signal-rings span:nth-child(3){height:26px;animation-delay:.24s}@keyframes pulse{50%{opacity:.35;transform:scaleY(.5)}}.live-bug{display:none;position:absolute;left:12px;top:12px;background:var(--coral);color:#fff;border-radius:8px;padding:5px 9px;font-size:.67rem;font-weight:700;letter-spacing:.08em}
.stats-line{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.stats-line span{border:1px solid var(--line);border-radius:11px;padding:9px 11px}.stats-line small{display:block;font-size:.61rem;color:#989a9f;font-weight:700;letter-spacing:.08em}.stats-line b{font-size:.9rem}
.connection-card{display:flex;flex-direction:column}.copy-field{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);background:#fafafa;border-radius:12px;padding:10px 10px 10px 12px;margin-bottom:10px}.copy-field>span{min-width:0}.copy-field small{display:block;font-size:.59rem;color:#9b9da2;font-weight:700;letter-spacing:.08em}.copy-field code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.79rem;word-break:break-all}.copy-field button,.row-btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 10px;color:#45474c;cursor:pointer;font-size:.78rem;font-weight:600}.field-actions{display:flex;gap:5px}.secret{filter:blur(5px);user-select:none}.secret.revealed{filter:none;user-select:text}.tip{font-size:.82rem;background:#fff6f7;border:1px solid #ffdadd;padding:11px 12px;border-radius:11px;margin:3px 0 15px}.micro{font-size:.76rem;margin:8px 0 0}
.btn{appearance:none;border:0;border-radius:11px;padding:10px 14px;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 8px 20px rgba(255,92,107,.18)}.btn-primary:hover{background:var(--coral-dark)}.btn-dark{background:#17181a;color:#fff}.btn-light{background:#f1f1f2;color:#222}.btn-danger{background:var(--red);color:#fff}.btn-danger-soft{background:#fff0f2;color:#c63243;margin-top:auto}.btn-delete{background:#fff0f2;color:#c63243}.btn-full{width:100%;padding:12px}
.targets-card,.settings-card{margin-top:20px}.targets-head{align-items:center}.target-head-actions{display:flex;align-items:center;gap:10px}.target-counter{background:#f3f3f4;border:1px solid var(--line);border-radius:10px;padding:8px 11px;color:var(--muted);font-size:.78rem;white-space:nowrap}.target-counter b{color:var(--ink)}
.target-list{display:flex;flex-direction:column}.target-row{display:grid;grid-template-columns:46px minmax(0,1fr) 112px 54px auto;align-items:center;gap:13px;padding:14px 0;border-top:1px solid var(--line)}.target-row:first-child{border-top:0}.platform-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#18191b;color:#fff;font-weight:700;font-size:1.05rem}.platform-icon.youtube{background:#ff0033}.platform-icon.facebook{background:#1877f2}.platform-icon.tiktok{background:#101113}.platform-icon.instagram{background:linear-gradient(135deg,#6c36c9,#d92b74 55%,#ff9f3f)}.platform-icon.custom{background:#232529}.target-main{min-width:0}.target-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.target-main strong{display:block;font-size:1rem}.platform-tag{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:999px;background:#f3f3f4;color:#777a80;font-size:.67rem;font-weight:600}.target-url{display:block;color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.target-state{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;color:#83858a}.target-state.forwarding{color:var(--green)}.target-state.forwarding i{background:var(--green)}.target-state.error{color:var(--red)}.target-state.error i{background:var(--red)}.target-state.waiting i,.target-state.idle i,.target-state.configured i{background:var(--amber)}.target-state.disabled{opacity:.55}.switch{width:48px;height:28px;border:0;background:#d6d7da;border-radius:18px;padding:4px;cursor:pointer;transition:.2s}.switch span{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.2s}.switch.on{background:var(--coral)}.switch.on span{transform:translateX(20px)}.switch.busy{opacity:.55;cursor:wait}.row-actions{display:flex;gap:6px;justify-content:flex-end}.row-btn-danger{color:#c63243;background:#fff7f8;border-color:#ffdfe3}.empty-state{padding:44px 20px;border:1px dashed #d5d6d8;border-radius:14px;text-align:center}.empty-state b,.empty-state span{display:block}.empty-state span{color:var(--muted);font-size:.9rem;margin-top:4px}
.inline-password{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.stack-form{display:flex;flex-direction:column;gap:13px}label{font-size:.8rem;font-weight:600;color:#606268}input,select{display:block;width:100%;margin-top:5px;border:1px solid #dfe0e2;border-radius:10px;background:#fff;padding:11px 12px;font-family:inherit;font-size:.95rem;outline:none;min-height:44px}input:focus,select:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(255,92,107,.10)}.checkline{display:flex;align-items:center;gap:9px;min-height:40px}.checkline input{width:auto;margin:0;min-height:auto}.platform-help{background:#f7f7f8;border:1px solid var(--line);border-radius:10px;padding:10px 11px;font-size:.78rem;color:#777a80;line-height:1.35}
.flash{padding:10px 13px;border-radius:11px;margin-bottom:14px;font-size:.88rem}.flash.success{background:#e9f8f1;color:#117f53}.flash.error{background:#fff0f2;color:#bd3142}.ajax-notice{position:sticky;top:84px;z-index:45;box-shadow:0 12px 28px rgba(0,0,0,.08)}
.modal{position:fixed;inset:0;background:rgba(15,16,18,.48);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:18px;z-index:100}.modal.open{display:flex}.modal-panel{background:#fff;width:min(560px,100%);max-height:92vh;overflow:auto;border-radius:20px;padding:26px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.25)}.modal-panel.narrow{width:min(470px,100%)}.modal-panel h3{font-size:1.55rem;margin:4px 0 16px}.modal-x{position:absolute;right:15px;top:13px;border:0;background:#f1f1f2;width:34px;height:34px;border-radius:10px;font-size:21px;cursor:pointer}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:7px}.modal-actions.split{display:grid;grid-template-columns:auto 1fr auto auto}.danger-text{color:#c52f42}
.login-body{min-height:100vh;background:radial-gradient(circle at 20% 20%,#fff 0,#f5f5f6 45%,#ededee 100%);display:grid;place-items:center;padding:20px}.login-shell{width:min(460px,100%)}.login-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px;box-shadow:0 30px 90px rgba(14,15,17,.09)}.brand-center{justify-content:center;margin-bottom:30px}.login-kicker{text-align:center;color:var(--coral);font-size:.7rem;font-weight:700;letter-spacing:.19em}.login-card h1{text-align:center;font-size:2.35rem;line-height:1.02;margin:8px 0 10px}.login-card>.muted{text-align:center;margin-bottom:24px}.login-foot{text-align:center;color:#a0a2a7;font-size:.72rem;margin-top:22px}
@media(max-width:1050px){.target-row{grid-template-columns:46px minmax(0,1fr) 104px 52px}.row-actions{grid-column:2/5;justify-content:flex-start;margin-top:-3px}.target-state{justify-self:end}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.connection-card{min-height:0}.inline-password{grid-template-columns:1fr 1fr}.inline-password .btn{grid-column:1/-1}.targets-head{align-items:flex-start}.target-head-actions{align-self:flex-end}}
@media(max-width:700px){.target-row{grid-template-columns:42px minmax(0,1fr) auto;gap:10px}.platform-icon{width:42px;height:42px}.target-state{grid-column:2;grid-row:2;justify-self:start}.switch{grid-column:3;grid-row:1}.row-actions{grid-column:2/4;grid-row:3;margin-top:0}.targets-head{flex-direction:column}.target-head-actions{width:100%;align-self:auto}.target-head-actions .btn{flex:1}.target-counter{min-height:42px;display:grid;place-items:center}.inline-password{grid-template-columns:1fr}}
@media(max-width:620px){.topbar{height:64px;padding:0 14px}.brand strong{display:none}.page{width:min(100% - 20px,1260px);margin-top:10px}.card{padding:17px;border-radius:15px}.section-head h2{font-size:1.4rem}.target-head-actions{align-items:stretch;flex-direction:column}.target-head-actions .btn,.target-counter{width:100%}.stats-line{grid-template-columns:1fr 1fr}.stats-line span:last-child{grid-column:1/-1}.copy-field{align-items:flex-start;flex-direction:column}.field-actions{width:100%}.field-actions button{flex:1}.copy-field>button{width:100%}.login-card{padding:28px 20px}.login-card h1{font-size:2rem}.top-actions .pill{padding:0 9px}.modal-panel{padding:22px 17px}.modal-actions.split{grid-template-columns:1fr 1fr}.modal-actions.split span{display:none}.modal-actions.split .btn-delete{grid-column:1/-1;order:3}.modal-actions.split .btn-primary{grid-column:2}.modal-actions.split .btn-light{grid-column:1}.row-actions{width:100%}.row-actions .row-btn{flex:1}.target-title-line{gap:5px}.platform-tag{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* v1.2.0 */
.platform-reference{display:inline-flex;align-items:center;gap:6px;color:#c93949;font-size:.82rem;font-weight:600;text-decoration:none;margin-top:-4px}.platform-reference:hover{text-decoration:underline}.platform-reference[hidden]{display:none!important}.auth-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;background:#fafafa;border:1px solid var(--line);border-radius:12px}.auth-fields[hidden]{display:none}.target-state.stopping{color:var(--amber)}.target-state.stopping i{background:var(--amber);animation:stopPulse .9s ease-in-out infinite}@keyframes stopPulse{50%{opacity:.28}}
.traffic-card{margin-top:20px}.traffic-head{align-items:center}.traffic-reset-btn{margin-top:0}.traffic-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px}.traffic-stat{border:1px solid var(--line);background:#fafafa;border-radius:14px;padding:16px}.traffic-stat.primary{background:#fff5f6;border-color:#ffdadd}.traffic-stat small{display:block;color:#8b8d92;font-size:.64rem;letter-spacing:.09em;font-weight:700}.traffic-stat strong{display:block;font-size:1.65rem;line-height:1.05;margin:5px 0 2px}.traffic-stat span{font-size:.75rem;color:var(--muted)}.bandwidth-box{margin-top:12px;border-top:1px solid var(--line);padding-top:14px;display:grid;grid-template-columns:minmax(170px,.7fr) minmax(280px,1.3fr);gap:14px;align-items:end}.bandwidth-copy b,.bandwidth-copy span{display:block}.bandwidth-copy b{font-size:.84rem}.bandwidth-copy span{font-size:.75rem;color:var(--muted);margin-top:2px}.bandwidth-limit-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}.bandwidth-progress-wrap{grid-column:1/-1}.bandwidth-progress-head{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;color:var(--muted);margin-bottom:6px}.bandwidth-progress-head b{color:var(--ink)}.bandwidth-progress{height:9px;border-radius:999px;background:#ececee;overflow:hidden}.bandwidth-progress i{display:block;width:0;height:100%;border-radius:inherit;background:var(--coral);transition:width .35s ease}
@media(max-width:800px){.traffic-grid{grid-template-columns:1fr 1fr}.traffic-stat.primary{grid-column:1/-1}.bandwidth-box{grid-template-columns:1fr}.bandwidth-progress-wrap{grid-column:1}.auth-fields{grid-template-columns:1fr}}
@media(max-width:520px){.traffic-grid{grid-template-columns:1fr}.traffic-stat.primary{grid-column:auto}.traffic-head{align-items:flex-start;flex-direction:column}.traffic-reset-btn{width:100%}.bandwidth-limit-form{grid-template-columns:1fr}.bandwidth-limit-form .btn{width:100%}}