:root{--bg: #f6fbff;--bg-soft: #eaf8ff;--text: #0f2f4a;--muted: #4f6678;--accent: #0369a1;--accent-strong: #075985;--accent-soft: #e0f2fe;--success: #047857;--success-soft: #dcfce7;--card: rgba(255, 255, 255, .82);--card-strong: rgba(255, 255, 255, .92);--border: rgba(15, 47, 74, .08);--shadow: 0 0 0 1px rgba(15, 47, 74, .05), 0 12px 36px rgba(15, 47, 74, .07);--shadow-hover: 0 0 0 1px rgba(15, 47, 74, .07), 0 14px 40px rgba(15, 47, 74, .09);--control-shadow: 0 0 0 1px rgba(15, 47, 74, .06), 0 1px 2px rgba(15, 47, 74, .04);--danger: #c73543;--warning: #9a5a05;--radius: 20px;--radius-sm: 14px;--ease-out: cubic-bezier(.2, 0, 0, 1);color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{position:relative;margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 20% 0%,rgba(85,205,244,.22) 0 120px,transparent 260px),linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 44%,#ffffff 100%)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(15,47,74,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.42) 1px,transparent 1px);background-size:24px 24px,72px 72px,72px 72px;content:"";-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 54%);mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 54%)}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid rgba(3,105,161,.38);outline-offset:3px}.app-shell{position:relative;z-index:1;width:min(100%,560px);margin:0 auto;padding:12px 12px calc(76px + env(safe-area-inset-bottom))}.hero{margin-bottom:10px;border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:#ffffff94;box-shadow:0 10px 28px #0f2f4a0d}.wordmark-row{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.wordmark{color:var(--text);font-size:38px;font-weight:700;line-height:.95;letter-spacing:0}.eyebrow,.label{display:block;margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{color:var(--text);font-size:34px;font-weight:700;line-height:1.02;text-wrap:balance}h2{color:var(--text);font-size:26px;font-weight:700;line-height:1.14;text-wrap:balance}h3{color:var(--text);font-size:21px;font-weight:650;line-height:1.2;text-wrap:balance}p,li{text-wrap:pretty}.subtitle,.muted,.status-copy p{color:var(--muted);font-size:15px;line-height:1.45}.subtitle{max-width:30ch;margin-top:6px}.badge{display:inline-flex;align-items:center;width:fit-content;min-height:26px;border:1px solid var(--border);border-radius:999px;padding:4px 9px;color:var(--muted);background:#ffffffb8;font-size:12px;font-weight:600;white-space:nowrap}.tabs{display:grid;grid-template-columns:repeat(var(--tab-count, 3),1fr);gap:4px;min-height:48px;margin:0 0 10px;padding:4px;border:1px solid var(--border);border-radius:999px;background:#ffffff8f}.tabs-four{--tab-count: 4;gap:3px}.tab{min-height:40px;border-radius:999px;color:var(--muted);background:transparent;cursor:pointer;font-size:13px;font-weight:600;transition-duration:.16s;transition-property:background-color,box-shadow,color,transform;transition-timing-function:var(--ease-out)}.tabs-four .tab{font-size:12px}.tab:active{transform:scale(.96)}.tab-active{border:1px solid rgba(3,105,161,.18);color:var(--accent-strong);background:var(--card-strong);box-shadow:var(--control-shadow)}.panel{margin-top:10px;border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:var(--card);box-shadow:var(--shadow);transition-duration:.18s;transition-property:box-shadow;transition-timing-function:var(--ease-out)}.panel-danger{border-color:#c735432e;background:#ffffffdb}.panel-danger h2,.inline-error{color:var(--danger)}.status-panel{display:grid;gap:14px}.panel-head,.config-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.panel-head h2{font-size:25px}.identity-row{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:12px}.identity-row strong,.meta-grid strong{color:var(--text);font-size:15px;font-weight:650;text-align:right}.badge{flex:0 0 auto}.badge-active{border-color:#04785729;color:var(--success);background:var(--success-soft)}.status-copy{display:grid;gap:7px}.status-copy h2{font-size:25px}.active-card{display:grid;gap:12px}.active-heading{display:grid;gap:3px}.active-heading p{color:var(--muted);font-size:15px;line-height:1.4}.info-rows{display:grid;gap:0}.info-rows p{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);color:var(--muted);font-size:15px}.info-rows p:first-child{border-top:0}.info-rows strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:650;text-align:right}.meta-grid{display:grid;grid-template-columns:1fr;gap:8px}.meta-grid>div{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 11px;background:#ffffff8a}.primary-button,.secondary-button,.support-link{border-radius:999px;cursor:pointer;font-weight:650;transition-duration:.16s;transition-property:background-color,box-shadow,color,opacity,transform;transition-timing-function:var(--ease-out)}.primary-button:active,.secondary-button:active,.support-link:active,.accordion-button:active,.device-card:active{transform:scale(.96)}.primary-button{width:100%;min-height:44px;color:#fff;background:var(--accent);box-shadow:0 8px 20px #0369a12e}.primary-button:disabled{cursor:wait;opacity:.72}.secondary-button{min-height:40px;padding:0 14px;color:var(--accent-strong);background:var(--accent-soft);box-shadow:var(--control-shadow)}.full-width{width:100%}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.notice{border:1px solid rgba(154,90,5,.12);border-radius:var(--radius-sm);padding:11px;color:var(--warning);background:#fff9dc9e;font-size:15px;line-height:1.45}.config-head{margin-bottom:0}.config-panel{display:grid;gap:12px}.config-rows{border-top:1px solid var(--border)}.config-helper{margin-top:-4px;color:var(--muted);font-size:13px;line-height:1.4;text-align:center}.copy-feedback{margin-top:-2px;border-radius:var(--radius-sm);padding:9px 10px;font-size:13px;font-weight:600;line-height:1.4;text-align:center}.copy-feedback-success{color:var(--success);background:var(--success-soft)}.copy-feedback-error{color:var(--danger);background:#c7354314}.accordion-button{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:10px;border-radius:999px;padding:0 13px;color:var(--accent-strong);background:#ffffffad;box-shadow:var(--control-shadow);cursor:pointer;font-weight:650;transition-duration:.16s;transition-property:background-color,box-shadow,color,transform;transition-timing-function:var(--ease-out)}.accordion-icon{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;color:var(--muted);background:#0369a114;font-size:16px;line-height:1;transition-duration:.18s;transition-property:background-color,color,transform;transition-timing-function:var(--ease-out)}.accordion-button[aria-expanded=true] .accordion-icon{transform:rotate(180deg)}.vless-link-block{max-height:120px;overflow:auto;word-break:break-all;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;color:var(--text);background:#ffffffa3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45}textarea{width:100%;min-height:118px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:#ffffffa3;line-height:1.42;resize:vertical}.section-head{display:grid;gap:5px;margin-bottom:12px}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.device-card{min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 10px;color:var(--muted);background:#ffffff94;cursor:pointer;text-align:left;transition-duration:.16s;transition-property:background-color,box-shadow,color,transform;transition-timing-function:var(--ease-out)}.device-card span{display:block;font-size:14px;font-weight:600}.device-card-active{border-color:#0369a12e;color:var(--accent-strong);background:var(--accent-soft)}.device-steps{margin-top:12px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:#ffffff8f}.instruction-note{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.45}.device-steps strong{font-weight:650}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.steps{margin:8px 0 0;padding-left:20px;color:var(--text);font-size:15px;line-height:1.48}.steps li+li{margin-top:5px}.support-card{display:grid;gap:8px}.support-link{display:flex;min-height:44px;align-items:center;justify-content:center;margin-top:14px;color:#fff;background:var(--accent);box-shadow:0 8px 20px #0369a129;text-align:center;text-decoration:none}.inline-error{margin-top:10px;font-weight:650}.toast{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));left:16px;z-index:20;margin:0 auto;width:fit-content;max-width:calc(100% - 32px);border:1px solid rgba(4,120,87,.16);border-radius:999px;padding:9px 13px;color:var(--success);background:var(--success-soft);box-shadow:0 8px 20px #0f2f4a14;font-weight:650;pointer-events:none}@media(min-width:520px){.app-shell{padding-top:16px}.meta-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:390px){.app-shell{padding-inline:10px}.wordmark{font-size:34px}h2{font-size:24px}.panel,.hero{border-radius:18px;padding:14px}}