.pagile-overlay{inset:0;z-index:200;background:rgb(5 6 9/.7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pagile-dialog,.pagile-overlay{position:fixed;animation:pagile-fade .25s ease}.pagile-dialog{z-index:201;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:32px 38px 24px;border:1px solid #45474d;border-radius:24px;background:radial-gradient(ellipse at 50% 12%,#34363d 0,transparent 57%),#17181c;color:#f5f5f7;box-shadow:0 0 72px #eef1ff1a,0 32px 100px #0009;text-align:center;font-family:inherit}.pagile-stage{position:relative;height:224px;display:flex;align-items:center;justify-content:center;margin:2px 0 16px}.pagile-avatar{color:#fff;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 10px #eef3ffaa) drop-shadow(0 0 28px #e6ecff55);overflow:visible;flex-shrink:0}.pagile-dialog h2{font-size:27px;letter-spacing:-1px;line-height:1.18;margin:22px 0 12px;font-weight:500;overflow-wrap:anywhere}.pagile-dialog h2+p{font-size:13px;line-height:1.7;color:#b5b6bf;margin:0 auto 25px;max-width:350px}.pagile-dialog .field-label{text-align:left;display:block;font-size:12px;color:#e1e1e5;margin-bottom:8px}.pagile-name-field{position:relative}.pagile-name-field input{width:100%;height:50px;background:#0e0f13;border:0;border-radius:11px;box-shadow:inset 0 2px 6px #00000080,0 1px 0 #ffffff0d;color:#f8f8fa;font:inherit;font-size:15px;padding:0 150px 0 15px;outline:none}.pagile-name-field input:focus,.pagile-name-field input:focus-visible{outline:none;background:#121318;box-shadow:inset 0 2px 6px #00000080,0 1px 0 #ffffff0d}.pagile-name-field input::placeholder{color:#898a95;font-size:13px}.pagile-name-field>span{position:absolute;right:112px;top:18px;font-size:10px;color:#9495a0}.pagile-dialog form .error-message{margin:12px 0 0}.pagile-dialog[data-state=closed]{animation:pagile-fold .5s cubic-bezier(.7,0,.84,0) forwards}.pagile-overlay[data-state=closed]{animation:pagile-fade .5s ease reverse forwards}.pagile-close{position:absolute;right:12px;top:12px;color:#d1d2d8}.pagile-settings{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pagile-settings strong{overflow-wrap:anywhere}.pagile-avatar.is-searching{animation:pagile-glow 1.6s ease-in-out infinite}@keyframes pagile-glow{0%,to{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 8px #eef3ff88) drop-shadow(0 0 18px #c9d6ff33)}50%{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 14px #eef3ffdd) drop-shadow(0 0 34px #a9bfff99)}}@media (prefers-reduced-motion:reduce){.pagile-avatar.is-searching{animation:none}}@keyframes pagile-fade{0%{opacity:0}to{opacity:1}}@keyframes pagile-fold{0%{transform:translate(-50%,-50%) scale(1);opacity:1}75%{transform:translate(-50%,-50%) scaleY(.012);opacity:1}to{transform:translate(-50%,-50%) scale(.4,.012);opacity:0}}@media (max-width:520px){.pagile-dialog{padding:25px 22px 20px}.pagile-stage{height:192px}.pagile-dialog h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.pagile-dialog,.pagile-dialog[data-state=closed],.pagile-overlay,.pagile-overlay[data-state=closed]{animation:none}}.confirm-dialog{width:min(420px,calc(100vw - 32px));padding:30px 32px 26px}.confirm-avatar{display:flex;justify-content:center;margin:4px 0 2px}.confirm-dialog h2{font-size:22px;letter-spacing:-.5px;margin:16px 0 10px}.confirm-dialog p{font-size:14px;line-height:1.6;color:#a9adb8;margin:0 auto;max-width:330px}.confirm-actions{display:flex;justify-content:center;gap:10px;margin-top:26px}.confirm-actions .button{min-width:120px;justify-content:center}.confirm-danger{background:#e2585d;color:#fff;border:0;box-shadow:inset 0 1px 0 #ffffff33,0 8px 22px #e2585d33;transition:background-color .18s}.confirm-danger:hover{background:#ec676b}.not-found{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px}.not-found-avatar{margin-bottom:6px;width:140px;height:140px}.not-found-code{font-size:12px;letter-spacing:.3em;color:#7483a1;margin-bottom:10px}.not-found h1{font-size:40px;font-weight:550;letter-spacing:-.03em}.not-found p{font-size:14px;color:#9aa6bd;max-width:380px;line-height:1.6;margin:14px 0 28px}.not-found .button{gap:8px}.pagile-dialog.confirm-dialog{border-color:#b3c8ea2e;background:radial-gradient(ellipse at 50% 10%,#2a3b5e 0,transparent 58%),#0e1626;color:#e5edff;box-shadow:0 0 72px #6d8fd622,0 32px 100px #0009}.confirm-dialog p{color:#a5b4cf}.pagile-overlay:has(+.confirm-dialog){background:rgb(4 7 17/.72)}