html,body{margin:0;padding:0;overflow-x:hidden;background:black}#main-screen{height:100vh;display:flex;flex-direction:column;background:#f8f9fa}#extra-content{height:100vh;padding:40px 20px;background:white;box-sizing:border-box}.extra-screen{height:100vh;padding:40px 20px;background:white;box-sizing:border-box}#main-screen,#extra-content{scroll-snap-align:start;scroll-snap-stop:always}#dropdownMenu.show{z-index:1001}#footer{height:65px;background-color:#212529;color:white;display:flex;justify-content:center;align-items:center;font-size:1rem}#container{flex:1;display:flex;overflow:hidden;background-color:#212529}#container.horizontal{flex-direction:row}#container #divider{border-radius:3px;display:flex;align-items:center;justify-content:center;background:#343a40;touch-action:none}#container.horizontal #divider{width:6px;cursor:col-resize;flex-direction:column;touch-action:pan-y;max-width:10% auto}#container.horizontal #divider:hover{background:#4a5158}#container.vertical #divider{height:6px;cursor:row-resize;flex-direction:row;touch-action:pan-x;max-width:100% auto}#container.vertical #divider:hover{background:#4a5158}#container.vertical{flex-direction:column}.dragbar-btn-sh{margin:5px;height:auto;aspect-ratio:1 / 1;display:inline-flex;align-items:center;justify-content:center;padding:5px;cursor:pointer;border-radius:50%;z-index:1000;box-shadow:0 0 10px 2px rgba(112,112,112,0.5);transition:box-shadow .3s ease-in-out}.dragbar-btn-sh:hover{box-shadow:0 0 10px 2px rgba(150,112,112,0.5);transform:scale(1.5)}.eye-blink{display:inline-block;transform-origin:center center;animation:eyeBlink 5s infinite}@keyframes eyeBlink{0{transform:scaleY(1)}8%{transform:scaleY(0.1)}16%{transform:scaleY(1)}100%{transform:scaleY(1)}}.middle-buttons{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:auto;align-items:center;gap:10px;align-items:center;justify-content:center;padding:5px;cursor:default;pointer-events:auto;color:#999}#container.horizontal #divider .middle-buttons{flex-direction:column}#container.vertical #divider .middle-buttons{flex-direction:row;width:100%;overflow-x:auto;white-space:nowrap}#container.vertical #divider .middle-buttons button{width:75%}#container.vertical #divider .middle-buttons .middle-button-grp{width:75%}.middle-buttons button,.middle-buttons .btn-group,.middle-buttons .btn-group button{width:100%;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.middle-button-grp{width:100%}.pane{flex:1;overflow:auto;background-color:#212529;border:0 solid #dee2e6;box-sizing:border-box;padding-left:2px;padding-right:2px;padding-top:5px;padding-bottom:5px;display:none}.no-select{user-select:none}#container.horizontal #left-nav-pane{width:35%;height:100%;flex:0 0 auto}#container.vertical #left-nav-pane{width:100%;height:75%;flex:0 0 auto}#container.horizontal #right-nav-pane{width:35%;height:100%;flex:0 0 auto}#container.vertical #right-nav-pane{width:100%;height:75%;flex:0 0 auto}.feature-highliter{transition:border-color .3s ease,box-shadow .3s ease;position:relative}.feature-highliter.is-locked{border-color:#0d6efd !important;box-shadow:0 0 8px rgba(13,110,253,0.5)}.feature-highliter.is-locked .popover-header::after{content:'🔒';position:absolute;bottom:20px;right:20px;font-size:.85rem;opacity:1;pointer-events:none}.popover-progress-container{height:4px;width:100%;background-color:#e9ecef;margin-top:10px;overflow:hidden;border-radius:2px}.popover-progress-bar{height:100%;background-color:#0d6efd;width:100%;transform-origin:left;animation:shrinkBar 10s linear forwards}.feature-highliter.is-locked .popover-progress-bar{animation-play-state:paused}@keyframes shrinkBar{from{transform:scaleX(1)}to{transform:scaleX(0)}}.highlight-glossy{border:.5rem solid red}.rainbow{--border-size:.2rem;box-shadow:#212529 0 0 10px 3px;border:var(--border-size) solid transparent;padding:3px;border-image:conic-gradient(from var(--angle),#d53e33 0 90deg,#fbb300 90deg 180deg,#377af5 180deg 270deg,#399953 270deg 360deg) 1 stretch}@property --opacity{syntax:"<number>";initial-value:.5;inherits:false}@property --angle{syntax:"<angle>";initial-value:0;inherits:false}@keyframes opacityChange{to{--opacity:1}}@keyframes rotate{to{--angle:360deg}}.rainbow{animation:rotate 1s linear infinite,opacityChange 3s infinite alternate}