.magnetic-feedback{position:fixed;z-index:1000200;left:50%;bottom:calc(94px + env(safe-area-inset-bottom));transform:translateX(-50%);pointer-events:none;display:flex;align-items:center;gap:12px;padding:12px 17px;border:1px solid #cddcf2;border-radius:18px;background:#f8fbffff;color:#294366;box-shadow:0 10px 32px #17365d22;font-size:12px;opacity:0;animation:processing-reveal .16s .24s forwards}.magnetic-dots{display:flex;align-items:center;gap:7px;height:22px}.magnetic-dots i{width:7px;height:7px;background:#1978ee;border-radius:50%;animation:magnetic-elastic 1.15s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:calc(var(--dot)*.12s);will-change:transform}.magnetic-dots i:nth-child(2){background:#40b8ea}.magnetic-dots i:nth-child(3){background:#8574f9}.magnetic-dots i:nth-child(4){background:#36c8b3}.matrix-signin{position:fixed;inset:0;z-index:1000300;display:grid;place-items:center;background:radial-gradient(ellipse at center,#e4f3ff,#f5f8ff 70%);animation:matrix-arrive .2s ease-out}.matrix-content{text-align:center;color:#183452}.matrix-stage{position:relative;width:224px;height:224px;margin:0 auto 22px;display:grid;place-items:center}.matrix-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;transform:rotate(-8deg)}.matrix-grid i{border-radius:8px;background:#59a8f326;animation:matrix-sequence 1.45s ease-in-out infinite;animation-delay:calc(var(--pulse)*.052s);will-change:transform,opacity}.matrix-brand{position:relative;display:grid;place-items:center;width:82px;height:82px;border-radius:24px;background:linear-gradient(135deg,#388aee,#164aa4);color:white;box-shadow:0 12px 35px #2461bf40;animation:matrix-logo-pulse 1.45s ease-in-out infinite}.matrix-brand svg{width:43px;height:43px}.matrix-content h1{font-size:22px;margin:0 0 8px}.matrix-content p{font-size:12px;margin:0;color:#607893}.matrix-signin.is-leaving{opacity:0;transition:opacity .45s cubic-bezier(.22,.61,.36,1)}.payment-draft-notice{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:11px 12px;border-radius:12px;background:#ecf5ff;color:#305978;font-size:11px;line-height:1.5}.payment-draft-notice span{flex:1}.payment-draft-notice button{flex:none;border:0;background:transparent;padding:5px;color:#1769f5;font-size:11px;text-decoration:underline}.dark .magnetic-feedback{background:#182b46;color:#d4e4f8;border-color:#344968}.dark .payment-draft-notice{background:#203953;color:#d3e7fc}@keyframes processing-reveal{to{opacity:1}}@keyframes magnetic-elastic{0%,100%{transform:translate(0,0) scale(.8)}35%{transform:translate(3px,-7px) scale(1.18,.85)}60%{transform:translate(-2px,3px) scale(.9,1.14)}80%{transform:translate(0,-1px) scale(1)}}@keyframes matrix-sequence{0%,100%{opacity:.3;transform:scale(.7)}40%{opacity:1;transform:scale(1);background:#48aff485}65%{opacity:.55;transform:scale(.87)}}@keyframes matrix-logo-pulse{0%,100%{transform:scale(1);box-shadow:0 12px 35px #2461bf40}45%{transform:scale(1.045);box-shadow:0 12px 45px #278eee65}}@keyframes matrix-arrive{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.matrix-signin,.matrix-grid i,.matrix-brand,.magnetic-dots i{animation:none;transform:none}.matrix-grid i{opacity:.55}.magnetic-feedback{animation:processing-reveal .001s .24s forwards}.matrix-signin.is-leaving{transition:none}}@media(max-width:340px){.matrix-stage{width:190px;height:190px}.magnetic-feedback{max-width:calc(100vw - 26px);box-sizing:border-box}}