:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#101c2c;color:#e9eff9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 5%,#1c3c48 0,transparent 45%);min-height:100vh}main{max-width:920px;margin:auto;padding:32px 24px}header,.cardhead,.actions,.address{display:flex;align-items:center;gap:12px}header{justify-content:space-between;margin-bottom:68px}.brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:800;color:#78e3c6;text-decoration:none}.brand span{font-size:20px;color:#eef5fa}.badge{border:1px solid #3d5d63;color:#92d7c6;border-radius:30px;padding:7px 12px;font-size:12px}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700;color:#7fe2c6}h1{font-size:clamp(42px,8vw,72px);letter-spacing:-3px;line-height:1.04;margin:18px 0}p{line-height:1.65}.intro>p:last-child{color:#a4b3c7;max-width:480px;margin-bottom:34px}.card{background:#19283b;border:1px solid #2b3e54;border-radius:20px;padding:24px;margin-bottom:20px;box-shadow:0 12px 48px #00000015}.cardhead{justify-content:space-between;margin-bottom:20px}.cardhead h2{font-size:16px;margin:0}.cardhead span{font-size:12px;color:#93d6c2}.address{padding:12px;background:#101c2c;border-radius:12px;margin-bottom:18px}.address output{flex:1;overflow-wrap:anywhere;font-family:monospace;color:#a4f2dc;font-size:17px}button{font:inherit;cursor:pointer;color:#d8e6f7;border:1px solid #3a4b61;background:#24364d;border-radius:9px;padding:11px 16px;font-size:13px}button:hover{filter:brightness(1.15)}button:focus-visible{outline:3px solid #89e8ce;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.primary{background:#8ee6c9;color:#0c3127;border-color:transparent;font-weight:700}.danger{margin-left:auto;color:#efa8ae;background:transparent}.note{font-size:12px;color:#8e9fb5;margin:18px 0 0}#status{font-size:13px;margin-bottom:0;color:#b1dfcf;min-height:20px}.empty{text-align:center;color:#8194ae;padding:30px 12px;font-size:14px}.message{display:block;text-align:left;width:100%;margin-top:10px;background:#122034;border-color:#2b3c50;padding:16px}.message strong,.message span{display:block;overflow-wrap:anywhere}.message span{font-size:12px;color:#91a3bb;margin-top:6px}footer{color:#7e91a9;font-size:12px;text-align:center;padding:18px 8px 32px;line-height:1.8}dialog{background:#19283b;color:#edf4fa;border:1px solid #3a4b61;border-radius:18px;width:min(90vw,760px);max-height:85vh;padding:24px}dialog::backdrop{background:#000a}#subject{overflow-wrap:anywhere}#sender{font-size:13px;color:#9fb3cc;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;line-height:1.7}@media(max-width:540px){main{padding:22px 16px}header{margin-bottom:45px}.card{padding:18px}.address{align-items:stretch;flex-direction:column}.actions{flex-wrap:wrap;gap:8px}.actions button{padding:11px 12px}.brand span{font-size:18px}.badge{font-size:10px}h1{letter-spacing:-2px}}

[hidden]{display:none!important}.accountform{display:grid;gap:10px;margin:12px 0 24px}.accountform input{width:100%;min-width:0;border:1px solid #3a4b61;border-radius:10px;background:#101c2c;color:#eef4fa;padding:12px;font:inherit}.accountform label{font-size:14px;color:#b9cde2}.namefield{display:flex;align-items:center;gap:8px}.namefield span{white-space:nowrap;color:#78e3c6;font-size:14px}.accountform .actions{margin-top:8px}.accountform .note{margin-top:0}button:focus-visible,input:focus-visible{outline:3px solid #89e8ce;outline-offset:3px}@media(max-width:540px){.namefield{flex-wrap:wrap}.namefield input{flex:1 1 120px}}

#protection-password{display:block;width:100%;padding:12px;margin:12px 0;border-radius:8px;font:inherit;background:#101c2c;color:#eef4fa;border:1px solid #3a4b61}
