.withdrawal-page[hidden],.transaction-detail[hidden]{display:none}
.withdrawal-page{width:min(100%,430px);height:min(900px,calc(100dvh - 48px));min-height:680px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#fff 0%,#fffdf1 38%,#fff5c2 100%);box-shadow:0 20px 60px #17171725;scrollbar-width:none;animation:withdraw-enter .5s ease-out both}
.withdrawal-page::-webkit-scrollbar{display:none}
.withdrawal-header{height:68px;display:flex;align-items:center;justify-content:center;position:relative;background:#fff;border-bottom:1px solid #f1eee2}
.withdrawal-header h1{font-size:17px;font-weight:700;line-height:1.2;margin:0;color:#141414}
.withdrawal-back{position:absolute;left:15px;top:16px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;display:grid;place-items:center;color:#161616;cursor:pointer}
.withdrawal-back svg,.withdrawal-time svg,.withdrawal-transactions svg,.withdrawal-confirm svg,.withdrawal-action p svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.withdrawal-time{display:flex;align-items:center;justify-content:center;gap:6px;height:39px;background:#fff;color:#858585;font-size:12px}
.withdrawal-time svg{width:15px;height:15px;color:#c78c10}
.withdrawal-time strong{color:#ba7c00;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
.withdrawal-protocol{margin:0;background:#f8f5e9;padding:10px;text-align:center;color:#a2a2a2;font-size:10px;letter-spacing:.15px}
.withdrawal-balance{margin:15px 16px 20px;padding:19px 19px 0;border-radius:16px;background:#090909;color:#fff;box-shadow:0 10px 20px #0002}
.withdrawal-balance-main{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:110px}
.withdrawal-balance-main>div{min-width:0}
.withdrawal-balance-main span{display:block;color:#c8c8c8;font-size:13px;margin-bottom:6px}
.withdrawal-balance-main strong{display:block;color:#fff;font-size:clamp(27px,7.8vw,36px);line-height:1.05;letter-spacing:-1.2px;white-space:nowrap;font-variant-numeric:tabular-nums}
.withdrawal-balance-main small{display:block;color:#aaa;font-size:11px;margin-top:7px;line-height:1.25}
.withdrawal-balance-main img{width:94px;height:94px;object-fit:contain;flex:none;filter:drop-shadow(0 4px 10px #ffbf2f55);animation:coin-float 4s ease-in-out infinite}
.withdrawal-transactions{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:0;border-top:1px dashed #4c4c4c;color:#bbb;text-align:left;font-size:12px;cursor:pointer;padding:0 1px}
.withdrawal-transactions svg{width:18px;height:18px;transition:transform .25s}
.withdrawal-transactions[aria-expanded="true"] svg{transform:rotate(90deg)}
.transaction-detail{font-size:11px;color:#bdbdbd;padding:0 0 16px;margin:0}
.withdrawal-summary{margin:0 16px 17px;padding:22px 21px 20px;border-radius:22px;background:#fff;box-shadow:0 5px 24px #8f7a3520}
.withdrawal-summary h2{font-size:16px;color:#565656;font-weight:800;letter-spacing:.4px;margin:0 0 18px}
.summary-amount{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.summary-amount strong{font-size:clamp(31px,9vw,44px);line-height:1.15;color:#c88604;letter-spacing:-1.2px;white-space:nowrap;font-variant-numeric:tabular-nums}
.summary-amount span{border:1.5px solid #d79b10;border-radius:999px;color:#b97e00;font-weight:700;font-size:12px;padding:4px 11px}
.withdrawal-summary>p{color:#6d6d6d;font-size:13px;line-height:1.45;margin:17px 0 20px}
.summary-details{background:#fffdf0;border:1px solid #f7e9a7;border-radius:14px;padding:16px 15px}
.summary-details h3{font-size:13px;color:#5d5d5d;margin:0 0 13px;font-weight:700}
.summary-details>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline;color:#777;font-size:12px;margin:10px 0}
.summary-details>div strong{color:#262626;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.summary-details>.summary-total{border-top:1px solid #e8e0bb;padding-top:13px;margin-top:15px;color:#202020;font-weight:700}
.summary-details>.summary-total strong{color:#c88604;font-size:15px}
.withdrawal-action{margin:0 16px 24px;padding:19px 18px 20px;border-radius:22px;background:#fff;text-align:center;box-shadow:0 5px 24px #8f7a3520}
.withdrawal-confirm{width:100%;height:54px;border:0;border-radius:999px;background:linear-gradient(100deg,#ffcc1f,#f4ab08,#ffce27);color:#402900;display:flex;align-items:center;justify-content:center;gap:9px;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.2px;cursor:pointer;box-shadow:0 5px 15px #e6aa2240;transition:transform .18s,box-shadow .18s}
.withdrawal-confirm:hover{box-shadow:0 7px 19px #e6aa2255}
.withdrawal-confirm:active{transform:translateY(2px);box-shadow:0 2px 9px #e6aa2230}
.withdrawal-confirm svg{width:21px;height:21px}
.withdrawal-action p{display:flex;align-items:center;justify-content:center;gap:7px;color:#aa790c;font-size:12px;font-weight:600;margin:14px 0 8px}
.withdrawal-action p svg{width:16px;height:16px}
.withdrawal-action small{display:block;color:#999;font-size:10px;line-height:1.35}
.withdrawal-back:focus-visible,.withdrawal-transactions:focus-visible,.withdrawal-confirm:focus-visible{outline:3px solid #e7a413;outline-offset:3px}
@keyframes withdraw-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes coin-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@media(max-width:480px){.withdrawal-page{width:100%;height:100dvh;min-height:100dvh;box-shadow:none}.withdrawal-action{margin-bottom:max(22px,env(safe-area-inset-bottom))}}
@media(max-width:355px){.withdrawal-balance{margin-left:10px;margin-right:10px;padding-left:14px;padding-right:14px}.withdrawal-balance-main img{width:72px;height:72px}.withdrawal-balance-main strong{font-size:26px}.withdrawal-summary,.withdrawal-action{margin-left:10px;margin-right:10px}.withdrawal-summary{padding-left:16px;padding-right:16px}.summary-amount strong{font-size:31px}.summary-amount span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.withdrawal-page{animation-duration:.5s!important}.withdrawal-balance-main img{animation-duration:4s!important}}

.withdrawal-year-banner{margin:0 16px 22px;border-radius:22px;overflow:hidden;background:#ffdf30;box-shadow:0 9px 28px #b78b2229}
.withdrawal-year-banner img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.withdrawal-security{margin:0 16px 16px;padding:19px 17px 20px;border-radius:22px;background:#fff;box-shadow:0 5px 24px #8f7a3520;text-align:center}
.withdrawal-security h2{margin:0;color:#20201c;font-size:18px;line-height:1.25;font-weight:800}
.withdrawal-security>p{margin:6px 0 17px;color:#77736b;font-size:11px;line-height:1.4}
.security-icon-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.security-icon-item{min-width:0;display:flex;align-items:center;flex-direction:column;gap:9px}
.security-icon-frame{display:grid;place-items:center;width:64px;height:64px;flex:none;border:1px solid #ffe49a;border-radius:20px;background:linear-gradient(145deg,#fff9dc,#ffe89c);color:#b67602;box-shadow:0 5px 12px #d4a72925}
.security-icon-frame svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.security-icon-frame img{display:block;width:45px;height:45px;object-fit:contain}
.security-icon-item strong{color:#5a5140;font-size:10px;line-height:1.2;font-weight:700}
.withdrawal-page-footer{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 16px max(29px,env(safe-area-inset-bottom));color:#877034;font-size:12px;font-weight:700}
.withdrawal-page-footer svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.withdrawal-confirm.is-processing{background:linear-gradient(100deg,#f8d97a,#f5bb43,#f8d97a);color:#644400;cursor:wait;box-shadow:0 4px 13px #d7ae3960}
.confirm-spinner{width:19px;height:19px;border:2.5px solid #895d2980;border-top-color:#69440c;border-radius:50%;animation:confirm-spin .85s linear infinite}
@keyframes confirm-spin{to{transform:rotate(360deg)}}
@media(max-width:355px){.withdrawal-year-banner,.withdrawal-security{margin-left:10px;margin-right:10px}.withdrawal-security{padding-left:12px;padding-right:12px}.security-icon-frame{width:56px;height:56px;border-radius:17px}.security-icon-frame svg{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.confirm-spinner{animation-duration:1.5s!important}}