.result-layer{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:24px;background:rgba(1,5,11,.74);backdrop-filter:blur(7px)}.result-card{width:min(410px,100%);padding:28px 22px 22px;border:1px solid rgba(125,159,210,.35);border-radius:21px;background:linear-gradient(150deg,#142841,#09121f);box-shadow:0 20px 55px rgba(0,0,0,.45);text-align:center}.result-card .result-icon{width:56px;height:56px;margin:0 auto 13px;display:grid;place-items:center;border-radius:50%;font-size:28px;font-weight:800}.result-card.success .result-icon{color:#8cf0b3;background:rgba(44,196,103,.18);border:1px solid rgba(83,224,137,.45)}.result-card.failure .result-icon{color:#ffb0b5;background:rgba(202,62,74,.19);border:1px solid rgba(255,119,130,.42)}.result-card>span{color:#9caec5;font-size:13px}.result-card h1{margin:8px 0;color:#f2f6fc;font-size:23px}.result-card>p{margin:0;color:#aebbd0;font-size:13px;line-height:1.55}.result-card dl{margin:20px 0;padding:5px 13px;border-radius:12px;background:rgba(17,36,61,.73);text-align:left}.result-card dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(145,166,196,.13)}.result-card dl div:last-child{border:0}.result-card dt{color:#98a7ba;font-size:12px}.result-card dd{margin:0;color:#f0f4fb;text-align:right;font-size:12px;word-break:break-word}.result-card button{width:100%;min-height:46px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#3b8cff,#1558e7);font-size:16px;font-weight:700}#demo-controls{position:fixed;right:18px;bottom:88px;z-index:18}#demo-toggle{width:42px;height:42px;border-radius:50%;color:#dbe8ff;background:linear-gradient(145deg,#20446f,#12243d);border:1px solid rgba(131,174,239,.5);box-shadow:0 8px 20px rgba(0,0,0,.35);font-size:19px}.demo-panel{display:none;width:258px;margin-bottom:10px;padding:13px;border:1px solid rgba(113,155,217,.42);border-radius:14px;background:rgba(10,22,39,.97);box-shadow:0 14px 35px rgba(0,0,0,.45)}.demo-panel.show{display:block}.demo-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.demo-panel header b{color:#d9e8ff}.demo-panel header button{color:#b1c3dc;background:transparent;font-size:20px}.demo-panel label{display:grid;gap:5px;margin-top:9px;color:#9eafc5;font-size:11px}.demo-panel select{width:100%;padding:8px;border:1px solid #304b6e;border-radius:7px;color:#e4edf9;background:#13253e;font-size:12px}.demo-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.demo-actions button{padding:8px 5px;border-radius:7px;color:#bcd5ff;background:#19365d;font-size:11px}.demo-actions button:last-child{grid-column:1/-1;color:#ffd48c;background:#493517}.demo-panel small{display:block;margin-top:10px;color:#718197;font-size:10px;text-align:center}.phase3-loading{min-height:230px;display:grid;place-items:center;gap:12px;color:#9fb2cc;border:1px dashed rgba(113,151,202,.35);border-radius:16px}.phase3-loading i{width:28px;height:28px;border:3px solid #31527a;border-top-color:#6ca7ff;border-radius:50%;animation:p3spin .8s linear infinite}@keyframes p3spin{to{transform:rotate(360deg)}}@media(max-width:430px){#demo-controls{right:12px;bottom:80px}.demo-panel{width:238px}}