*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden;background:#0d0d1a;font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;color:#dcddde}#app{width:100%;height:100%;display:flex;flex-direction:column}#loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;background:radial-gradient(ellipse at center,#1a1a3e,#0d0d1a 70%)}.loader{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.loader-icon{font-size:36px;z-index:2;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pulse-ring{position:absolute;width:80px;height:80px;border-radius:50%;border:2px solid rgba(88,101,242,.4);animation:pulse 2s ease-out infinite}.pulse-ring.delay{animation-delay:.6s}@keyframes pulse{0%{transform:scale(.5);opacity:1}to{transform:scale(1.8);opacity:0}}#loading p{font-size:15px;color:#8b8fa3;letter-spacing:.3px}#browser-container{display:none;flex:1;width:100%;min-height:0;background:#000}#controls{display:none;flex-direction:column;background:#111128;border-top:1px solid rgba(88,101,242,.2)}#quick-nav{display:flex;gap:4px;padding:6px 10px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgba(255,255,255,.05)}#quick-nav::-webkit-scrollbar{display:none}.nav-btn{padding:4px 12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0a;color:#b5bac1;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.nav-btn:hover{background:#5865f226;border-color:#5865f24d;color:#fff}#url-bar{display:flex;gap:6px;padding:6px 10px 8px}#url-input{flex:1;padding:8px 14px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0000004d;color:#dbdee1;font-size:13px;outline:none;transition:border-color .15s ease}#url-input:focus{border-color:#5865f2;box-shadow:0 0 0 2px #5865f233}#url-input::placeholder{color:#4e5058}#go-btn{padding:8px 20px;border:none;border-radius:8px;background:#5865f2;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}#go-btn:hover{background:#4752c4}#go-btn:active{background:#3c45a5}#error{display:none;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;background:radial-gradient(ellipse at center,#1a1a2e,#0d0d1a 70%)}.error-icon{font-size:48px;margin-bottom:4px}#error h2{font-size:20px;color:#f23f43;font-weight:600}#error-message{color:#8b8fa3;font-size:14px;max-width:360px;text-align:center;line-height:1.5}#retry-btn{padding:10px 28px;border:none;border-radius:8px;background:#5865f2;color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .15s ease}#retry-btn:hover{background:#4752c4;transform:translateY(-1px)}#retry-btn:active{background:#3c45a5;transform:translateY(0)}