:root{--app-bg: #3c3c3c;--panelBackgroundColor: #cb0707;--text-color: #ffffff;--global-border: 1px solid #ffffff;--island-soft-shadow: 0 14px 30px rgba(0, 0, 0, .3);--island-backdrop-blur: 7px;color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;color:var(--text-color);background-color:var(--app-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;color:var(--text-color);user-select:none;-webkit-user-select:none}html,body,#root{width:100%;min-width:320px;min-height:100dvh;margin:0;padding:0;background-color:var(--app-bg);background-image:url(/background_landscape.webp);background-position:center center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;overscroll-behavior:none}body{overflow:hidden}img{-webkit-user-drag:none;user-drag:none}:is(.glass-card,.bottom-pill-nav,.settings-pill-menu,.verification-popup,.photo-booth-modal,.net-speed-panel,.screen-size-panel){backdrop-filter:blur(var(--island-backdrop-blur));-webkit-backdrop-filter:blur(var(--island-backdrop-blur));filter:drop-shadow(var(--island-soft-shadow))}@font-face{font-family:Digital7Mono;src:url("/assets/digital-7%20(mono)-CnVgky5u.ttf") format("truetype"),url("/assets/digital-7%20(mono)-CnVgky5u.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}.net-speed-panel{position:fixed;z-index:80;width:340px;border-radius:18px;border:1px solid rgba(255,255,255,.65);background:linear-gradient(155deg,#051366f2,#04092cf5);box-shadow:0 22px 38px #0000006b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow:hidden}.net-speed-panel.dragging{cursor:grabbing}.net-speed-header{height:48px;padding:0 .8rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2);background:#ffffff14;cursor:grab}.net-speed-header h3{font-size:.95rem;letter-spacing:.04em}.net-speed-close{width:2rem;height:2rem;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#ffffff14;display:grid;place-items:center;cursor:pointer}.net-speed-body{display:grid;place-items:center;padding:.8rem .6rem 1rem;gap:.55rem}.net-gauge-wrap{position:relative;width:300px;height:300px}.net-speed-lcd{position:absolute;left:50%;bottom:34px;transform:translate(-50%);min-width:79px;height:52px;border-radius:11px;border:2px solid #0d39c0;background:linear-gradient(170deg,#1035be,#0a2484);display:grid;place-items:center;font-family:Digital7Mono,Digital-7 Mono,Digital-7,monospace;font-size:41px;letter-spacing:.02em;color:#fff;text-shadow:0 0 10px rgba(188,218,255,.4);box-shadow:inset 0 1px #ffffff52,0 4px 12px #00000059;pointer-events:none}.net-speed-stats{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;font-size:.78rem;opacity:.95}.net-speed-phase{font-size:.8rem;opacity:.86}.net-speed-error{color:#ffdcdc;font-size:.78rem}.net-speed-run{width:100%;min-height:2.2rem;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:linear-gradient(130deg,navy,#0e2dbf 55%,#233ed8);font-weight:700;letter-spacing:.04em;cursor:pointer}.net-speed-run:disabled{opacity:.62;cursor:default}.screen-size-panel{position:fixed;z-index:82;width:260px;border-radius:16px;border:1px solid rgba(255,255,255,.65);background:linear-gradient(155deg,#051366f2,#04092cf5);box-shadow:0 22px 38px #0000006b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow:hidden}.screen-size-panel.dragging{cursor:grabbing}.screen-size-header{height:46px;padding:0 .75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2);background:#ffffff14;cursor:grab}.screen-size-header h3{font-size:.95rem;letter-spacing:.04em}.screen-size-close{width:2rem;height:2rem;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#ffffff14;color:#fff;display:grid;place-items:center;cursor:pointer}.screen-size-body{padding:.9rem .8rem 1rem;display:grid;gap:.35rem}.screen-size-readout{font-size:.95rem;letter-spacing:.03em;opacity:.95}.screen-size-readout span{font-family:Digital7Mono,Digital-7 Mono,Digital-7,monospace;font-size:1.15rem;letter-spacing:.02em}.photo-booth-overlay{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#020614b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:1rem}.photo-booth-modal{width:min(640px,100%);border-radius:18px;border:2px solid rgba(255,255,255,.75);background:linear-gradient(145deg,#071256f0,#03082af5);box-shadow:0 30px 60px #00000073;padding:1rem;display:grid;gap:.75rem;transform:translateY(-20px) scale(.9);transform-origin:center center}.photo-booth-modal h2{font-size:1.1rem}.photo-booth-modal p{color:#ffffffdb;font-size:.88rem}.current-photo-preview-wrap{display:grid;place-items:center;padding:.4rem 0 .2rem}.current-photo-preview{width:132px;height:132px;border-radius:999px;object-fit:cover;border:3px solid #ffffff;box-shadow:0 12px 24px #00000059}.photo-booth-actions{display:flex;flex-wrap:wrap;gap:.55rem}.photo-booth-actions .submit-btn{flex:1 1 170px;min-height:2.5rem}.photo-input-hidden{display:none}.camera-preview{width:100%;height:100%;object-fit:cover;display:block}.cropper-shell{position:relative;width:100%;height:300px;border-radius:14px;border:1px solid rgba(255,255,255,.7);overflow:hidden;background:#00000073}.cropper-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#ffffffb8}.zoom-row{display:grid;gap:.3rem}.zoom-row span{font-size:.85rem}.zoom-row input[type=range]{width:100%}.photo-booth-error{color:#ffe0e0}.photo-booth-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.cancel-pill-btn{min-height:2.5rem;border-radius:999px;border:1px solid rgba(255,255,255,.82);background:#ffffff14;color:#fff;letter-spacing:.08em;text-transform:uppercase;font-weight:700;width:100%;padding:0 1rem;cursor:pointer}.photo-booth-footer .submit-btn{width:100%;border-radius:999px;justify-self:stretch}.signin-screen{position:relative;isolation:isolate;width:100%;min-height:100dvh;display:grid;place-items:center;padding:2rem 1.25rem}.signin-screen:before,.signin-screen:after{content:"";position:fixed;inset:auto;z-index:-1;pointer-events:none}.signin-screen:before{width:48vmin;height:48vmin;top:8vh;right:-12vmin;border-radius:50%;background:radial-gradient(circle,#1f56ff57,#1f56ff00 72%)}.signin-screen:after{width:56vmin;height:56vmin;bottom:-14vmin;left:-10vmin;border-radius:50%;background:radial-gradient(circle,#d60c0c6b,#d60c0c00 72%)}.glass-card{--logo-size: 150px;--logo-gap: 20px;--logo-notch-radius: calc((var(--logo-size) / 2) + var(--logo-gap));position:relative;overflow:visible;width:min(460px,100%);min-height:560px;border-radius:26px;border:none;background:transparent;box-shadow:0 30px 70px #0000008c,inset 0 1px #ffffff57;padding:5.25rem 1.95rem 1.95rem;display:flex;flex-direction:column;transition:box-shadow .36s ease,transform .36s ease}.glass-card.shake{animation:glass-shake .38s cubic-bezier(.36,.07,.19,.97)}.glass-card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-image:url(/signin_background.webp);background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-mask-image:radial-gradient(circle var(--logo-notch-radius) at 50% 0,transparent 99%,#000 100%);mask-image:radial-gradient(circle var(--logo-notch-radius) at 50% 0,transparent 99%,#000 100%)}.glass-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:3px solid #ffffff;-webkit-mask-image:radial-gradient(circle var(--logo-notch-radius) at 50% 0,transparent 99%,#000 100%);mask-image:radial-gradient(circle var(--logo-notch-radius) at 50% 0,transparent 99%,#000 100%)}.glass-card>*{position:relative;z-index:2}.signin-content{display:flex;flex-direction:column;min-height:100%;transition:opacity .36s ease,transform .36s ease}.glass-card.access-granted{box-shadow:none}.glass-card.access-granted:before,.glass-card.access-granted:after,.glass-card.access-granted .notch-border{opacity:0;transition:opacity .36s ease}.glass-card.access-granted .signin-content{opacity:0;transform:translateY(18px);pointer-events:none}.glass-card.access-granted .signin-logo-anchor{animation:logo-settle .38s ease forwards}.notch-border{position:absolute;top:0;left:50%;width:calc(var(--logo-notch-radius) * 2);height:calc(var(--logo-notch-radius) + 6px);transform:translate(-50%);pointer-events:none;z-index:3;background:radial-gradient(circle at 50% 0,transparent calc(var(--logo-notch-radius) - 3px),#ffffff calc(var(--logo-notch-radius) - 3px) var(--logo-notch-radius),transparent calc(var(--logo-notch-radius) + 1px))}@keyframes logo-settle{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.02)}}@keyframes glass-shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}35%{transform:translate(7px)}55%{transform:translate(-5px)}75%{transform:translate(3px)}}.eyebrow{position:relative;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffffdb;margin:20px 0 .35rem;text-align:center}.signin-form,.reset-form{position:relative;display:grid;gap:.58rem}.form-flip-perspective{position:relative;width:100%;min-height:430px;perspective:1200px}.form-flip-scene{position:relative;width:100%;min-height:inherit;overflow:hidden;border-radius:16px;box-sizing:border-box}.form-flip-inner{position:relative;width:100%;min-height:inherit;height:100%;border-radius:inherit;background:linear-gradient(145deg,#080c2833,#05091e3d);transform-style:preserve-3d;transition:transform .62s cubic-bezier(.22,.61,.36,1)}.form-flip-scene.is-reset .form-flip-inner{transform:rotateY(180deg)}.form-face{position:absolute;inset:0;display:flex;flex-direction:column;padding:1rem .9rem;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden}.form-face-front{background:transparent;transform:rotateY(0);pointer-events:auto}.form-face-back{background:transparent;transform:rotateY(180deg);pointer-events:none}.form-flip-scene.is-reset .form-face-front{pointer-events:none}.form-flip-scene.is-reset .form-face-back{pointer-events:auto}label{font-size:.9rem;color:#fffffff0}input,button{font:inherit;border-radius:12px}input{height:2.8rem;width:100%;box-sizing:border-box;padding:0 .92rem;border:1px solid rgba(255,255,255,.55);background:#06081757;outline:none;transition:border-color .24s ease,box-shadow .24s ease,background .24s ease}input::placeholder{color:#ffffffb3}input:focus{border-color:#cbe5fffa;background:#0b0e2180;box-shadow:0 0 0 2px #9fccff38,0 0 16px #65a2ff33}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:3rem}.signin-form input[type=email],.reset-form input[type=email]{padding-right:2.8rem}.signin-form [data-lastpass-root],.signin-form [data-lastpass-icon-root],.signin-form .lpinput,.signin-form .lastpass-icon,.reset-form [data-lastpass-root],.reset-form [data-lastpass-icon-root],.reset-form .lpinput,.reset-form .lastpass-icon{position:absolute!important;margin:0!important;inset:auto 0 auto auto!important;z-index:8}.signin-content [data-lastpass-root],.signin-content [data-lastpass-icon-root],.signin-content .lpinput,.signin-content .lastpass-icon,.signin-content iframe[src*=lastpass]{display:none!important;pointer-events:none!important;visibility:hidden!important}.icon-btn{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);width:1.5rem;height:1.5rem;border:none;background:transparent;display:grid;place-items:center;cursor:pointer;padding:0;transition:transform .22s ease,opacity .22s ease}.icon-btn:hover{opacity:.85}.actions-row{display:flex;justify-content:flex-end;margin:.35rem 0 .62rem}.submit-btn{position:relative;overflow:hidden;height:2.8rem;border:1px solid rgba(255,255,255,.78);background:linear-gradient(45deg,navy,#1026b3 45%,#2d44d9);box-shadow:0 16px 28px #00003c6b,inset 0 1px #ffffff59;letter-spacing:.06em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.submit-btn:disabled{opacity:.6;cursor:default}.submit-btn:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.05)}.submit-btn:not(:disabled):active{transform:translateY(0)}.link-btn{background:transparent;border:none;color:#ebf2ffeb;text-decoration:underline;text-underline-offset:.18em;font-size:.84rem;cursor:pointer}.reset-form{align-content:start}.signin-logo-anchor{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:calc(var(--logo-size) + 20px);height:calc(var(--logo-size) + 20px);perspective:1200px;z-index:4}.logo-open-btn{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:calc(var(--logo-size) + 20px);height:calc(var(--logo-size) + 20px);border:none;border-radius:999px;background:transparent;cursor:pointer;z-index:5}.logo-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.22,.61,.36,1)}.signin-logo-anchor.is-flipped .logo-flip-inner{transform:rotateY(180deg)}.logo-face{position:absolute;inset:0;border-radius:999px;border:4px solid #ffffff;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 14px 28px #00000059}.logo-front{background:#fff}.logo-back{transform:rotateY(180deg);background:linear-gradient(160deg,#071256f2,#03072ef2);display:grid;place-items:center}.main-logo-image,.uploaded-user-photo{width:100%;height:100%;display:block}.main-logo-image,.uploaded-user-photo{object-fit:cover}.uploaded-user-photo.placeholder{display:grid;place-items:center;color:#fff}.logo-edit-btn{position:absolute;left:calc(50% + ((var(--logo-size) + 20px) / 2) - 24px);top:calc(0px - ((var(--logo-size) + 20px) / 2) + ((var(--logo-size) + 20px) - 34px));width:28px;height:28px;border-radius:999px;border:2px solid #ffffff;background:navy;display:grid;place-items:center;z-index:6;cursor:pointer;box-shadow:0 8px 16px #0006}.logo-edit-btn.pulsing{animation:edit-pulse 1.4s ease-in-out infinite}.photo-hint-bubble{position:absolute;left:calc(50% + ((var(--logo-size) + 20px) / 2) + 14px);top:calc(0px - ((var(--logo-size) + 20px) / 2) + ((var(--logo-size) + 20px) - 54px));z-index:6;white-space:nowrap;padding:.35rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.78);background:#000000b8;font-size:.72rem;line-height:1}.feedback{font-size:.9rem;line-height:1.3;text-shadow:0 1px 12px rgba(0,0,0,.4);min-height:1.2rem;opacity:0;transition:opacity .2s ease}.feedback-stack{margin-top:auto;padding-top:.7rem}.feedback.is-visible{opacity:1}.feedback.error{color:#ffe0e0}.feedback.success{color:#deffe7}.ripple{position:absolute;width:20px;height:20px;border-radius:999px;transform:translate(-50%,-50%);background:#ffffff80;pointer-events:none;animation:ripple .7s ease-out forwards}@keyframes edit-pulse{0%,to{transform:scale(1);box-shadow:0 8px 16px #0006}50%{transform:scale(1.08);box-shadow:0 0 0 8px #ffffff1f}}.verification-popup-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#02061aa8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:1rem}.verification-popup{width:min(460px,100%);border-radius:18px;border:2px solid rgba(255,255,255,.8);background:linear-gradient(140deg,#071256f0,#050c38f0);box-shadow:0 26px 48px #00000073;padding:1.2rem}.verification-title{font-size:1.1rem;font-weight:700;margin-bottom:.45rem}.verification-text{color:#ffffffe6;margin-bottom:.55rem;line-height:1.35}.verification-btn{width:100%;margin-top:.35rem}.flyhigh-overlay{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#02061abd;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:1rem}.flyhigh-shell{width:min(1180px,96vw);height:min(820px,90vh);border-radius:18px;border:2px solid rgba(255,255,255,.78);background:linear-gradient(140deg,#071256f0,#050c38f0);box-shadow:0 26px 48px #00000073;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.flyhigh-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.8rem .9rem;border-bottom:1px solid rgba(255,255,255,.25)}.flyhigh-title{margin:0;font-size:1rem;font-weight:700}.flyhigh-actions{display:flex;align-items:center;gap:.6rem}.flyhigh-close-btn{width:2.3rem;height:2.3rem;padding:0;border-radius:999px;display:grid;place-items:center;font-size:1rem;line-height:1;font-weight:700;text-transform:none;letter-spacing:0}.flyhigh-iframe{width:100%;height:100%;border:0;background:#fff}.profile-window{position:fixed;z-index:75;width:min(380px,calc(100vw - 16px));border-radius:16px;border:2px solid rgba(255,255,255,.72);background:linear-gradient(145deg,#071256f5,#050a30f5);box-shadow:0 24px 44px #00000073;overflow:hidden}.profile-window-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem .8rem;border-bottom:1px solid rgba(255,255,255,.28);cursor:move}.profile-window-title{margin:0;font-size:.95rem;font-weight:700}.profile-window-close{height:2rem;padding:0 .65rem;border-radius:10px;border:1px solid rgba(255,255,255,.7);background:#ffffff1f;color:#fff;cursor:pointer}.profile-window-grid{display:grid;gap:.55rem;padding:.75rem .8rem .85rem}.profile-row{margin:0;display:grid;gap:.15rem}.profile-key{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7}.profile-value{font-size:.9rem;color:#fff;word-break:break-word}.bottom-pill-nav{position:fixed;left:50%;bottom:80px;transform:translate(-50%);z-index:55;display:flex;align-items:center;gap:.6rem;padding:.52rem;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:linear-gradient(145deg,#051366eb,#080b2deb);box-shadow:0 18px 30px #0000006b,inset 0 1px #ffffff4d;animation:pill-nav-in .42s ease forwards}.pill-nav-btn{width:2.5rem;height:2.5rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:#ffffff17;display:grid;place-items:center;cursor:pointer}.pill-nav-btn.is-active{border-color:#ffffffdb;background:#fff3}.settings-pill-menu{position:fixed;top:50%;right:80px;transform:translateY(-50%);z-index:56;display:grid;gap:.6rem;padding:.52rem;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:linear-gradient(145deg,#051366eb,#080b2deb);box-shadow:0 18px 30px #0000006b,inset 0 1px #ffffff4d;animation:settings-menu-in .26s ease-out forwards}.settings-menu-btn{width:2.5rem;height:2.5rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:#ffffff17;display:grid;place-items:center;cursor:pointer}@keyframes settings-menu-in{0%{opacity:0;transform:translate(12px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes pill-nav-in{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}@keyframes ripple{0%{width:20px;height:20px;opacity:.6}to{width:380px;height:380px;opacity:0}}@media(max-width:640px){.signin-screen{padding:1rem .85rem}.glass-card{border-radius:20px;padding:4.5rem 1.25rem 1.25rem;min-height:520px}.settings-pill-menu{right:16px}}
