html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1f1635;background-image:linear-gradient(177deg,#1f1635,#180e2b,#100a1d)}@keyframes loadProgress{0%{left:-40%;width:40%}50%{left:20%;width:60%}to{left:100%;width:40%}}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes verticalScroll{0%{transform:translateY(0)}to{transform:translateY(-1072px)}}.hud-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:24px;box-sizing:border-box}.hud-interactive{pointer-events:auto}.hud-back-container{position:fixed;top:20px;left:20px;z-index:60}.pro-back-btn{display:inline-flex;align-items:center;gap:8px;background:#121216d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);color:#e4e4e7;padding:8px 16px;border-radius:9999px;font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 4px 16px #0006;transition:all .2s ease}.pro-back-btn:hover{background:#1e1e26f2;border-color:#ffffff40;color:#fff;transform:translateY(-1px)}.kbd-esc{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600;color:#a1a1aa;letter-spacing:.04em}.hud-dock-wrapper{animation:fadeIn .3s ease}.pro-dock{display:flex;align-items:center;gap:4px;background:#121218d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:5px 6px;border-radius:16px;box-shadow:0 12px 32px #00000073;max-width:95vw}.pro-dock-btn{display:inline-flex;align-items:center;gap:7px;background:transparent;border:none;padding:8px 14px;border-radius:12px;color:#a1a1aa;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.pro-icon{display:flex;align-items:center;justify-content:center;color:inherit}.pro-label{letter-spacing:-.01em}.pro-dock-btn:hover{color:#f4f4f5;background:#ffffff0f}.pro-dock-btn.active{color:#fff;background:#ffffff1f;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.pro-dock-btn{padding:8px 10px;font-size:12px}.pro-label{display:none}}