@font-face{font-family:AztekaDisplay;src:url('assets/display.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#050b11;--panel:#0c1722;--edge:#2c424f;--text:#e5f1fa;--muted:#99afbf;--cyan:#24d5ff;--blue:#078deb;--display:AztekaDisplay,Bahnschrift,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;min-width:300px;background:radial-gradient(ellipse at 50% -20%,#113b5680,transparent 65%),var(--bg);color:var(--text);font-family:'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,select,summary{cursor:pointer}button{touch-action:manipulation}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{cursor:default;opacity:.45}button:disabled:hover{filter:none;box-shadow:none}button{transition:background .16s,border-color .16s,box-shadow .16s}p,h1,h2{margin:0}.site-shell{width:min(1180px,calc(100% - 64px));margin:32px auto 0}.brand-header{height:104px;display:flex;align-items:center;gap:32px;border:1px solid #3d5666;border-top-color:#628398;background:linear-gradient(115deg,#101c26,#12222d 48%,#081119);position:relative;padding:10px 26px 10px 10px;box-shadow:inset 0 -4px #071119,0 8px 30px #0003}.brand-header:after{content:'';position:absolute;bottom:-1px;left:95px;width:245px;height:2px;background:var(--cyan);box-shadow:0 0 12px #20cfff80}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-symbol{display:block;width:82px;height:82px;background:url('assets/brand-reference.png') -39px -4px/1586px 990px no-repeat;flex-shrink:0}.wordmark{font-family:var(--display);font-size:clamp(20px,2.45vw,31px);font-weight:650;letter-spacing:.15em;line-height:1.2;color:#eff8ff}.brand-caption{color:#83a8bf;letter-spacing:.31em;font-size:12px;margin-top:8px}.header-detail{height:28px;flex:1;background:repeating-linear-gradient(132deg,#050d14 0 5px,#385466 5px 6px);clip-path:polygon(0 0,100% 0,90% 100%,12% 100%);opacity:.8;border-bottom:1px solid var(--cyan)}.header-tag{display:flex;gap:9px;align-items:center;color:#a7c7d8;font-size:13px;letter-spacing:.08em;white-space:nowrap}.header-tag svg{color:var(--cyan);width:17px;height:17px}main{padding:46px 0 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px;padding:0 3px;gap:24px}.eyebrow{font-size:12px;letter-spacing:.19em;color:var(--cyan);margin-bottom:10px}h1{font-family:var(--display);font-size:clamp(29px,3.5vw,44px);line-height:1.15;letter-spacing:.02em;font-weight:600}.intro{color:var(--muted);margin-top:12px;font-size:16px}.heading-mark{align-self:flex-end;letter-spacing:.2em;color:#56778b;font-family:Consolas,monospace;font-size:13px;white-space:nowrap}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.panel{border:1px solid var(--edge);background:linear-gradient(140deg,#16253290,transparent 65%),var(--panel);position:relative;padding:28px 30px}.panel:before{content:'';position:absolute;inset:5px;border:1px solid #68809215;pointer-events:none}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:32px;margin-bottom:30px}.panel-heading h2{font-size:17px;font-weight:600}.section-number{font:13px Consolas,monospace;color:#6d91a5;display:inline-block;padding-right:12px}.text-button{padding:3px 0;border:0;background:transparent;color:#b8d0df;font-size:14px}.text-button:hover:not(:disabled){color:var(--cyan)}.field-label{display:block;font-size:14px;font-weight:600;color:#d0e1ed;margin-bottom:9px}.secret-field{display:flex;align-items:center;min-height:56px;border:1px solid #38566a;background:#060e17;box-shadow:inset 0 2px 5px #0005}.secret-field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #0ac9ff16}.secret-field>svg{margin-left:16px;color:#789bad;width:18px}.secret-field input{width:100%;min-width:0;padding:16px 10px;background:transparent;border:0;color:#e7f5ff;font:16px Consolas,monospace;outline:none}.secret-field input::placeholder{font-family:'Segoe UI',sans-serif;color:#698596}.secret-field button{border:0;border-left:1px solid #2a4252;background:transparent;color:#8fceeb;font-size:13px;margin-right:12px;padding:4px 0 4px 12px;min-width:65px}.field-help{font-size:13px;color:var(--muted);line-height:1.65;margin-top:10px}.options-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}select{width:100%;min-height:48px;padding:10px 12px;color:#dceaf5;border:1px solid #334e60;border-radius:0;background:#0a1722}.advanced{margin-top:20px;border-bottom:1px solid #233c4d;padding-bottom:16px}.advanced summary{list-style:none;display:flex;align-items:center;gap:8px;color:#93afc1;font-size:14px;width:fit-content}.advanced summary::-webkit-details-marker{display:none}.advanced summary svg{width:16px;height:16px}.advanced[open] summary svg{transform:rotate(180deg)}.advanced-body{padding-top:16px}.error{font-size:14px;color:#ffadb3;margin-top:16px;line-height:1.5}.primary-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;margin-top:24px;border:1px solid #13bce5;background:linear-gradient(120deg,#075277,#083b59);box-shadow:inset 0 1px #7ce5ff38,0 0 18px #00bfff09;color:#e0f8ff;font-weight:600;padding:13px 19px}.primary-button:hover{background:linear-gradient(120deg,#096c93,#0a4b6b);box-shadow:0 0 18px #0abfff20}.primary-button svg{color:#38ddff}.privacy-note{display:flex;gap:12px;align-items:flex-start;margin-top:25px;color:#b5cbd8;font-size:13px}.privacy-note svg{width:17px;height:17px;color:#5ba9c9;margin-top:3px}.privacy-note span{color:#7f9eb1}.code-panel{background:radial-gradient(ellipse at 50% 45%,#00395c55,transparent 65%),linear-gradient(145deg,#101e2b,#07131e);border-color:#316078;display:flex;flex-direction:column;align-items:center}.code-panel:after{content:'';position:absolute;top:-1px;left:calc(50% - 65px);width:130px;height:2px;background:var(--cyan);box-shadow:0 0 17px #00b9ff99}.code-panel .panel-heading{align-self:stretch;margin-bottom:8px}.state-label{color:#7e9cae;font-size:11px;letter-spacing:.13em;white-space:nowrap}.code-panel[data-state="active"] .state-label{color:var(--cyan)}.dial{position:relative;width:min(338px,100%);aspect-ratio:1;margin:7px auto 11px}.dial-svg{width:100%;height:100%;stroke-linecap:butt;overflow:visible;filter:drop-shadow(0 8px 16px #0007)}.dial-rim{fill:#07131ee8;stroke:#28434e;stroke-width:1}.dial-ticks{stroke:#506574;stroke-width:8;stroke-dasharray:.35 .65}.dial-track{stroke:#1b3748;stroke-width:2}.dial-progress{stroke:var(--cyan);stroke-width:3;transform:rotate(-90deg);transform-origin:50% 50%;filter:drop-shadow(0 0 5px #00c9ff);transition:stroke-dashoffset .18s linear;opacity:.25}.code-panel[data-state="active"] .dial-progress{opacity:1}.dial-cross{stroke:#31caff;stroke-width:3}.dial-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dial-caption{font:11px var(--display);letter-spacing:.19em;color:#94b5c8;margin-bottom:13px}.token{font:600 clamp(33px,4vw,46px)/1.2 var(--display);font-variant-numeric:tabular-nums;letter-spacing:.07em;color:#637f91;white-space:nowrap;user-select:all}.code-panel[data-state="active"] .token{color:#e8faff;text-shadow:0 0 22px #00bdff3d}.countdown{font-size:13px;color:#799eb5;margin-top:17px}.code-panel[data-state="active"] .countdown{color:#8fceeb}.copy-button{display:flex;gap:10px;align-items:center;justify-content:center;min-height:51px;width:100%;max-width:330px;border:1px solid #345a70;background:linear-gradient(#142b3b,#0e202c);color:#cce8f7;font-weight:600}.copy-button:not(:disabled):hover{border-color:var(--cyan);background:#14354a}.copy-button svg{width:19px;height:19px;color:#54c3ed}.code-hint{color:#7f9caf;font-size:12px;margin:12px 0 0;text-align:center;min-height:20px}.bottom-note{display:flex;align-items:center;gap:10px;padding:18px 6px;color:#91abbc;font-size:13px}.bottom-note svg{width:15px;height:15px;color:#56849d}.protocol{margin-left:auto;color:#688699;white-space:nowrap;font-size:12px;letter-spacing:.09em}footer{display:flex;justify-content:space-between;border-top:1px solid #233b4a;padding:21px 3px 26px;gap:16px;color:#637d90;font-size:12px}footer>span:first-child{letter-spacing:.19em;font-family:var(--display)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{padding:24px;text-align:center;color:#ffd3d3}
@media(min-width:1450px){.site-shell{margin-top:54px}main{padding-top:54px}.panel{padding:30px 34px}.dial{width:340px}.page-heading{margin-bottom:32px}}
@media(max-width:1000px){.site-shell{width:calc(100% - 36px);margin-top:18px}.header-detail,.heading-mark{display:none}.brand-header{justify-content:space-between;gap:16px;padding-right:20px}.workspace{gap:14px}.panel{padding:24px 20px}.panel-heading h2{font-size:15px}.section-number{padding-right:6px}.state-label{font-size:10px}.code-panel .panel-heading{gap:5px}.token{font-size:38px}main{padding-top:34px}}
@media(max-width:740px){.site-shell{width:calc(100% - 28px);margin-top:14px}.brand-header{height:90px;padding:8px}.brand-symbol{width:62px;height:64px;background-size:1269px 792px;background-position:-31px -4px}.brand{gap:8px}.wordmark{font-size:21px;letter-spacing:.08em}.brand-caption{font-size:10px;letter-spacing:.23em}.header-tag{display:none}.brand-header:after{left:78px;width:180px}main{padding-top:30px}.intro{font-size:15px;max-width:36em}.eyebrow{font-size:11px}.workspace{grid-template-columns:1fr}.panel{padding:24px}.panel-heading h2{font-size:17px}.panel-heading{margin-bottom:22px}.section-number{padding-right:10px}.code-panel{padding-top:22px;padding-bottom:24px}.state-label{font-size:11px}.dial{width:310px;margin:7px auto}.token{font-size:44px}.protocol{display:none}.bottom-note{align-items:flex-start;font-size:12px;line-height:1.6}.bottom-note svg{margin-top:2px}footer{font-size:11px;flex-wrap:wrap;padding:18px 3px}.copy-button{max-width:100%}}
@media(max-width:380px){.panel{padding:20px 16px}.wordmark{font-size:18px}.token{font-size:37px}.options-row{gap:10px}.secret-field>svg{display:none}.secret-field input{padding-left:12px}.panel-heading h2{font-size:15px}.section-number{padding-right:6px}}
.dial{container-type:inline-size}.token{font-size:clamp(24px,13cqw,44px)}.code-panel[data-state="empty"] .token{font-size:clamp(18px,7.5cqw,25px);letter-spacing:.04em}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}