:root{color-scheme:light;--bg:#f8f9fc;--ink:#162338;--muted:#778397;--line:#e6eaf1;--purple:#6558df;--purple2:#7b6bf0;--lav:#f0edff;--shadow:0 18px 54px rgba(31,38,87,.055)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.topbar{height:85px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:0 max(35px,calc((100vw - 1140px)/2))}.logo,.topbar{align-items:center}.logo{display:inline-flex;gap:10px;font-size:25px;letter-spacing:-1.4px;font-weight:800}.logo-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--purple);border-radius:12px;color:#fff}.logo-dot{color:var(--purple)}.top-actions{display:flex;align-items:center;gap:29px}.secure-indicator{color:#677489;display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:500}.secure-dot{width:8px;height:8px;border-radius:50%;background:#3fc696;box-shadow:0 0 0 4px #e8f9f1}.top-link{display:flex;align-items:center;gap:8px;font-weight:650;font-size:12px;color:#4e4bb1}.main{max-width:1120px;margin:auto}.hero{text-align:center;padding:60px 15px 40px}.hero-pill{display:inline-flex;align-items:center;gap:8px;color:#6658d7;background:#eeebff;border:1px solid #e5dfff;border-radius:30px;padding:8px 13px;font-size:10px;font-weight:800;letter-spacing:1.2px}.hero h1{font-size:clamp(40px,5vw,58px);line-height:1.12;letter-spacing:-2.8px;margin:20px 0 14px;font-weight:800}.hero h1 span{color:var(--purple)}.hero p{color:#738095;font-size:15px;max-width:565px;margin:0 auto;line-height:1.75}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);grid-gap:22px;gap:22px;align-items:stretch}.panel{background:white;border:1px solid #eaedf4;border-radius:18px;box-shadow:var(--shadow)}.panel-heading{padding:25px 31px;display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line)}.panel-icon{background:var(--lav);color:var(--purple);border-radius:12px;padding:12px;display:flex}.panel-heading h2,.unlock-title h2{font-size:19px;letter-spacing:-.5px;margin:0 0 5px}.panel-heading p,.unlock-title p{font-size:12px;color:var(--muted);margin:0}.panel-content{padding:27px 31px}.field-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.field-label{display:block;font-weight:650;font-size:12.5px;color:#344158;margin-bottom:11px}.field-top .field-label{margin:0}.pill-muted{display:flex;align-items:center;gap:5px;font-size:11px;color:#639985;background:#eaf9f2;padding:5px 9px;border-radius:6px}.secret-input{width:100%;height:147px;resize:vertical;min-height:115px;border:1px solid #e0e5ef;background:#fcfdff;padding:16px;border-radius:10px;outline:none;font-size:13px;line-height:1.6;color:var(--ink)}.secret-input::placeholder{color:#a5afc0}.secret-input:focus,input:focus,select:focus{border-color:#a69cf6;outline:3px solid #efedff}.input-foot{display:flex;gap:7px;align-items:center;color:#929daf;font-size:10.5px;margin-top:10px}.input-foot svg{color:#64b6a1}.input-foot span{margin-left:auto;white-space:nowrap}.subheading{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:750;margin:30px 0 16px}.subheading-icon{color:var(--purple)}.setting-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.setting label{display:flex;align-items:center;gap:8px;color:#59667b;font-size:12px;font-weight:550;margin-bottom:9px}.setting label svg{color:#8d98ad}.select-wrap{position:relative}.setting select{width:100%;padding:13px;border:1px solid #e1e6ef;border-radius:9px;background:#fff;color:#26344a;font-size:12px;outline:none}.toggle-card{justify-content:space-between;border:1px solid #e9ecf3;background:#fafbfe;padding:15px 16px;border-radius:11px;margin-top:21px;gap:15px}.toggle-card,.toggle-text>div{display:flex;align-items:center}.toggle-text>div{gap:8px;font-size:12px}.toggle-text svg{color:#7467dd}.toggle-text>span{display:block;color:#929bad;font-size:11px;margin-top:5px;margin-left:25px}.switch{border:0;width:40px;height:23px;border-radius:30px;background:#dce0e9;flex-shrink:0;padding:3px;display:flex;align-items:center;transition:background .2s}.switch span{display:block;width:17px;height:17px;background:white;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0002}.switch.on{background:var(--purple)}.switch.on span{transform:translateX(17px)}.password-box{margin-top:17px}.password-wrapper{display:flex;border:1px solid #e1e6ef;border-radius:9px;overflow:hidden}.password-wrapper input{padding:12px;flex:1 1;min-width:0;border:0;outline:0;font-size:13px}.password-wrapper input:focus{outline:0}.password-wrapper button{border:0;background:white;padding:0 12px;color:#7f8a9e}.hint{font-size:11px;color:var(--muted);display:block;margin-top:8px}.primary-button{background:linear-gradient(100deg,var(--purple),var(--purple2));color:#fff;border:0;border-radius:9px;padding:15px 18px;width:100%;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;gap:11px;margin-top:23px;box-shadow:0 7px 14px #6558df26;min-height:48px}.primary-button:hover:not(:disabled){filter:brightness(1.06)}.privacy-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#9ba4b4;font-size:10.5px;margin:17px 0 0}.aside{border-radius:18px;background:linear-gradient(165deg,#202b4b,#1e2743 67%,#25274d);padding:32px 29px;color:white;display:flex;flex-direction:column}.side-head{padding-bottom:24px;border-bottom:1px solid #ffffff1d;margin-bottom:8px}.side-shield{width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:#ffffff13;color:#aa9cff;border:1px solid #ffffff20;border-radius:14px}.side-head h3{font-size:23px;line-height:1.3;letter-spacing:-.6px;margin:23px 0 9px}.side-head p{color:#aab4cc;line-height:1.75;font-size:12px;margin:0}.benefit{display:flex;gap:12px;margin-top:23px}.benefit>span{flex-shrink:0;width:34px;height:34px;border-radius:9px;background:#ffffff13;display:flex;align-items:center;justify-content:center;color:#afa5ff}.benefit b{display:block;font-size:12px;margin:0 0 6px}.benefit p{color:#aeb8ce;font-size:11px;line-height:1.6;margin:0}.side-bottom{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:30px;color:#8bdaba;font-size:11px}.how{text-align:center;padding:73px 0 65px}.section-kicker{color:var(--purple);font-size:10px;letter-spacing:1.6px;font-weight:800}.how h2{font-size:27px;letter-spacing:-1px;margin:10px 0 30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;text-align:left}.steps>div{padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:13px}.steps span{display:block;font-weight:800;color:#a89df6;margin-bottom:14px}.steps h3{font-size:14px;margin:0 0 8px}.steps p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}.footer{border-top:1px solid var(--line);padding:24px max(35px,calc((100vw - 1140px)/2));justify-content:space-between;color:#9aa4b4;font-size:11px}.footer,.footer>div{display:flex;align-items:center}.footer>div{gap:16px}.footer .logo{font-size:19px}.footer .logo-icon{width:29px;height:29px;border-radius:9px}.footer .logo-icon svg{width:16px}.success-panel{padding:34px 31px;flex-direction:column}.success-circle,.success-panel{display:flex;align-items:center}.success-circle{background:#e9f9f1;color:#20ad78;width:64px;height:64px;border-radius:50%;justify-content:center;margin-bottom:18px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#685be0}.success-panel h2{font-size:24px;letter-spacing:-1px;margin:12px 0 0}.muted{color:var(--muted)}.centered{text-align:center;line-height:1.65;max-width:460px}.success-panel>.field-label{align-self:flex-start;margin-top:15px}.copy-field{display:flex;width:100%;border:1px solid #e0e5ef;border-radius:9px;overflow:hidden}.copy-field input{flex:1 1;min-width:0;padding:12px;border:0;background:#fafbfe;color:#45516b;font-size:12px;outline:none}.copy-button{border:0;background:#f0edff;color:var(--purple);padding:10px 13px;display:flex;gap:6px;align-items:center;font-size:12px;font-weight:700}.notice{display:flex;gap:10px;align-items:flex-start;background:#f5f4ff;color:#66618c;border:1px solid #e9e5ff;border-radius:9px;padding:13px 14px;margin-top:17px;font-size:11px;line-height:1.6;width:100%}.notice svg{flex-shrink:0;color:var(--purple)}.management-box{width:100%;margin-top:23px;padding:17px;border:1px solid var(--line);border-radius:11px;display:flex;flex-direction:column;gap:14px}.management-box b{display:block;font-size:13px;margin-bottom:6px}.management-box span{display:block;color:var(--muted);font-size:11px;line-height:1.6}.secondary-btn{background:#fff;color:var(--purple);border:1px solid #dcd7ff;padding:11px 13px;border-radius:8px;display:flex;gap:8px;align-items:center;justify-content:center;font-weight:700;font-size:12px}.success-panel>.primary-button{margin-top:23px}.error{color:#b03444;background:#fff0f1;padding:10px 12px;border-radius:8px;font-size:12px;line-height:1.5}.share-shell{background:radial-gradient(circle at 50% 22%,#f0eeff 0,#f9faff 43%,#f8f9fc 80%)}.single-main{max-width:540px;margin:65px auto 90px;text-align:center;padding:0 18px}.share-badge{width:58px;height:58px;margin:0 auto 22px;border-radius:16px;background:#eae6ff;color:#6655dd;display:flex;align-items:center;justify-content:center}.single-main h1{font-size:36px;letter-spacing:-1.5px;margin:11px 0}.single-description{color:var(--muted);line-height:1.7;font-size:13px;margin:0 auto 25px;max-width:440px}.unlock-panel{padding:28px;text-align:left}.unlock-title{gap:12px;padding-bottom:22px;margin-bottom:23px;border-bottom:1px solid var(--line)}.round-small,.unlock-title{display:flex;align-items:center}.round-small{width:42px;height:42px;border-radius:11px;justify-content:center;background:var(--lav);color:var(--purple);flex-shrink:0}.round-small.success{background:#e8f8ef;color:#20a875}.unlock-title h2{font-size:17px}.unlock-panel .primary-button{margin-top:20px}.back-link{display:inline-flex;align-items:center;gap:7px;color:#7164db;font-size:12px;font-weight:600;margin-top:25px}.open-password{margin-bottom:18px}.revealed-content{padding:19px;border:1px solid #e2e7f1;background:#fafbff;border-radius:9px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:75px;color:#27324b;font-family:ui-monospace,Consolas,monospace;line-height:1.65}.revealed-content.masked{letter-spacing:3px;font-size:19px}.tiny-action{border:0;background:transparent;color:var(--purple);display:flex;align-items:center;gap:6px;font-size:12px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.stat-grid>div{background:#fafbff;border:1px solid var(--line);border-radius:9px;padding:16px;display:flex;flex-direction:column;gap:9px}.stat-grid svg{color:var(--purple)}.stat-grid span{color:var(--muted);font-size:11px}.stat-grid strong{font-size:16px}.settings-detail{padding:17px 0;color:var(--muted);font-size:12px;display:flex;justify-content:space-between}.settings-detail b{color:var(--ink)}.danger-button{width:100%;padding:13px;display:flex;gap:9px;align-items:center;justify-content:center;border:1px solid #f1bfc5;color:#ac2a39;background:#fff7f8;border-radius:9px;font-weight:700}.success-message{color:#16865b;background:#eaf9f2;border-radius:9px;padding:16px}@media(max-width:900px){.main{padding:0 24px}.workspace{grid-template-columns:1fr}.aside{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:20px;column-gap:20px}.side-bottom,.side-head{grid-column:span 2}}@media(max-width:600px){.topbar{padding:0 17px;height:70px}.top-actions .secure-indicator{display:none}.top-actions{gap:4px}.main{padding:0 15px}.hero{padding:43px 0 28px}.hero h1{letter-spacing:-1.8px;font-size:41px}.hero p{font-size:13px}.panel-content,.panel-heading{padding:21px}.setting-grid{grid-template-columns:1fr}.aside{display:block;padding:25px}.side-head{margin-bottom:18px}.side-bottom{margin-top:0}.how{padding:55px 0}.steps{grid-template-columns:1fr}.footer{padding:23px 18px}.footer>div>span,.footer>span{display:none}.single-main{margin-top:45px}.single-main h1{font-size:30px}.unlock-panel{padding:21px}.success-panel{padding:23px}.success-panel h2{text-align:center}}