:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:15px/1.4 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#14171c}.app-root{color:#e8e8ea;width:100vw;height:100dvh;position:relative;overflow:hidden}.loading-screen{letter-spacing:.02em;color:#9aa0a8;background:#14171c;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;inset:0}.sidebar{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121418d1;border-right:1px solid #ffffff14;flex-direction:column;gap:18px;width:320px;max-width:88vw;padding:20px 18px;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.lang-switch{border:1px solid #ffffff26;border-radius:6px;display:flex;overflow:hidden}.lang-btn{color:#9aa0a8;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;padding:4px 9px;font-size:.72rem;font-weight:600}.lang-btn:hover{color:#e8e8ea}.lang-btn.active{color:#fff;background:#3fa9f52e}.sidebar-header h1{letter-spacing:.01em;margin:0;font-size:1.35rem;font-weight:700}.subtitle{color:#9aa0a8;margin:4px 0 0;font-size:.78rem;line-height:1.4}.panel{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;padding:12px 14px}.panel h2{text-transform:uppercase;letter-spacing:.08em;color:#9aa0a8;margin:0 0 10px;font-size:.72rem;font-weight:600}.layer-row{flex-direction:column;gap:6px;padding:6px 0;display:flex}.layer-row+.layer-row{border-top:1px solid #ffffff0f}.layer-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.88rem;display:flex}.layer-toggle input{accent-color:#3fa9f5}.swatch,.dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 1px #fff3}.opacity-slider{accent-color:#3fa9f5;width:100%}.slider-row{align-items:center;gap:8px;display:flex}.slider-label{color:#8a909a;flex:none;width:52px;font-size:.72rem}.full-width{width:100%;margin-top:10px}.tag{color:#f5a623;border:1px solid #f5a62366;border-radius:4px;flex:none;margin-left:auto;padding:1px 5px;font-size:.65rem}.search-input{box-sizing:border-box;color:#e8e8ea;background:#00000040;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:.88rem}.search-input:focus{border-color:#3fa9f5}.hint{color:#7a808a;margin:8px 2px 0;font-size:.8rem}.search-results{flex-direction:column;gap:2px;max-height:260px;margin:10px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.result{text-align:left;color:#d6d8dc;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:.82rem;display:flex}.result:hover{background:#ffffff0f}.result.active{color:#fff;background:#3fa9f52e}.info-panel{flex:1}.info-title{align-items:center;gap:8px;margin-bottom:10px;font-size:.95rem;font-weight:600;display:flex}.info-card dl{grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:.82rem;display:grid}.info-card dt{color:#8a909a}.info-card dd{color:#e0e2e6;margin:0}.clear-btn{color:#d6d8dc;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;border-radius:6px;margin-top:12px;padding:6px 12px;font-size:.78rem}.clear-btn:hover{background:#ffffff17}.action-row{gap:8px;margin-top:12px;display:flex}.action-btn{color:#cfe8fb;cursor:pointer;background:#3fa9f51f;border:1px solid #3fa9f559;border-radius:6px;flex:1;padding:7px 10px;font-size:.78rem}.action-btn:hover{background:#3fa9f538}.sidebar-footer{color:#6b7078;font-size:.68rem;line-height:1.4}.sheet-bar{display:none}.sheet-body{flex-direction:column;flex:1;gap:18px;min-height:0;display:flex}@media (width<=700px){.sidebar{width:100%;max-width:100%;height:auto;max-height:58dvh;padding:0;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #ffffff1f;border-right:none;border-radius:16px 16px 0 0;gap:0;inset:auto 0 0;overflow:hidden}.sheet-bar{flex:none;display:block}.sheet-handle{color:#e8e8ea;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:14px 16px 10px;font-size:.95rem;font-weight:600;display:flex;position:relative}.sheet-grip{background:#ffffff40;border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:5px;left:50%}.sheet-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sheet-chevron{color:#9aa0a8}.sheet-actions{gap:8px;padding:0 16px 14px;display:flex}.sheet-actions .action-btn{padding:10px 8px;font-size:.85rem}.sheet-body{flex-direction:column;gap:14px;padding:0 16px 16px;display:none;overflow-y:auto}.sidebar.open .sheet-body{display:flex}.sidebar-header h1,.sidebar-header .subtitle{display:none}.header-row{justify-content:flex-end}.lang-btn{padding:8px 14px;font-size:.8rem}.search-input{font-size:16px}.opacity-slider{height:28px}}