:root{--bg: #07090c;--surface: #0d1117;--surface-2: #111720;--inset: #090d12;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .14);--text: #f5f7fa;--text-soft: #d9e4f5;--muted: #98a2b3;--faint: #7d8794;--accent: #6ea8ff;--accent-strong: #3b82f6;--success: #6ee7b7;--warning: #f5c76b;--danger: #fb7185;--shadow: 0 24px 80px rgba(0, 0, 0, .42);--card-radius: 24px;--control-radius: 14px;--max-width: 1180px;--mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 50% -10%,rgba(59,130,246,.16),transparent 34%),radial-gradient(circle at 90% 12%,rgba(110,168,255,.08),transparent 20%),var(--bg);background-repeat:no-repeat;color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}[hidden]{display:none!important}.container{width:min(var(--max-width),calc(100% - 40px));min-height:100vh;margin:auto;display:flex;flex-direction:column}.container>main{flex:1}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;flex-shrink:0}.brand-logo{display:block;height:36px;width:auto}.navlinks{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:14px}.navlinks>a:not(.btn):hover{color:var(--text)}.lang{display:flex;gap:4px;padding:3px;border:1px solid var(--border);border-radius:10px}.lang a{color:var(--muted);font-weight:700;font-size:12px;padding:4px 7px;border-radius:7px}.lang a.active{color:var(--text);background:#ffffff12}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:var(--control-radius);padding:12px 17px;background:#ffffff08;color:var(--text);font:inherit;font-weight:700;font-size:14px;line-height:1.2;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover:not(:disabled){background:#ffffff0f;border-color:var(--border-strong)}.btn.primary{background:linear-gradient(180deg,#4f91f7,#3276df);border-color:#ffffff24;box-shadow:0 10px 35px #3b82f633}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#5b9aff,#3a7ee8)}.btn.btn-sm{padding:9px 14px;font-size:13px;border-radius:11px}.btn.btn-sm.primary{box-shadow:0 6px 18px #3b82f62e}.btn.danger{border-color:#fb718559;background:#fb71851a;color:#fda4b4}.btn.danger:hover:not(:disabled){border-color:#fb71858c;background:#fb718529;color:#fecdd6}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover:not(:disabled){color:var(--text);background:#ffffff0a;border-color:transparent}.btn.block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.is-error{border-color:#fb718580;color:var(--danger)}@media(prefers-reduced-motion:no-preference){.btn,.card,.lang a,.navlinks>a{transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,color .16s ease,background .16s ease,border-color .16s ease}.btn:not(:disabled):active{transform:translateY(1px)}.progress>span{transition:width 1s linear}}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}h1{max-width:940px;margin:18px auto 20px;font-size:clamp(40px,7vw,82px);line-height:1;letter-spacing:-.05em;text-wrap:balance}h2{font-size:clamp(26px,3.2vw,34px);line-height:1.15;letter-spacing:-.03em;margin:10px 0 12px;text-wrap:balance}h3{font-size:18px;letter-spacing:-.01em;margin:18px 0 8px}p{color:var(--muted);line-height:1.7;margin:12px 0}p strong{color:var(--text-soft)}ul,ol{color:var(--muted);line-height:1.7;padding-left:1.2em;margin:12px 0}li+li{margin-top:6px}.small{font-size:13px;line-height:1.6}.muted{color:var(--muted)}.code{font-family:var(--mono);color:var(--text-soft)}.marks{list-style:none;padding:0}.marks li{position:relative;padding-left:28px}.marks li:before{position:absolute;left:0;top:.2em;width:18px;height:18px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:800;line-height:1}.marks.yes li:before{content:"✓";color:var(--success);background:#6ee7b71a}.marks.no li:before{content:"✕";color:var(--danger);background:#fb71851a}.hero{padding:110px 0 76px;text-align:center}.lead{max-width:760px;margin:0 auto;color:var(--muted);font-size:20px;line-height:1.65}.actions{display:flex;gap:12px;justify-content:center;margin-top:32px;flex-wrap:wrap}.trust{margin-top:22px;color:var(--faint);font-size:13px}.section{padding:44px 0}.section-head{margin-bottom:22px}.card{background:linear-gradient(180deg,#ffffff09,#ffffff05);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--shadow)}.split{padding:34px}.split>:first-child,.panel>:first-child{margin-top:0}.split>:last-child,.panel>:last-child{margin-bottom:0}.split-head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:center}.split-head h2{margin-top:10px}.page{padding:56px 0 24px}.page-head{max-width:820px;margin-bottom:30px}.page-head h1{margin:12px 0 14px;font-size:clamp(34px,5vw,52px);text-align:left}.page-head p{font-size:18px;margin:0}.stack{display:grid;gap:18px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.card.accent-warning{border-color:#f5c76b38;background:linear-gradient(180deg,#f5c76b0d,#f5c76b04)}.card.accent-warning .eyebrow{color:var(--warning)}.help-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.help-path{position:relative;display:grid;align-content:start;gap:8px;padding:24px 64px 24px 26px;border:1px solid var(--border);border-radius:var(--card-radius);background:#6ea8ff0a;transition:border-color .15s ease,background-color .15s ease}.help-path:hover{border-color:#6ea8ff66;background:#6ea8ff14}.help-path-title{color:var(--text);font-size:22px;font-weight:700;letter-spacing:-.02em}.help-path-lead{color:var(--muted);font-size:15px;line-height:1.55}.help-path-icon{position:absolute;top:26px;right:24px;color:var(--accent)}.help-section{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:48px;padding:40px;scroll-margin-top:16px}.help-aside{position:sticky;top:24px;align-self:start}.help-aside h2{margin:0 0 22px}.help-toc-group{margin:18px 0 6px;color:var(--text-soft);font-size:13px;font-weight:700}.help-toc ul{margin:0;padding:0;list-style:none}.help-toc li{margin:0}.help-toc li a{display:block;padding:5px 0 5px 12px;border-left:1px solid var(--border);color:var(--muted);font-size:14px;line-height:1.45}.help-toc li a:hover{border-left-color:var(--accent);color:var(--text)}.help-body{max-width:680px}.help-group+.help-group,.help-fallback{margin-top:34px}.help-group h3{margin:0 0 6px;padding-bottom:10px;border-bottom:1px solid var(--border);color:var(--text-soft);font-size:14px;font-weight:700;letter-spacing:0}.faq-item{margin:0 -20px;padding:18px 20px;border-radius:var(--control-radius);scroll-margin-top:24px}.faq-item:target{background:#6ea8ff12;box-shadow:inset 3px 0 0 var(--accent)}.faq-item>p{margin:8px 0 0}.faq-q{margin:0;color:var(--text);font-size:17px;font-weight:700;line-height:1.4;letter-spacing:-.01em}.faq-q a:hover{color:var(--accent)}.faq-label{margin:0 0 6px;color:var(--faint);font-size:13px}.faq-q.faq-message{padding:11px 15px;border:1px solid rgba(251,113,133,.24);border-radius:var(--control-radius);background:#fb718514;color:#fda4b4;font-size:15px;font-weight:600;letter-spacing:0}.faq-q.faq-message a:hover{color:#fecdd6}.help-fallback{padding:20px 22px;border:1px solid rgba(110,168,255,.2);border-radius:var(--control-radius);background:#6ea8ff0f}.help-fallback h3{margin:0;color:var(--text);font-size:17px;letter-spacing:-.01em}.help-fallback p{margin:6px 0 0;color:var(--text-soft)}.help-more{display:flex;align-items:center;justify-content:space-between;gap:24px}.help-more h2{margin:0}.help-more p{margin:8px 0 0}@media(max-width:900px){.help-section{grid-template-columns:minmax(0,1fr);gap:0;padding:28px}.help-aside{position:static}.help-toc{display:none}.help-more{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.help-path{padding:20px 54px 20px 20px}.help-path-title{font-size:19px}.help-path-icon{top:21px;right:18px}.help-section{padding:22px 18px}.faq-item{margin:0 -10px;padding:16px 10px}}.notice a,.panel .help-link{color:var(--accent)}.notice a:hover,.panel .help-link:hover{text-decoration:underline}.sec-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,170px) minmax(0,1fr);align-items:stretch;margin-top:22px}.sec-zone{padding:24px 26px;border:1px solid var(--border);border-radius:18px}.sec-browser{border-color:#6ea8ff4d;background:#6ea8ff0f}.sec-server{background:var(--inset)}.sec-zone-icon{color:var(--muted)}.sec-browser .sec-zone-icon{color:var(--accent)}.sec-zone h3{margin:12px 0 10px;font-size:17px}.sec-items{margin:0;padding:0;list-style:none}.sec-items li{margin:0;padding:10px 0;border-top:1px solid var(--border);color:var(--text-soft);font-size:15px;line-height:1.5}.sec-server .sec-items li{color:var(--muted)}.sec-transit{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 14px;text-align:center}.sec-transit-label{color:var(--muted);font-size:13px;line-height:1.45}.sec-transit-arrow{position:relative;display:block;height:1px;background:linear-gradient(90deg,#6ea8ff99,#ffffff2e)}.sec-transit-arrow:after{content:"";position:absolute;top:-4px;right:-1px;width:8px;height:8px;border-top:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);transform:rotate(45deg)}.sec-footnote{margin:22px 0 0;font-size:14px}.sec-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:26px 0 0;padding:0;list-style:none;counter-reset:sec-step}.sec-steps li{position:relative;margin:0;padding-top:48px;counter-increment:sec-step}.sec-steps li:before{content:counter(sec-step);position:absolute;top:0;left:0;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(110,168,255,.35);border-radius:10px;background:#6ea8ff1a;color:var(--accent);font-size:14px;font-weight:700}.sec-steps li:not(:last-child):after{content:"";position:absolute;top:16px;left:44px;right:-16px;height:1px;background:var(--border-strong)}.sec-steps h3{margin:0 0 8px;font-size:17px}.sec-steps p{margin:0;font-size:14.5px;line-height:1.6}.sec-tech{display:inline-block;margin-top:12px;padding:3px 9px;border-radius:8px;background:#ffffff0d;color:var(--text-soft);font-size:12.5px;font-weight:600}@media(max-width:900px){.sec-flow{grid-template-columns:minmax(0,1fr)}.sec-transit{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:14px;padding:14px 0 14px 26px;text-align:left}.sec-transit-arrow{flex:none;width:1px;height:36px;background:linear-gradient(180deg,#6ea8ff99,#ffffff2e)}.sec-transit-arrow:after{inset:auto auto -1px -4px;transform:rotate(135deg)}.sec-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-steps li:after{display:none}}@media(max-width:600px){.sec-zone{padding:20px}.sec-steps{grid-template-columns:minmax(0,1fr);gap:22px}}.channel-grid{display:grid;grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);column-gap:16px;align-items:stretch}.channel{padding:20px;background:var(--surface-2);border:1px solid var(--border);border-radius:18px;min-width:0}.channel .channel-label{display:block;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.channel strong{display:block;margin-top:8px;font-size:17px}.channel .code{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:var(--inset);border:1px solid var(--border);font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connector{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;line-height:1.4;text-align:center}.connector:before,.connector:after{content:"";width:1px;flex:1;max-height:40px;background:linear-gradient(180deg,transparent,rgba(110,168,255,.45),transparent)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{padding:24px}.step p{margin-bottom:0}.step.compact{background:var(--surface-2);box-shadow:none;border-radius:18px;padding:20px}.step.compact p{margin-top:14px;font-size:14px}.num{width:34px;height:34px;flex-shrink:0;border-radius:11px;background:#6ea8ff1f;border:1px solid rgba(110,168,255,.24);display:grid;place-items:center;color:var(--accent);font-weight:800;font-size:14px}.layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:22px;padding:44px 0;align-items:start}.panel{padding:28px}label{display:block;font-size:13px;font-weight:700;margin:20px 0 8px}textarea,input,select{width:100%;background:var(--inset);border:1px solid var(--border);color:var(--text);padding:14px 15px;border-radius:var(--control-radius);outline:none;font-family:inherit;font-size:14px}input.code{font-family:var(--mono);letter-spacing:.02em}textarea{min-height:200px;resize:vertical;line-height:1.55}textarea:hover,input:hover,select:hover{border-color:var(--border-strong)}input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible,.lang a:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row{display:flex;gap:10px}.row>*{flex:1}.row>.btn{flex:0 0 auto}.hint{margin-top:8px;color:var(--faint);font-size:12.5px;line-height:1.55}.form-submit{width:100%;margin-top:24px}.notice{padding:13px 16px;border-radius:14px;background:#6ea8ff0f;border:1px solid rgba(110,168,255,.16);color:#c3d3ea;margin-top:16px;font-size:14px;line-height:1.6}.notice.warning{background:#f5c76b12;border-color:#f5c76b33;color:#e9cd85}.notice.danger{background:#fb718514;border-color:#fb71853d;color:#fda4b4}.notice.quiet{background:transparent;border-color:var(--border);color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#ffffff0d;border:1px solid var(--border);color:var(--muted)}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge.success{color:var(--success);background:#6ee7b714;border-color:#6ee7b738}.badge.info{color:var(--accent);background:#6ea8ff14;border-color:#6ea8ff38}.badge.danger{color:var(--danger);background:#fb718514;border-color:#fb718538}.result{padding:22px;border-radius:18px;border:1px solid var(--border);background:var(--inset);margin-top:18px}.result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.result-head .small strong{color:var(--text)}.kicker{font-size:12px;color:var(--success);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.share-step{margin-top:24px}.share-step-head{display:flex;align-items:center;gap:12px}.share-step-title{font-weight:700;font-size:15px}.share-step-body{padding-left:46px}.share-step-hint{color:var(--muted);font-size:13px;line-height:1.55;margin:4px 0 10px}.share-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.value-box{padding:12px 14px;border-radius:12px;background:#ffffff09;border:1px solid var(--border);font-size:13px;line-height:1.55;overflow-wrap:anywhere}.value-box.is-password{font-size:18px;letter-spacing:.04em;color:var(--text);overflow-wrap:break-word}.value-box.is-oneline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-note{margin-top:8px;color:var(--warning);font-size:13px;line-height:1.5}.sub-block{margin-top:26px;padding-top:22px;border-top:1px solid var(--border)}.sub-block-title{font-weight:700;font-size:14px}.sub-block .small{margin:6px 0 12px;color:var(--muted)}.result-footer{margin-top:26px;padding-top:22px;border-top:1px solid var(--border)}.result-footer .small{margin:0 0 12px;color:var(--faint)}.field{margin-top:16px}.field-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.reveal-wrap{max-width:640px;margin:80px auto}.reveal-wrap .card+.card{margin-top:22px}.reveal-wrap .panel{padding:32px}#secret-output{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;border-radius:14px;background:var(--inset);border:1px solid var(--border);margin:18px 0 12px;font-size:15px;line-height:1.6;max-height:50vh;overflow:auto}.actions-row{display:flex;gap:10px}.actions-row>.btn{flex:1}.countdown{color:var(--muted);font-size:13px}.countdown strong{color:var(--text);font-variant-numeric:tabular-nums}.progress{height:3px;margin-top:14px;border-radius:3px;background:#ffffff0f;overflow:hidden}.progress>span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--accent-strong),var(--accent))}.status-state{display:flex;align-items:flex-start;gap:12px;flex-direction:column}.status-state p{margin:0;color:var(--text);font-size:17px;font-weight:600;line-height:1.5}.dl{margin:18px 0 0;border-top:1px solid var(--border)}.dl>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px}.dl dt{color:var(--muted)}.dl dd{margin:0;color:var(--text);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.panel-foot{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px}.panel-foot p.small{margin:0 auto 0 0}.status-revoke{margin-top:20px}.status-revoke>.small{margin:0 0 12px}.status-revoke-confirm p{margin:0 0 12px}footer{padding:44px 0;color:#6f7885;font-size:13px;display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;text-align:center}footer nav{display:flex;gap:18px}footer a:hover{color:var(--text)}@media(max-width:1100px){.split-head{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.navlinks>a:not(.btn){display:none}.hero{padding:72px 0 56px}.split-head,.layout,.two-col,.help-paths{grid-template-columns:minmax(0,1fr)}.grid4{grid-template-columns:1fr 1fr}}@media(max-width:600px){.container{width:calc(100% - 32px)}.nav{min-height:64px}.brand-logo{height:28px}.navlinks{gap:10px}.navlinks>.btn{padding:8px 11px;font-size:12.5px;border-radius:10px}h1{font-size:40px}.lead{font-size:17px}.grid4,.channel-grid{grid-template-columns:1fr}.connector{flex-direction:row;padding:10px 0}.connector:before,.connector:after{width:auto;height:1px;max-height:none;max-width:60px;background:linear-gradient(90deg,transparent,rgba(110,168,255,.45),transparent)}.row,.actions-row{flex-direction:column}.share-step-body{padding-left:0}.share-step-hint{margin-top:10px}.share-actions>.btn{flex:1}.panel,.split,.reveal-wrap .panel{padding:20px}.result{padding:16px}.reveal-wrap{margin:32px auto}.page{padding-top:36px}}@media(max-width:420px){.brand-logo{height:25px}.navlinks{gap:8px}.navlinks>.btn{padding:7px 9px;font-size:12px}.lang{padding:2px;gap:2px}.lang a{padding:4px 5px}.value-box.is-password{font-size:16px;letter-spacing:.02em}}