*{box-sizing:border-box}body,html{padding:0;margin:0;transition:background-color .3s ease}:root{--sidebar-main-bg:#e3f7ff;--sidebar-header-bg:#5885AF;--sidebar-border-color:#dee2e6;--sidebar-text-primary:#212529;--sidebar-text-secondary:#6c757d;--sidebar-item-hover-bg:#e9ecef;--detailspanel-header-bg:#0094ff;--main-buttons-bg:#5885AF;--main-buttons-hover-bg:#4a6d8c;--popup-background:white;--popup-text-primary:#333;--popup-text-secondary:#666;--popup-border-color:#ccc;--popup-shadow-color:rgba(0,0,0,0.2);--popup-button-bg:#0094ff;--popup-button-text:white;--popup-button-hover-bg:#007acc}[data-theme=dark]{--sidebar-main-bg:#3e3e3e;--sidebar-header-bg:#274472;--sidebar-border-color:#424242;--sidebar-text-primary:#f5f5f5;--sidebar-text-secondary:#bebebe;--sidebar-item-hover-bg:#333;--main-buttons-bg:#274472;--main-buttons-hover-bg:#1a2a4d;--detailspanel-header-bg:#077691;--popup-background:#2d2d2d;--popup-text-primary:#f5f5f5;--popup-text-secondary:#adadad;--popup-border-color:#555;--popup-shadow-color:rgba(0,0,0,0.5);--popup-button-bg:#077691;--popup-button-text:white;--popup-button-hover-bg:#055f7a}.word-marker-icon{background-color:#C3E0E5;border:1px solid #666;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.2);padding:3px 5px;font-size:12px;font-weight:800;color:#333;text-align:center;white-space:nowrap;cursor:pointer;transform:translate(-50%,-115%);transition:font-size .2s ease,padding .2s ease}.custom-popup{position:absolute;background-color:var(--popup-background);color:var(--popup-text-primary);border:1px solid var(--popup-border-color);border-radius:8px;box-shadow:0 4px 12px var(--popup-shadow-color);padding:1rem;width:250px;z-index:1001;font-family:sans-serif;transform:translate(-50%,-115%);transition:opacity .2s ease-in-out}.custom-popup-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--popup-border-color);padding-bottom:.5rem;margin-bottom:.75rem}.custom-popup-header h3{margin:0;font-size:1.1rem}.custom-popup-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--popup-text-secondary)}.custom-popup-body p{margin:.5rem 0;font-size:.9rem}.custom-popup-body strong{color:var(--popup-text-secondary)}.custom-popup-details-btn{margin-top:1rem;padding:8px 12px;width:100%;cursor:pointer;border:1px solid var(--popup-button-bg);background-color:var(--popup-button-bg);color:var(--popup-button-text);border-radius:4px;font-weight:600}.custom-popup-details-btn:hover{background-color:var(--popup-button-hover-bg)}.filter-button{width:100%;padding:12px;background-color:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.5);color:white;font-size:1rem;font-weight:600;border-radius:4px;cursor:pointer;margin-top:10px;transition:background-color .2s ease}.filter-button:hover{background-color:rgba(255,255,255,.3)}.filter-panel{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,padding .3s ease-in-out;background-color:var(--sidebar-header-bg);padding:0 20px;border-radius:4px;margin-top:10px;display:flex;flex-direction:column;gap:10px}.filter-panel.open{max-height:300px;padding:15px 20px}.toggle-sidebar-button{position:absolute;top:50%;transform:translateY(-50%);z-index:1100;height:70px;width:25px;background-color:var(--main-buttons-bg);border:none;border-top-right-radius:8px;border-bottom-right-radius:8px;font-size:20px;transition:left .3s ease-in-out}.icon-close-button,.toggle-sidebar-button{color:white;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-close-button{width:32px;height:32px;background-color:rgba(255,255,255,.2);border:none;border-radius:50%;font-size:24px;line-height:1;transition:background-color .2s ease}.icon-close-button:hover{background-color:rgba(255,255,255,.4)}.toggle-sidebar-button:hover{background-color:var(--main-buttons-hover-bg)}.sidebar-main ul::-webkit-scrollbar{width:16px}.sidebar-main ul::-webkit-scrollbar-track{background:transparent}.sidebar-main ul::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px;border:2px solid var(--sidebar-main-bg)}[data-theme=dark] .sidebar-main ul::-webkit-scrollbar-thumb{background-color:#555;border-color:var(--sidebar-main-bg)}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:#274472;color:white;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;top:0;left:0;z-index:9999;opacity:1;visibility:visible;transition:opacity .5s ease-in-out,visibility .3s ease-in-out}.loading-screen.finished{opacity:0;visibility:hidden}.loading-screen .loading-content{text-align:center}.loading-screen h1{font-size:3rem;font-weight:700;margin:0}.loading-screen p{font-size:1.2rem;margin-top:10px;opacity:.8}