.app{position:relative;width:100%;height:100%;overflow:hidden}.background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1c1c1e4d,#1c1c1e8c),radial-gradient(ellipse at 35% 25%,rgba(210,150,220,.45) 0%,transparent 55%),radial-gradient(ellipse at 75% 65%,rgba(130,90,180,.4) 0%,transparent 50%),linear-gradient(160deg,#4a3558,#2a1f38 45%,#1e1628);filter:blur(14px);transform:scale(1.06)}.content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:24px 20px 40px;gap:28px}.wave-hand{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin-bottom:8px}.wave-hand-emoji{font-size:72px;line-height:1;display:inline-block;transform-origin:70% 70%;animation:wave 2s ease-in-out infinite}.wave-line{position:absolute;top:18px;width:22px;height:22px;border:3px solid transparent;border-top-color:#b4b4b9d9;border-radius:50%;opacity:0;animation:wave-line 2s ease-in-out infinite}.wave-line-left{left:-4px;transform:rotate(-30deg);animation-delay:.1s}.wave-line-right{right:-4px;transform:rotate(30deg) scaleX(-1);animation-delay:.2s}.info-box{width:100%;max-width:340px;padding:18px 20px;border-radius:14px;background:var(--color-infoBoxBackground, rgba(123, 108, 196, .72));box-shadow:0 8px 24px #00000047;text-align:center;font-size:15px;line-height:1.45;font-weight:500;letter-spacing:.01em}.confirm-btn{width:100%;max-width:340px;padding:16px 24px;border-radius:14px;background:var(--color-primaryButton, #7b4fd6);color:#fff;font-size:17px;font-weight:600;box-shadow:0 8px 24px var(--color-primaryButtonShadow, rgba(91, 45, 196, .45));transition:transform .15s ease,background .15s ease}.confirm-btn:active{transform:scale(.98);background:var(--color-primaryButtonActive, #6a3fc4)}@keyframes wave{0%,to{transform:rotate(0)}15%{transform:rotate(18deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(16deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(10deg)}}@keyframes wave-line{0%,40%,to{opacity:0;transform:rotate(-30deg) scale(.8)}15%,25%{opacity:1;transform:rotate(-30deg) scale(1)}}.wave-line-right{animation-name:wave-line-right}@keyframes wave-line-right{0%,40%,to{opacity:0;transform:rotate(30deg) scaleX(-1) scale(.8)}15%,25%{opacity:1;transform:rotate(30deg) scaleX(-1) scale(1)}}.content--loading{gap:36px}.folder-icon{display:flex;justify-content:center}.folder-body{position:relative;width:88px;height:68px;background:linear-gradient(180deg,#e8c98a,#d4a85c);border-radius:6px 10px 10px;box-shadow:0 6px 20px #00000040}.folder-body:before{content:"";position:absolute;top:-10px;left:0;width:38px;height:14px;background:linear-gradient(180deg,#e8c98a,#d4a85c);border-radius:6px 6px 0 0}.folder-tab{position:absolute;top:-6px;width:14px;height:8px;border-radius:3px 3px 0 0}.folder-tab--orange{left:42px;background:#e8913a}.folder-tab--blue{left:58px;background:#4a8fd4}.folder-tab--red{left:74px;background:#d44a4a}.spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.2);border-top-color:#ffffffd9;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content--code{justify-content:flex-start;padding-top:clamp(18px,4dvh,34px);padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));gap:0;overflow-y:auto;overscroll-behavior:contain}.content--code::-webkit-scrollbar{display:none}.code-main{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.screen-art{display:flex;align-items:center;justify-content:center;width:100%;pointer-events:none}.screen-art--code{width:min(228px,62vw);margin-bottom:0}.screen-art--modal{width:min(190px,58vw)}.screen-art--monkey{width:min(156px,46vw)}.screen-art__lottie,.screen-art__image{display:block;width:100%;height:auto}.phone-icon{display:flex;justify-content:center;margin-bottom:4px}.phone-frame{width:72px;height:120px;padding:6px;border-radius:14px;background:linear-gradient(180deg,#3a3a3c,#1c1c1e);box-shadow:0 8px 24px #00000059}.phone-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:10px;background:#0a0a0c}.phone-bolt{font-size:32px;filter:drop-shadow(0 0 8px rgba(80,160,255,.8))}.phone-mail{position:relative;font-size:30px;filter:drop-shadow(0 0 6px rgba(255,255,255,.4))}.phone-mail-dot{position:absolute;top:-2px;right:-6px;width:10px;height:10px;border-radius:50%;background:#e74c3c;border:2px solid #0a0a0c}.info-box--code{max-width:340px;font-size:14px;padding:17px 18px;line-height:1.45}.code-inputs{display:flex;gap:10px;width:100%;max-width:340px;justify-content:center}.code-cell{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:12px;border:1.5px solid var(--color-codeCellBorder, rgba(255, 255, 255, .25));background:#1e16288c;font-size:24px;font-weight:600;color:#fff;transition:border-color .15s ease,background .15s ease}.content--code .secondary-btn{max-width:340px;padding:17px 20px;border-radius:14px;font-size:16px}.content--code .keypad{gap:10px;max-width:340px;margin-top:16px;padding-bottom:env(safe-area-inset-bottom,0px)}.content--code .keypad-btn,.content--code .keypad-empty{height:58px}.content--code .keypad-btn{font-size:24px}.code-cell--active{border-color:#ffffff80;background:#281e37a6}.code-cell--filled{border-color:var(--color-codeCellFilledBorder, rgba(123, 79, 214, .6))}.code-cell--error{border-color:var(--color-errorColor, #e74c3c);background:#b4282859;color:#ff6b6b;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.secondary-btn{width:100%;max-width:340px;padding:15px 24px;border-radius:14px;background:var(--color-secondaryButton, #6b3fc9);color:#fff;font-size:16px;font-weight:600;box-shadow:0 6px 20px var(--color-secondaryButtonShadow, rgba(91, 45, 196, .35));transition:transform .15s ease,background .15s ease}.secondary-btn:active:not(:disabled){transform:scale(.98);background:var(--color-secondaryButtonActive, #5a32b0)}.secondary-btn:disabled{opacity:.45;cursor:not-allowed}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:340px;margin-top:auto;padding-bottom:16px}.keypad-btn{display:flex;align-items:center;justify-content:center;height:52px;border-radius:12px;background:var(--color-keypadButton, rgba(107, 63, 201, .85));color:#fff;font-size:22px;font-weight:500;box-shadow:0 4px 12px #0003;transition:transform .1s ease,background .1s ease}.keypad-btn:active:not(:disabled){transform:scale(.96);background:var(--color-keypadButtonActive, rgba(90, 50, 176, .95))}.keypad-btn:disabled{cursor:not-allowed}.keypad--locked{opacity:.35;pointer-events:none}.keypad-btn--backspace{color:#ffffffe6}.keypad-empty{height:52px}.auth-error{position:absolute;bottom:24px;left:20px;right:20px;z-index:2;padding:12px 16px;border-radius:12px;background:var(--color-authErrorBackground, rgba(180, 40, 40, .75));color:#fff;font-size:14px;text-align:center}.content--modal{justify-content:center;padding:24px 20px}.modal-card{width:100%;max-width:360px;padding:28px 22px 24px;border-radius:18px;background:var(--color-modalCardBackground, #8b5cf6);box-shadow:0 16px 40px #00000059;display:flex;flex-direction:column;align-items:center;gap:18px}.modal-icon{font-size:64px;line-height:1}.modal-icon--party{font-size:72px}.modal-info-box{width:100%;padding:16px 18px;border-radius:14px;background:var(--color-modalInfoBoxBackground, rgba(75, 35, 150, .55));color:#fff;font-size:14px;line-height:1.5;text-align:center;font-weight:500}.password-input{width:100%;padding:14px 16px;border-radius:12px;border:2px solid var(--color-passwordInputBorder, rgba(210, 180, 120, .75));background:var(--color-passwordInputBackground, rgba(60, 30, 120, .45));color:#fff;font-size:16px;outline:none;transition:border-color .15s ease}.password-input::placeholder{color:#ffffff73}.password-input:focus{border-color:#e6c88cf2}.password-input--error{border-color:var(--color-errorColor, #e74c3c)}.password-error{width:100%;margin-top:-8px;color:#ffd4d4;font-size:13px;text-align:center}.modal-btn{width:100%;padding:15px 24px;border-radius:14px;background:var(--color-modalButton, #5a2d91);color:#fff;font-size:17px;font-weight:600;box-shadow:0 6px 20px #00000040;transition:transform .15s ease,background .15s ease,opacity .15s ease}.modal-btn:active:not(:disabled){transform:scale(.98);background:var(--color-modalButtonActive, #4a2480)}.modal-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:380px){.screen-art--code{width:min(168px,54vw)}.screen-art--modal{width:min(168px,56vw)}.screen-art--monkey{width:min(142px,44vw)}}@media(max-height:760px){.content--code{padding-top:14px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.code-main{gap:16px}.screen-art--code{width:min(184px,51vw)}.info-box--code{max-width:320px;font-size:13px;padding:13px 15px;line-height:1.35}.code-cell{width:52px;height:52px;font-size:21px}.content--code .secondary-btn{max-width:320px;padding:13px 16px;font-size:15px}.content--code .keypad{gap:8px;margin-top:14px}.content--code .keypad-btn,.content--code .keypad-empty{height:51px}.content--code .keypad-btn{font-size:21px}}@media(max-height:680px){.code-main{gap:14px}.screen-art--code{width:min(168px,47vw)}.info-box--code{max-width:320px;font-size:13px;padding:12px 14px}.code-cell{width:50px;height:50px;font-size:20px}.content--code .secondary-btn{padding:12px 16px;font-size:15px}.content--code .keypad{gap:8px;margin-top:12px}.content--code .keypad-btn,.content--code .keypad-empty{height:49px}.content--code .keypad-btn{font-size:20px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;background:#1c1c1e;color:#fff}button{font:inherit;border:none;cursor:pointer}