html,body{margin:0;padding:0}.tn .usage{align-items:center;gap:8px;min-width:9em;display:inline-flex}.tn .usage>.track{background:var(--bar-rest);border-radius:3px;flex:1;min-width:4em;height:6px;overflow:hidden}.tn .usage>.track>i{background:var(--ink);min-width:2px;height:100%;width:calc(var(--tl-done,0) * 100%);border-radius:3px;display:block}.tn .usage>.track>i.is-warn{background:var(--st-old)}.tn .usage>.track>i.is-over{background:var(--st-unusable)}.tn .usage>.pct{font-variant-numeric:tabular-nums;color:var(--ink-3);font-size:var(--fs-12);white-space:nowrap}.tn .pairs .usage{min-width:16em}.tn .vpn-sec{margin-top:26px}.tn .card>.vpn-sec:first-child{margin-top:0}.tn .vpn-sec>summary{cursor:pointer;align-items:center;gap:12px;list-style:none;display:flex}.tn .vpn-sec>summary::-webkit-details-marker{display:none}.tn .vpn-sec>summary>.ring{background:var(--ink);width:32px;height:32px;color:var(--on-ink);border:0}.tn .vpn-sec>summary>h2{font-size:var(--fs-20);color:var(--ink);margin:0;font-weight:500;line-height:1.25}.tn .vpn-sec>summary>h2 small{font-size:var(--fs-14);color:var(--ink-3);margin-left:8px;font-weight:400}.tn .vpn-sec>summary>h2 .i{vertical-align:2px;margin-left:8px}.tn .vpn-sec>summary:after{content:"";border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);width:8px;height:8px;transition:transform var(--dur-fast) var(--ease-out);flex:none;transform:rotate(-45deg)}.tn .vpn-sec[open]>summary:after{transform:rotate(45deg)translate(-2px,-2px)}.tn .vpn-sec>.body{flex-direction:column;gap:14px;margin-top:16px;display:flex}.tn details.howto ol.steps{font-size:var(--fs-13);margin:0;padding-left:1.2em;line-height:1.5}.tn details.reveal>summary{cursor:pointer;color:var(--ink-3);font-size:var(--fs-12)}.tn details.reveal>code,.tn details.reveal code{-webkit-user-select:all;user-select:all;word-break:break-all}.tn .copyline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tn .copyline>code{cursor:copy;word-break:break-all}.tn .qr{border:1px solid var(--hair);background:#fff;border-radius:12px;margin-top:8px;padding:10px;display:inline-block}.tn .qr svg{display:block}.tn .device-controls{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tn .device-controls form{display:contents}.tn .trap{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.tn .design-frame{border:1px solid var(--hair);border-radius:var(--r-card);background:var(--card);width:100%;height:calc(100dvh - 260px);min-height:480px;display:block}