:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#172844;background:#f5f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 50% 0,#e7edff 0,transparent 56%)}.shell{width:min(100% - 40px,600px);margin:0 auto;padding:80px 0 32px}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.brand{display:flex;gap:14px;align-items:center}.brand-icon{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;background:#2d61ed;border-radius:15px;box-shadow:0 6px 14px #2d61ed24}.brand-icon svg{width:27px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h1{font-size:24px;letter-spacing:-.5px;margin:0 0 5px;font-weight:720}.brand p{font-size:12px;color:#7b889f;margin:0}.project{display:flex;align-items:center;gap:8px;background:#fff9;border:1px solid #dfe6f5;padding:8px 12px;border-radius:9px;color:#7b889f;font-size:12px;white-space:nowrap}.project strong{font-family:Consolas,monospace;font-size:14px;color:#445677}.panel{background:#fff;border:1px solid #e2e8f2;border-radius:23px;padding:30px;box-shadow:0 14px 55px #1e3a6e09}.panel-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:13px;color:#72819b;font-weight:600}.badge{font-size:12px;display:inline-flex;align-items:center;gap:6px;color:#7e8a9d;background:#f3f5f8;padding:6px 9px;border-radius:30px}.badge i{width:6px;height:6px;background:currentColor;border-radius:50%}.badge.waiting{background:#edf3ff;color:#3564da}.badge.received{background:#eaf8f0;color:#239462}.badge.expired,.badge.blacklisted{background:#fff3e8;color:#b57c36}.number-area{padding:28px 0 30px}.phone{font-family:Consolas,"SFMono-Regular",monospace;font-size:clamp(27px,7.3vw,44px);font-weight:600;letter-spacing:1px;display:block;white-space:nowrap;user-select:all}.phone-meta{font-size:12px;color:#96a1b2;margin:11px 0 0;min-height:17px}.sms-box{background:#f7f9fd;border:1px solid #e9edf5;border-radius:14px;padding:21px 22px;min-height:177px}.sms-head{display:flex;justify-content:space-between;gap:8px;color:#8995a9;font-size:12px}.timer{font-family:Consolas,monospace;color:#9aa7bb}.code{display:block;font-family:Consolas,"Microsoft YaHei",monospace;font-size:29px;letter-spacing:3px;font-weight:600;color:#b1bbcd;margin:17px 0 12px;user-select:all;overflow-wrap:anywhere}.code.received{font-size:36px;color:#2d61ed}.sms-text{font-size:12px;line-height:1.85;margin:0;color:#98a3b5;overflow-wrap:anywhere;white-space:pre-wrap}.sms-text.received{color:#657591}.status-row{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-top:22px;min-height:22px;font-size:12px;color:#79869e;line-height:1.6}.status-row span:first-child{overflow-wrap:anywhere}#countdown{flex-shrink:0;color:#9faabd;font-variant-numeric:tabular-nums}progress{display:block;width:100%;height:3px;margin-top:9px;border:0;border-radius:10px;background:#f0f3f9;overflow:hidden}progress::-webkit-progress-bar{background:#f0f3f9}progress::-webkit-progress-value{background:#8caaf9;border-radius:10px}progress::-moz-progress-bar{background:#8caaf9}.actions{display:grid;grid-template-columns:1.65fr 1fr;gap:12px;margin-top:27px}button{font:600 15px inherit;font-family:inherit;font-size:15px;font-weight:600;height:49px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s}button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}button:focus-visible{outline:3px solid #9ab7ff;outline-offset:3px}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.45}.primary{background:#2d61ed;color:#fff;border:1px solid #2d61ed;box-shadow:0 4px 10px #2d61ed16}.primary:hover:not(:disabled){background:#2455d9;box-shadow:0 5px 16px #2d61ed30}.secondary{background:white;color:#718098;border:1px solid #dce3ee}.secondary:hover:not(:disabled){color:#c65555;border-color:#edc5c5;background:#fff8f8}.hint{font-size:11px;line-height:1.95;text-align:center;color:#a1abbb;margin:18px 0 0}.error{color:#c44d4d;font-size:12px;background:#fff4f3;padding:11px 13px;border-radius:8px;line-height:1.7;margin:15px 0 0}footer{display:flex;align-items:center;justify-content:center;gap:6px;color:#a4aebf;font-size:11px;margin-top:25px}.footer-dot{height:5px;width:5px;border-radius:50%;background:#9db0cb}@media(max-width:520px){.shell{padding-top:35px;width:calc(100% - 28px)}.panel{padding:24px 21px;border-radius:19px}.header{gap:9px;margin-bottom:23px}.brand{gap:10px}.brand-icon{height:42px;width:42px;border-radius:12px}h1{font-size:22px}.brand p{font-size:11px}.project{gap:5px;padding:7px 8px;font-size:10px}.project strong{font-size:12px}.sms-box{padding:18px}.number-area{padding:28px 0}.status-row{font-size:11px}.hint{font-size:10px}}
.value-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.copy-button{flex-shrink:0;height:34px;padding:0 10px;border:1px solid #dce6fb;border-radius:8px;background:#f4f7ff;color:#5378ce;font-size:12px;font-weight:500;gap:6px;white-space:nowrap}.copy-button svg{width:15px;height:15px}.copy-button:hover:not(:disabled){background:#eaf0ff;border-color:#b7ccfc}.copy-button.copied{color:#239462;background:#edf9f2;border-color:#c9ead8}.code-row{margin:17px 0 12px}.code-row .code{margin:0;min-width:0;flex:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.clipboard-fallback{position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0;font-size:16px}@media(max-width:520px){.copy-button{font-size:11px;padding:0 8px;gap:5px}.copy-button svg{width:14px;height:14px}}