:root{font-family:system-ui,sans-serif;color:#dce6f6;background:#0c1220;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:32px 20px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}h1{font-size:clamp(32px,6vw,48px);letter-spacing:-2px;margin:12px 0}p,footer{color:#94a7c3}.badge{font-size:11px;letter-spacing:3px;color:#74e7c2}button,input{font:inherit;border:1px solid #344460;border-radius:12px;padding:12px;background:#18243a;color:inherit}button{cursor:pointer;white-space:nowrap}button:hover{border-color:#74e7c2}input{min-width:0;width:100%}label{display:block;margin:18px 0}label input{margin-top:8px}#login{max-width:390px;background:#131e31;padding:24px;border-radius:20px}.toolbar{display:flex;gap:10px;margin:24px 0}.message{background:#131e31;border:1px solid #26344d;border-radius:18px;padding:20px;margin:14px 0}.message.unread{border-left:3px solid #74e7c2}.meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.sender{font-weight:650}.time,.recipient{font-size:12px;color:#94a7c3}.body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:18px 0}.actions{display:flex;gap:8px}.actions button{font-size:12px;padding:8px 12px}nav{display:flex;align-items:center;justify-content:space-between;margin:25px 0}footer{font-size:12px;margin-top:40px}[hidden]{display:none!important}

.number-card{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#142b32;border:1px solid #316555;border-radius:18px;padding:20px;margin:22px 0}.number-label{font-size:10px;letter-spacing:2px;color:#9fc5b8;margin-bottom:8px}.number-value{font-size:clamp(20px,5vw,28px);font-weight:650;letter-spacing:.3px;font-variant-numeric:tabular-nums;user-select:all}