@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Poppins:wght@300;400;600&display=swap";html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at center,#02040a,#000);font-family:Poppins,Inter,sans-serif}.navbar{width:100%;height:60px;background:#0a0a14b3;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 24px;position:fixed;top:0;left:0;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.15)}.nav-left{font-size:22px;font-weight:600;letter-spacing:1px;color:#5eead4}.nav-right{display:flex;gap:26px;padding-right:40px;flex-shrink:0}.nav-right li{list-style:none;cursor:pointer;font-size:15px;transition:.25s;color:#cfcfcf}.nav-right li:hover{color:#5eead4}.label{color:#fff;padding:4px 8px;background:#1414148c;border-radius:6px;font-size:13px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);white-space:nowrap}.title-label{color:#fff;font-size:24px;font-weight:600;text-align:center;padding:10px 18px;background:#00142899;border-radius:10px;border:1px solid rgba(0,200,255,.4);box-shadow:0 0 14px #00b4ff40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.5px}.info-panel{position:fixed;top:50%;left:30px;transform:translateY(-50%);width:340px;height:480px;padding:0;color:#fff;background:url(https://www.transparenttextures.com/patterns/stardust.png),linear-gradient(145deg,#0078ff1f,#000000d1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;border:1px solid rgba(0,190,255,.55);box-shadow:0 0 12px #00b4ff59,inset 0 0 18px #00a0ff2e;overflow:hidden;z-index:100}.panel-content{display:flex;flex-direction:column;height:100%;padding:24px 14px 24px 24px;overflow-y:auto;box-sizing:border-box}.info-panel h2{margin:0 0 12px;padding-bottom:8px;font-size:20px;font-weight:700;letter-spacing:.6px;border-bottom:1px solid rgba(0,180,255,.45)}.info-panel p{font-size:16px;line-height:1.6;color:#dff7ff}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-thumb{background:#00b4ff99;border-radius:6px}.panel-content::-webkit-scrollbar-thumb:hover{background:#00d2ffd9}.panel-summary{flex:1 0 auto}.panel-detail{flex:1 0 auto;display:none}.panel-bottom{display:flex;justify-content:center}.panel-btn{padding:10px 18px;font-size:16px;background:#0096ff1f;color:#8feaff;border:1px solid rgba(0,190,255,.45);border-radius:8px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.25s}.panel-btn:hover{background:#00beff40;color:#fff}#panel-detail ul{padding-left:20px;margin-top:8px;margin-bottom:12px}#panel-detail{padding-bottom:40px}.ui-controls{position:fixed;top:100px;right:28px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;z-index:200;font-family:Poppins,Inter,sans-serif}.camera-tips{background:#0a0a14b3;border:1px solid rgba(0,200,255,.35);border-radius:10px;padding:14px 18px;width:220px;color:#dff7ff;font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 10px #00b4ff40}.camera-tips h4{margin:0 0 8px;color:#5eead4;font-size:15px;font-weight:600}.camera-tips ul{margin:0;padding-left:18px}.camera-tips li{list-style:disc;margin-bottom:4px}.reset-btn{padding:9px 16px;font-size:14px;font-family:Poppins,Inter,sans-serif;background:#0096ff2e;color:#b8eeff;border:1px solid rgba(0,200,255,.45);border-radius:8px;cursor:pointer;transition:.25s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reset-btn:hover{background:#00c8ff4d;color:#fff}