html,body{margin:0;padding:0;width:100%;height:100%;min-height:calc(var(--app-vh, 1vh) * 100);min-width:100dvw;overflow:hidden;font-family:"Noto Serif SC",serif;background-color:#03040c;color:#fff;overscroll-behavior:none}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}@keyframes breathe{0%{transform:scale(1) translate(0)}33%{transform:scale(1.05) translate(-1%,1%)}66%{transform:scale(1.03) translate(1%,-1%)}to{transform:scale(1) translate(0)}}.dynamic-bg{position:absolute;top:-5%;left:-5%;width:110%;height:110%;z-index:0;background:url(../bg.png) center center no-repeat;background-size:cover;animation:breathe 25s infinite ease-in-out;pointer-events:none}#root{width:100%;height:100%}.glass-panel{background:#0f14230f;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 40px #00c8ff0d,inset 0 0 20px #ffffff05;border-radius:24px;padding:25px 40px 150px;width:100%;max-width:460px;margin-top:0;position:relative;max-height:86dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y!important;overscroll-behavior-y:contain}.glass-panel.glass-panel-context{background:#0a0c14eb;backdrop-filter:none;-webkit-backdrop-filter:none}.title{font-size:1.6rem;font-weight:700;text-align:center;margin-bottom:16px;background:linear-gradient(135deg,#ffdfb4,#e2b06f,#ffe9c2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px}.input-group{margin-bottom:16px;position:relative}.input-label{display:block;font-size:.9rem;color:#ffffffb3;margin-bottom:6px;letter-spacing:2px;text-align:center}.glass-input{width:100%;background:#00000014;border:1px solid rgba(255,215,0,.15);color:#fff;padding:10px 16px;border-radius:8px;font-family:sans-serif;font-size:.95rem;outline:none;text-align:center;transition:all .3s ease}.glass-input:focus{border-color:#ffd700cc;box-shadow:0 0 15px #ffd70033;background:#00000080}@keyframes crystalBreath{0%,to{box-shadow:0 12px 26px #4a7cc942,0 0 0 1px #ffffff2e inset,0 -12px 20px #ffffff24 inset,0 0 18px #b0efff29}50%{box-shadow:0 16px 32px #5898e657,0 0 0 1px #ffffff38 inset,0 -14px 24px #ffffff2e inset,0 0 28px #c5f5ff57}}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#ffffff3d,#c2e5ff29 45%,#a8ccff33),radial-gradient(circle at 18% 14%,#ffffff9e,#ffffff0f 40%),linear-gradient(160deg,#80afff38,#7df5ff24);border:1px solid rgba(210,236,255,.62);color:#eef7ff;font-family:inherit;font-size:1.1rem;font-weight:700;letter-spacing:4px;text-shadow:0 1px 8px rgba(160,214,255,.45);border-radius:12px;cursor:pointer;transition:all .35s ease;position:relative;overflow:hidden;box-shadow:0 12px 26px #4a7cc947,0 0 0 1px #ffffff29 inset,0 -12px 20px #ffffff24 inset;backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%);animation:crystalBreath 3.8s ease-in-out infinite}@media (max-width: 640px),(prefers-reduced-motion: reduce){.glass-panel{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.login-btn{animation:none;backdrop-filter:blur(6px) saturate(110%);-webkit-backdrop-filter:blur(6px) saturate(110%)}}.login-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#fff8e6f2,#efd09294,#fff8e6e6);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.78}.login-btn:before{content:"";position:absolute;left:-36%;top:-120%;width:54%;height:340%;background:linear-gradient(90deg,#fff0,#ffffffb3,#fff0);transform:rotate(24deg);opacity:.72;transition:transform .7s ease,left .7s ease;pointer-events:none}.login-btn:hover{border-color:#e2f6ffe6;color:#fff;transform:translateY(-2px) scale(1.01);box-shadow:0 16px 30px #5ba6ff59,0 0 24px #b0efff52,0 0 0 1px #ffffff3d inset,0 -12px 20px #fff3 inset}.login-btn:hover:before{left:120%}.login-btn:active{transform:translateY(0) scale(.99)}.login-btn:disabled{cursor:not-allowed;opacity:.55;animation:none;box-shadow:0 8px 18px #4a7cc924,0 0 0 1px #ffffff14 inset}.ui-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100dvw;height:calc(var(--app-vh, 1vh) * 100);display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.glass-panel{pointer-events:auto}.notice-scroll-area{scrollbar-width:none;-ms-overflow-style:none}.notice-scroll-area::-webkit-scrollbar{width:0;height:0;display:none}