:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#153e48;background:#edf6f7;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}main{width:min(100% - 32px,480px);margin:32px auto 48px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#153e48;font-size:18px;font-weight:800;margin:0 0 24px}.brand img{width:40px;height:40px;border-radius:12px}.brand span{color:#53747b;font-size:13px;margin-left:auto}.card{padding:26px;background:white;border:1px solid #d6e6e8;border-radius:22px;box-shadow:0 10px 35px #153e4810}h1{font-size:28px;letter-spacing:-.8px;margin:6px 0 14px}h2{font-size:19px;overflow-wrap:anywhere}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#597c84}p{font-size:14px;line-height:1.65;color:#45626b}label{display:block;font-weight:650;font-size:14px;margin:18px 0 7px}input,select,button{width:100%;border-radius:11px;padding:13px;font:inherit}input,select{border:1px solid #b5cdd2;background:white;color:#153e48}input:focus,select:focus{outline:3px solid #b8ebf1;outline-offset:1px}button{border:0;background:#096a7d;color:white;font-weight:750;cursor:pointer;margin-top:20px}button:disabled{opacity:.55;cursor:wait}.danger{background:#ae2638}.secondary{background:#eef3f4;color:#31525c;margin-top:10px}.warning{border:1px solid #efc6ca;border-radius:12px;padding:4px 14px;background:#fff5f5}.warning p{color:#743841}.check{display:flex;align-items:flex-start;gap:10px;font-weight:450;line-height:1.6}.check input{width:19px;height:19px;padding:0;margin-top:3px;flex-shrink:0}.small{font-size:12px;text-align:center}.back{display:block;color:#216779;text-align:center;margin-top:24px;font-size:13px}.error{color:#a72134;background:#fff2f3;border-radius:10px;padding:12px;margin-top:18px;font-size:14px;line-height:1.5}.success{color:#1b6748;background:#edf9f2;border-radius:10px;padding:14px;margin-top:18px;font-size:15px;line-height:1.6}[hidden]{display:none!important}
@media(max-width:380px){main{width:calc(100% - 20px);margin-top:20px}.card{padding:20px}h1{font-size:25px}}

/* Calm farewell design; authentication and deletion forms keep their existing IDs. */
:root{background:#f3f7f8;color:#153e48}
main{width:min(100% - 28px,460px);margin:24px auto 40px}
.brand{justify-content:center;margin:0 0 18px;font-size:23px;gap:9px}
.brand img{width:46px;height:46px}
.brand span{margin-left:0;font-size:11px;letter-spacing:.6px}
.card{padding:24px 22px;border-color:#e0e8eb;box-shadow:0 10px 35px #153e4810}
.farewell{text-align:center;border-bottom:1px solid #e2e9ed;padding-bottom:20px;margin-bottom:22px}
.mascot-scene{position:relative;width:100%;max-width:310px;height:220px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#e4f8ee 0%,#f1fcf7 55%,transparent 73%)}
.farewell-parrot{width:180px;height:216px;object-fit:contain;transform-origin:50% 85%;animation:parrot-farewell 4.5s ease-in-out infinite}
.farewell h2{margin:8px 0 10px;font-size:28px;line-height:1.25;color:#095e68;letter-spacing:-.5px}
.farewell p{font-size:13px;line-height:1.6;margin:0;color:#677886}
.heart{position:absolute;color:#a5deca;font-size:25px;animation:heart-float 5s ease-in-out infinite}
.heart-one{top:42px;left:38px;transform:rotate(-15deg)}
.heart-two{right:28px;top:126px;font-size:20px;animation-delay:-2.5s}
h1{font-size:24px;margin:7px 0 10px}
.eyebrow{font-size:10px;margin:0;color:#6c8592}
label{font-size:13px;color:#465f70;margin-top:15px}
input,select{font-size:16px;border-color:#d3dfe5;min-height:48px;border-radius:9px;padding:12px}
input::placeholder{font-size:13px;color:#8a99a6}
button{min-height:48px;border-radius:9px;background:#07838c;font-size:14px}
button:focus-visible,a:focus-visible{outline:3px solid #86cbd2;outline-offset:3px}
button:hover{filter:brightness(.96)}
.danger{background:#ae2638}
.deletion-note{display:flex;gap:10px;align-items:flex-start;background:#fff1e6;border-radius:10px;padding:12px;margin:14px 0 18px;color:#975e32}
.deletion-note>span{font-size:19px;line-height:1.5}
.deletion-note p{font-size:12px;line-height:1.6;color:#85583c;margin:0}
.card:has(#verifyForm[hidden]) .deletion-note{display:none}
.card:has(.success) .farewell-parrot{animation:none}
.check input{min-height:19px}
.back{border:1px solid #07838c;border-radius:9px;color:#07838c;text-decoration:none;font-size:13px;font-weight:650;padding:13px;min-height:46px;margin-top:18px}
.back:hover{background:#f0fafa}
.small{font-size:11px;color:#71808c;line-height:1.7;overflow-wrap:anywhere}
.small a{color:#217982}
@keyframes parrot-farewell{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes heart-float{0%,100%{translate:0 0;opacity:.6}50%{translate:0 -7px;opacity:1}}
@media(prefers-reduced-motion:reduce){.farewell-parrot,.heart{animation:none!important}}
@media(max-width:380px){.card{padding:20px 16px}.farewell h2{font-size:25px}.brand{font-size:20px}.brand span{font-size:10px}}