:root{--bg-main:#f3f4f6;--bg-card:#fff;--bg-item:#fff;--bg-item-hover:#f9fafb;--text-primary:#1f2937;--text-secondary:#4b5563;--primary-color:#3b82f6;--primary-hover:#2563eb;--border-color:#e5e7eb;--border-radius-sm:6px;--border-radius-md:10px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--seon-green:#00c1b6;--seon-darker:#05052a;--seon-light-grey:#deedee;--seon-orange:#ff602d;--seon-grey:#99b0b6;--seon-font-style:"Inter", sans-serif;--code-font-style:"Lucida Console", monospace;--seon-darker-extra:#051838;--action-color:#3c72ff;--action-color-hover:#2e57c2}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--seon-font-style);box-sizing:border-box;margin:0;padding:0}*,:before,:after{box-sizing:inherit}main{justify-content:center;min-height:100vh;max-height:100vh;display:flex}.demoPage{background-color:#f4f4f9;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;font-family:sans-serif;display:flex;position:relative;overflow:hidden}.demoPage__lagBanner{z-index:1000;text-align:center;color:#664d03;background-color:#fff3cd;border-bottom:1px solid #ffc107;padding:10px 16px;font-size:13px;position:fixed;top:0;left:0;right:0}.demoPage__cornerBtn{cursor:pointer;color:#fff;background-color:#333;border:none;border-radius:4px;padding:10px 20px;font-size:14px;transition:all .2s;position:absolute}.demoPage__cornerBtn--topLeft{top:20px;left:20px}.demoPage__cornerBtn--topRight{top:20px;right:20px}.demoPage__cornerBtn--bottomLeft{bottom:20px;left:20px}.demoPage__cornerBtn--bottomRight{bottom:20px;right:20px}.demoPage__form{text-align:center;background-color:#fff;border-radius:8px;flex-direction:column;gap:15px;width:300px;padding:40px;display:flex;box-shadow:0 10px 25px #0000001a}.demoPage__input{border:1px solid #ccc;border-radius:4px;padding:10px;font-size:16px}.demoPage__adviceText{color:#666;margin:10px 0;font-size:13px;line-height:1.4}.demoPage__submitBtn{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:4px;padding:12px;font-size:16px;font-weight:700;transition:all .3s}.demoPage__submitBtn:disabled{cursor:not-allowed;background-color:#ccc}.demoPage__checkboxLabel{cursor:pointer;text-align:left;align-items:center;gap:8px;font-size:14px;display:flex}.demoPage__checkbox{cursor:pointer;width:16px;height:16px}.demoPage__select{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;font-size:16px}.demoPage__select:disabled{cursor:not-allowed;opacity:.7}.list-page{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;max-width:90vw;max-height:100vh;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.list-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--seon-grey);justify-content:flex-start;align-items:center;gap:var(--spacing-sm);background-color:var(--bg-card);height:8vh;min-height:fit-content;display:flex}.list-header button{background-color:var(--seon-green);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;border:none;min-height:40px;padding:10px 20px;font-weight:600;transition:background-color .2s}.list-header button:hover{background-color:#0a7a7f}.list-header button:disabled{opacity:.65;cursor:not-allowed}.list-container{padding:var(--spacing-lg);flex-direction:column;justify-content:flex-start;height:92vh;display:flex}.list-filter{gap:var(--spacing-sm);flex-direction:column;flex-shrink:0;display:flex}.filter-fields{gap:var(--spacing-sm);display:flex}#label-search{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);flex-grow:1;padding:10px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}#label-search::placeholder{color:var(--text-secondary);opacity:.7}#label-search:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #3b82f633}.filter-enter-btn{color:var(--seon-green);border:2px solid var(--seon-green);border-radius:var(--border-radius-sm);cursor:pointer;background-color:#0000;align-self:flex-end;padding:10px 20px;font-weight:600;transition:all .2s}.filter-enter-btn:hover{background-color:var(--seon-green);color:#fff}.list{gap:var(--spacing-sm);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.list-item{background-color:var(--bg-item);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-md);cursor:default;flex-shrink:0;justify-content:flex-start;transition:background-color .2s,transform .1s;display:flex}.list-item.remote{background-color:#f7f7f7}.list-item:hover{background-color:var(--bg-item-hover);transform:translateY(-1px)}.list-item p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;width:fit-content;max-width:100%;margin:0;font-size:.9rem;line-height:1.4;overflow:hidden}.li-element{width:20%}.li-element.short{width:10%}.li-element.green p{color:var(--seon-green)}.li-element.red p{color:var(--seon-orange)}.li-delete{cursor:pointer;color:red;background:0 0;border:none;justify-content:center;justify-self:flex-end;align-items:center;width:5%;height:100%;padding:0;display:flex}.li-delete svg{display:block}.list-tooltip{background-color:var(--bg-item);border-bottom:1px solid var(--border-color);padding:var(--spacing-md);cursor:default;flex-shrink:0;justify-content:flex-start;padding-bottom:0;transition:background-color .2s,transform .1s;display:flex}.list-tooltip .li-element{flex-direction:column-reverse;justify-content:flex-start;display:flex}.list-tooltip .li-element p{margin-bottom:2px;font-size:.9rem}.filter-selectors{gap:8px;display:flex}.filter-selector{background-color:#f7f7f7;border-radius:4px;padding:4px}.filter-selector.closed{border-radius:0;padding:0}.multi-select-dropdown{grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:10px;display:grid}.session-statistics{gap:var(--spacing-sm);flex-direction:row;display:flex}.statistic-fragment{gap:var(--spacing-sm);flex-direction:column;display:flex}.plot{border-bottom:1px solid #99b0b6;height:250px;margin:8px;padding:8px 0}.result-page{justify-content:flex-start;width:100vw;display:flex;overflow-y:scroll}.result-left{background-color:var(--seon-darker);flex-direction:column;width:25%;height:fit-content;min-height:1032px;padding:1rem;display:flex}.result-right{width:75%}.back-button{background-color:var(--seon-green);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;border:none;min-width:45px;max-width:30%;padding:10px 20px;font-weight:600;transition:background-color .2s}.back-button:hover{background-color:#0a7a7f}.expandable-container{border-radius:6px;margin:16px 0;overflow:hidden}.expandable-summary{cursor:pointer;color:#fff;background-color:#0000;padding:12px 16px;font-weight:600;transition:background-color .2s}.expandable-summary.open{background-color:var(--seon-darker-extra)}.expandable-summary:hover{color:var(--seon-green);transition:color .3s}.expandable-content{background-color:var(--seon-darker-extra);color:#fff;padding:16px}.expandable-content code{font-family:var(--code-font-style);font-size:.75rem}.expandable-pre{margin:0;overflow-x:auto}.expandable-pre::-webkit-scrollbar{height:8px}.expandable-pre::-webkit-scrollbar-thumb{background-color:var(--seon-grey);border-radius:4px}.result-summary{color:#fff;background-color:var(--seon-darker-extra);border:1px solid #0000;border-radius:8px;margin:16px 0;padding:8px;overflow-y:scroll}.result-summary.detected .result-score{color:var(--seon-orange)}.result-flags{margin-top:8px}.result-flags p{font-size:smaller;font-family:var(--code-font-style);margin:4px 0 4px 4px}.result-score{color:var(--seon-green);text-align:center;margin:8px 0;font-size:large;font-weight:700}.session-updater{border-radius:8px;max-width:300px;margin:16px 0}.session-updater h3{margin-top:0}.session-input-group{flex-wrap:wrap;justify-content:space-between;display:flex}.session-input{color:#000;background-color:var(--seon-light-grey);border-radius:var(--border-radius-sm);border:1px solid #0000;padding:.5rem}.session-button{color:var(--action-color);border:2px solid var(--action-color);border-radius:var(--border-radius-sm);cursor:pointer;background-color:#0000;align-self:flex-end;padding:10px 20px;font-weight:600;transition:all .2s}.session-button:hover{color:var(--action-color-hover);border-color:var(--action-color-hover);transition:all .2s}.session-button:disabled{cursor:not-allowed;color:var(--seon-grey);border-color:var(--seon-grey)}.session-message{margin:0;font-size:.9rem}.message-success{color:green}.message-error{color:red}.reprocess-block{max-width:300px;margin:0 0 12px}.reprocess-button{box-sizing:border-box;width:100%;color:var(--action-color);border:2px solid var(--action-color);border-radius:var(--border-radius-sm);cursor:pointer;background-color:var(--seon-darker-extra);align-self:flex-end;padding:10px 20px;font-weight:600;transition:all .2s}.reprocess-button:hover{color:var(--action-color-hover);border-color:var(--action-color-hover);transition:all .2s}.reprocess-message{margin:6px 0 0;font-size:.9rem}