:root{color-scheme:dark;--bg:#0c111b;--panel:#111925;--line:#ffffff12;--muted:#97a5b9;--text:#edf3fc;--cyan:#92e7f0;--amber:#edc38e;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none}*{box-sizing:border-box}html{background:var(--bg);overflow-x:clip}body{margin:0;background:radial-gradient(ellipse at 83% 13%,#23455d28,transparent 40%),var(--bg);color:var(--text);font-size:14px;line-height:1.55}button,input,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}[hidden]{display:none!important}.topbar{max-width:1280px;margin:auto;min-height:90px;padding:22px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;font-size:22px;letter-spacing:-.8px;font-weight:750}.brand>span{color:var(--cyan)}.brand i{height:21px;width:1px;background:#fff2;margin:0 19px}.brand b{font-size:19px;font-weight:450;letter-spacing:-.3px}.local{display:flex;gap:10px;align-items:center;color:#afbbcb;font-size:12px}.local svg{width:15px;height:15px}.dot{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px #92e7f066}main{max-width:1280px;margin:auto;padding:0 48px}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;min-height:360px;padding:23px 0 40px;gap:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--cyan);margin:0 0 18px}.hero h1{font-size:clamp(37px,4.6vw,60px);line-height:1.12;letter-spacing:-2.5px;margin:0 0 23px;font-weight:520}.hero h1 em{font-style:normal;background:linear-gradient(110deg,#ecfaff,#80d9ec 75%);background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 23px}.demo{padding:0;color:#d5e2ee;font-size:12px;display:flex;gap:22px;align-items:center}.demo span{font-size:20px;color:var(--cyan)}.hero-art{position:relative;height:300px;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;width:284px;height:284px;border:1px solid #99d9ea14;border-radius:50%;transform:rotateX(57deg) rotateZ(-30deg)}.orbit.two{width:365px;height:365px;transform:rotateX(57deg) rotateZ(33deg);border-style:dashed}.vault{position:relative;width:156px;height:180px;transform:rotate(-9deg) skewY(5deg);border:1px solid #b3f1ff36;border-radius:27px;background:linear-gradient(135deg,#49759170,#19304aaf 40%,#122132);box-shadow:inset 0 0 30px #7addec12,18px 22px 0 -3px #101e2c,19px 23px 0 -3px #8cecff20,0 32px 65px #0005;animation:float 7s ease-in-out infinite}.vault-face{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 45% 0,#a0e7fc20,transparent 60%);border-radius:27px}.vault svg{width:90px;height:90px;stroke:#a1e2f0;stroke-width:1.5;filter:drop-shadow(0 0 8px #7be7ff40)}.vault span{font-size:9px;letter-spacing:4px;color:#abd1e1;margin-top:6px}.art-label{position:absolute;font-size:8px;letter-spacing:1.9px;color:#7f9dad}.label-top{top:16px;right:15px}.label-bottom{bottom:10px;left:24px}.art-cross{position:absolute;left:15px;top:37px;color:#88c3d04d;font-size:23px}.tabs{display:flex;border-bottom:1px solid #fff2;margin-bottom:28px;gap:12px}.tabs button{padding:17px 23px 19px;display:flex;align-items:center;gap:11px;color:var(--muted);position:relative;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--cyan)}.tabs button[aria-selected=true]:after{position:absolute;content:'';height:2px;background:var(--cyan);bottom:-1px;left:18px;right:18px;box-shadow:0 0 18px #92e7f066}.tabs svg{width:18px;height:18px}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px;align-items:start}.work-main{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0}.panel{padding:29px 30px 24px;min-width:0}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.heading .eyebrow{font-size:9px;margin-bottom:9px}.heading h2{font-weight:500;font-size:23px;letter-spacing:-.65px;line-height:1.3;margin:0}.format{font-size:8px;letter-spacing:1.5px;border:1px solid #8bacc32b;border-radius:5px;padding:5px 8px;color:#a9bdcf;white-space:nowrap}.segmented{display:flex;width:max-content;max-width:100%;padding:4px;border:1px solid var(--line);background:#080f18;border-radius:9px;margin:0 0 23px}.segmented button{padding:8px 24px;border-radius:6px;font-size:12px;color:var(--muted)}.segmented button[aria-pressed=true]{color:#d7f4fa;background:#253d4c;box-shadow:0 1px 5px #0004}.field-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 9px;font-size:12px;font-weight:500}.field-head>span:not(.format){font-size:10px;color:var(--muted);font-weight:400}.field-head h3{margin:0;font-size:14px;font-weight:500}.field-head svg{color:var(--muted);width:17px;height:17px}textarea,input:not([type=file]){display:block;background:#0b131e;border:1px solid #ffffff16;color:var(--text);width:100%;max-width:100%;border-radius:9px;padding:13px 14px;outline:none;min-width:0}textarea{resize:vertical;min-height:105px;font-size:14px;line-height:1.7}textarea:focus,input:focus{border-color:#7be7ff66;box-shadow:0 0 0 3px #70d8ed09}textarea::placeholder,input::placeholder{color:#728195}.mono,.fingerprint{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.hint{color:var(--muted);font-size:11px;line-height:1.7;margin:10px 0 0}.intro{color:var(--muted);font-size:13px;margin:0 0 24px;line-height:1.8}.import-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:19px}.import-row button{font-size:11px;color:#b8cadd;display:flex;align-items:center;gap:7px;padding:7px 10px;background:#8acbd508;border:1px solid #8bcddb20;border-radius:6px}.import-row svg{width:15px;height:15px}.credentials{padding:0 30px 29px;border-top:1px solid var(--line)}.credentials>.field-head{margin-top:25px;margin-bottom:17px}.credentials>.segmented{width:100%;margin:0}.three button{flex:1;padding:10px 6px}.credentials>.hint{margin:10px 0 20px}.password-field{position:relative}.password-field input{padding-right:48px}.password-field button{position:absolute;top:0;right:0;padding:12px;width:45px;height:100%;display:grid;place-items:center;color:#90a7bc}.password-field svg{width:18px;height:18px}.text-button{color:var(--cyan);padding:0;font-size:11px;display:inline-flex;align-items:center;gap:7px}.text-button svg{width:15px;height:15px}.credential-key{display:flex;gap:12px;align-items:center;background:#0b131e;border:1px solid var(--line);padding:14px;border-radius:9px;margin:16px 0 10px;min-width:0}.credential-key>svg{color:var(--cyan)}.credential-key>div{flex:1;min-width:0;overflow-wrap:anywhere}.credential-key strong{font-size:12px;font-weight:450}.credential-key small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.action-row{display:flex;align-items:stretch;gap:12px;margin-top:26px}.primary{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(115deg,#b7eef5,#89cfde);color:#0b2633;padding:14px 18px;border-radius:9px;font-weight:650;font-size:12px;min-height:45px;transition:filter .2s,transform .2s}.primary:hover{filter:brightness(1.08)}.primary:active{transform:translateY(1px)}.action-row>.primary{flex:1;justify-content:flex-start}.action-row .primary>b,.primary>span:last-child:not(#run-label){margin-left:auto;font-weight:400}.square{padding:13px;border:1px solid #ffffff16;border-radius:9px;color:var(--muted)}.secondary{padding:10px 13px;background:#9abbd00a;border:1px solid #9abbd025;border-radius:8px;font-size:11px;display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:39px}.secondary:hover{border-color:#90d4e25c}.secondary svg{width:15px;height:15px}.button-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px;align-items:center}.full{width:100%}.drop{position:relative;border:1px dashed #86b7cb4a;background:radial-gradient(ellipse at center,#80bdd408,transparent);border-radius:11px;display:flex;flex-direction:column;align-items:center;padding:32px 15px;text-align:center;cursor:pointer;gap:8px;overflow:hidden}.drop>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop:focus-within{outline:2px solid var(--cyan)}.drop>svg{color:var(--cyan);width:33px;height:33px;margin-bottom:5px}.drop strong{font-weight:500;font-size:13px}.drop span,.drop small{color:var(--muted);font-size:11px}.file-info{font-size:12px;color:#c3d3e3;overflow-wrap:anywhere;margin:14px 0}.result-card{position:sticky;top:24px;border:1px solid #8abbd22a;background:radial-gradient(ellipse at 50% 20%,#375a702b,transparent 55%),linear-gradient(160deg,#142232,#0f1926 65%);padding:27px 29px 0;border-radius:18px;min-width:0;overflow:hidden}.result-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.result-top .eyebrow{margin:0;font-size:8px;letter-spacing:1.4px;color:#7c9aaf}.result-icon{width:94px;height:94px;border:1px solid #81cce325;border-radius:27px;display:grid;place-items:center;background:linear-gradient(145deg,#3e6c892b,#152637);margin:36px auto 26px;box-shadow:0 16px 30px #0002;transform:rotate(-5deg)}.result-icon svg{width:39px;height:39px;color:#a2dfed;transform:rotate(5deg)}.result-card h2{font-size:25px;line-height:1.35;letter-spacing:-.8px;font-weight:450;max-width:300px;margin:0 0 12px}.result-card>p{font-size:12px;color:var(--muted);margin:0 0 26px;line-height:1.85;overflow-wrap:anywhere}.result-footer{display:flex;align-items:center;gap:13px;border-top:1px solid #ffffff0d;margin:27px -29px 0;padding:19px 29px;color:#8199ad;font-size:10px;line-height:1.7}.result-footer svg{width:22px;height:22px;color:#80b6ca}.result-card[data-state=error]{border-color:#e3998c50}.result-card[data-state=error] .result-icon svg{color:#e7a89b}.result-card[data-state=legacy]{border-color:#edc38e40}.result-card[data-state=legacy] .result-icon svg{color:var(--amber)}.result-card[data-state=sealed] .result-icon,.result-card[data-state=open] .result-icon{border-color:#93e8ed55;box-shadow:0 0 50px #72d5e00e}.output-actions{margin-bottom:24px}.output-actions .button-row>button{flex:1}.output-actions .text-button{justify-content:center;min-height:29px}.output-actions #migrate{margin-top:18px}.output-actions .secondary{padding:11px 8px}.result-card textarea{font-size:10px;background:#070e1790;min-height:115px;max-height:250px}.notice{display:flex;gap:12px;padding:16px;border:1px solid #7fa9bc24;border-radius:9px;background:#739db109;margin-top:25px}.notice>svg{width:17px;height:17px;color:#8bb7c8;margin-top:3px}.notice p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.amber{color:var(--amber);border-color:#edc38e32}.notice.amber{background:#dca86c08}.notice.amber svg{color:var(--amber)}.key-or{display:flex;align-items:center;gap:14px;color:#708599;font-size:11px;margin:20px 0}.key-or span{height:1px;background:var(--line);flex:1}.key-card{background:#0b131e;border:1px solid #89cadd25;border-radius:12px;padding:18px;margin-top:23px;min-width:0}.key-card .field-head{margin-top:0;overflow-wrap:anywhere}.key-card .field-head strong{font-size:12px}.key-card .fingerprint{display:block;color:#a6d9e7;font-size:10px;margin:9px 0 17px}.key-card .button-row{justify-content:space-between}.key-card .secondary{font-size:10px;padding:9px}.key-card .muted{color:var(--muted)}.key-card input{font-size:10px}.key-scan{margin-top:22px}progress{width:100%;height:5px;border:0;border-radius:4px;overflow:hidden;accent-color:var(--cyan)}progress::-webkit-progress-bar{background:#24374a}progress::-webkit-progress-value{background:var(--cyan)}#cancel{margin-top:18px;margin-bottom:10px}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;padding:47px 0 35px}.principles article>span{font-family:ui-monospace,monospace;font-size:10px;color:#668394}.principles h3{font-size:15px;font-weight:500;margin:10px 0}.principles p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.technical{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;color:#90a4b9;font-size:11px}.technical summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:12px}.technical p{line-height:1.9;max-width:900px}.technical a{color:var(--cyan)}footer{padding:25px 0 35px;display:flex;gap:15px;align-items:center;justify-content:space-between;color:#597083;font-size:8px;letter-spacing:1.3px}footer a{color:#9db5c8;font-size:12px;font-weight:600;letter-spacing:0}dialog{background:#101b29;color:var(--text);border:1px solid #88bcd745;border-radius:17px;padding:30px;width:min(430px,calc(100% - 30px));max-height:calc(100dvh - 30px);overflow:auto;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#040910b5;backdrop-filter:blur(8px)}dialog h2{font-weight:500;font-size:25px;letter-spacing:-.8px;margin:0 0 17px}dialog .eyebrow{margin-top:4px;padding-right:25px}.close{position:absolute;right:15px;top:12px;color:#91a7ba;font-size:25px;padding:0 8px}#qr-canvas{display:block;width:min(280px,100%)!important;max-width:100%;height:auto!important;margin:23px auto;border-radius:10px;background:white}#qr-content{font-size:10px;min-height:62px}#link-dialog>.primary{width:100%;margin-top:22px}#toast{position:fixed;left:50%;bottom:23px;transform:translateX(-50%);background:#203a4b;border:1px solid #9bd3e54d;color:#d8eff7;border-radius:9px;max-width:calc(100% - 30px);width:max-content;padding:12px 18px;box-shadow:0 10px 45px #0004;z-index:10;font-size:12px}.hidden-input,.sprite{display:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes float{50%{transform:translateY(-10px) rotate(-6deg) skewY(5deg)}}@media(min-width:1500px){main,.topbar{max-width:1380px}.hero{min-height:390px}}@media(max-width:1000px){main{padding:0 28px}.topbar{padding:20px 28px}.hero h1{font-size:46px}.hero-art{height:260px}.orbit.two{width:295px;height:295px}.workspace{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:17px}.panel{padding:25px 22px 21px}.credentials{padding:0 22px 25px}.result-card{padding:23px 22px 0}.result-footer{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}.heading .format{display:none}.tabs button{padding-left:17px;padding-right:17px}.principles{gap:25px}}@media(max-width:760px){main{padding:0 20px}.topbar{padding:19px 20px;min-height:75px}.hero{grid-template-columns:1fr .7fr;min-height:295px;gap:0;padding-top:15px}.hero h1{font-size:36px;letter-spacing:-1.6px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-art{height:215px}.vault{width:111px;height:134px;border-radius:20px;box-shadow:inset 0 0 30px #7addec12,11px 14px 0 -3px #101e2c,12px 15px 0 -3px #8cecff20,0 32px 65px #0005}.vault-face{border-radius:20px}.vault svg{width:70px;height:70px}.vault span{font-size:7px;letter-spacing:2px}.orbit{width:170px;height:170px}.orbit.two{width:220px;height:220px}.art-label{display:none}.art-cross{left:0;top:7px}.tabs{gap:0;justify-content:space-between}.tabs button{font-size:11px;gap:7px;padding:15px 10px 17px}.tabs svg{width:16px;height:16px}.workspace{grid-template-columns:1fr}.result-card{position:static}.result-icon{width:65px;height:65px;border-radius:18px;margin:22px 0 19px}.result-icon svg{width:30px;height:30px}.result-card h2{max-width:none;font-size:23px}.result-card>p{margin-bottom:20px}.result-footer{margin-top:22px}.principles{padding-top:35px;gap:22px}.principles h3{font-size:13px}.principles p{font-size:10px}.local{font-size:10px;gap:6px}.local svg{display:none}.hero-copy>p>br{display:none}}@media(max-width:480px){main{padding:0 17px}.topbar{padding:18px 17px;gap:12px}.brand{font-size:20px}.brand i{margin:0 12px}.brand b{font-size:17px}.local{font-size:9px}.hero{grid-template-columns:1fr;position:relative;min-height:315px;padding-top:30px;padding-bottom:37px;overflow:hidden}.hero-copy{position:relative;z-index:1}.hero h1{font-size:38px;max-width:350px}.hero-copy>p:not(.eyebrow){max-width:255px;font-size:12px}.hero-art{position:absolute;right:-51px;top:80px;width:155px;height:175px;opacity:.4;z-index:0;pointer-events:none}.vault{width:100px;height:122px}.orbit.two{width:190px;height:190px}.art-cross{display:none}.demo{font-size:11px}.tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px;border-bottom:0;gap:6px}.tabs button{border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:12px;justify-content:center;background:#ffffff02}.tabs button[aria-selected=true]{border-color:#92e7f04a;background:#92e7f009}.tabs button[aria-selected=true]:after{display:none}.panel{padding:24px 19px 20px}.heading h2{font-size:21px}.credentials{padding:0 19px 24px}.result-card{padding:23px 20px 0}.result-footer{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.principles{grid-template-columns:1fr;gap:23px;padding-bottom:29px}.principles article{position:relative;padding-left:31px}.principles article>span{position:absolute;left:0;top:1px}.principles h3{margin:0 0 7px;font-size:14px}.principles p{font-size:11px}.credential-key{padding:11px;gap:8px}.credential-key>svg{width:17px}.credential-key .secondary{padding:8px;font-size:10px}.import-row{gap:6px}.import-row button{font-size:10px;padding:7px 8px}.primary{padding:13px;font-size:11px;gap:9px}.field-head{font-size:11px}.field-head>span:not(.format){font-size:9px}.key-card{padding:14px}.key-card .field-head{flex-wrap:wrap}footer>span:last-child{display:none}footer>span{font-size:7px;letter-spacing:.8px}dialog{padding:25px 20px}.hero h1{font-size:clamp(31px,9vw,38px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.result-card textarea:not(.mono){font-size:13px}
.result-top{flex-wrap:wrap}.heading>div{min-width:0}#result-badge{max-width:100%;white-space:normal}.key-card .field-head{align-items:flex-start}#key-name{min-width:0;overflow-wrap:anywhere}