:root{--color-primary-text-light: #333;--color-primary-text-medium: #888;--color-primary-text-dark: #000;--color-primary-bg-dark: #333;--color-primary-bg-medium: #888;--color-primary-bg-light: #eee;--color-hover-bg: #777;--color-hover-text: #fff;--color-bg-correct: #0bbc34;--color-bg-wrong: #e90000;--left-paddding: 20px;--radius-small: 4px;--radius-medium: 8px;--radius-large: 16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{font-family:Lucida Sans,Luc--color-primary-bg-lightida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;margin:0;padding:0;box-sizing:border-box}.limiter{max-width:800px;margin:0 auto;display:flex}.limiter.horizontal{flex-direction:row;justify-content:space-between;gap:1em}.limiter.vertical{flex-direction:column;gap:1em}.limiter.vertical.center{align-items:center;justify-content:center;height:100vh}.header{background-color:var(--color-primary-bg-light);border-bottom:1px solid #ccc}.header div{padding:var(--left-paddding)}.header nav{height:100%;display:flex;align-items:center;gap:1em}.header nav a{padding:1em;text-decoration:none;color:#333;font-weight:700;transition:background-color .3s,color .3s}.header nav a:hover{background-color:var(--color-hover-bg);color:var(--color-hover-text)}.header nav a.selected{background-color:var(--color-hover-bg);color:var(--color-hover-text);pointer-events:none}.filter-bar{display:flex;gap:.5em;margin-bottom:1em}.filter-bar button{padding:.5em 1em;flex-grow:1;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:2em}.filter-bar button:hover{background-color:#00356e}.filter-bar button.btn-disabled:hover{background-color:#0056b3}.filter-bar button.btn-disabled{background-color:#c7cdd4}.chapter h2{font-size:1.5em;margin-bottom:.5em;padding:.5em;background-color:#eee}.chapter h3{margin:2em 0 1em}.chapter input[type=checkbox]{width:2em;height:2em;vertical-align:middle;margin-left:3em;margin-right:1em;cursor:pointer}.chapter label{font-size:1.2em;cursor:pointer}.chapter-line{display:flex;flex-direction:row;margin-bottom:1em}.chapter-line .chapter-id{flex-shrink:0;width:4em;text-align:center;font-weight:700}.chapter-line .question-count{flex-shrink:0;width:3em;text-align:center;font-weight:700}.chapter-line.skippable{color:#ccc;text-decoration:line-through}.chapter-line.skippable input{opacity:.5;cursor:not-allowed;accent-color:var(--color-primary-bg-light)}.question-item{display:flex;flex-direction:row;margin-bottom:1em;margin-left:6em}.question-item .question-number{flex-shrink:0;width:6em;text-align:center;font-weight:700}.question-item .question-text{flex-grow:1}.question-widget{margin:2em 0}.question-widget main{background-color:var(--color-primary-bg-light);padding:1em;border-radius:8px;box-shadow:0 2px 4px #0000001a}.question-widget .title,.question-widget .chapter{padding-left:var(--left-paddding);color:var(--color-primary-text-medium);line-height:1.2em}.question-widget .chapter{font-size:smaller}.question-widget .question-header{margin-top:1em;padding-left:var(--left-paddding);display:flex;align-items:start;gap:1em}.question-widget .question-header h2{font-size:1.5em;margin:0}.question-widget .question-header .question-class{border-radius:4px;font-weight:700}.answer-widget{position:relative;margin-bottom:2em}.answer-widget>div{padding:0 var(--left-paddding) 0 var(--left-paddding)}.answer-widget .answer{margin:.1em 0;padding:1em;border-radius:4px;border:1px solid var(--color-primary-bg-dark);background-color:var(--color-primary-bg-light);transition:background-color .3s,border-color .3s}.answer-widget .answer.correct{background-color:var(--color-bg-correct);border-color:var(--color-primary-bg-dark)}.answer-widget .answer.wrong{background-color:var(--color-bg-wrong)}.answer-widget .answer-click-overlay{position:absolute;inset:0;cursor:pointer;z-index:1}button.fb-button{height:150px;width:150px;position:fixed;border:none;font-size:350%;padding:.2em;opacity:.8;color:var(--color-primary-text-dark);top:50%;transform:translateY(-50%)}button.fb-button.left{left:0;border-top-right-radius:50%;border-bottom-right-radius:50%;transform:translate(-50%)}button.fb-button.right{right:0;border-top-left-radius:50%;border-bottom-left-radius:50%;transform:translate(50%)}button.fb-button:hover{background:radial-gradient(color-mix(in srgb,var(--color-hover-bg),transparent 80%),var(--color-hover-bg));color:var(--color-hover-text)}button.fb-button:disabled{display:none}.picture{margin:1em auto;position:relative}.picture button{padding:1em;border:none;width:60%;background-color:var(--color-primary-bg-light);box-shadow:0 2px 8px #0000004d;transition:width .3s ease-in-out}.picture button img{width:100%;height:auto}.picture button:hover{width:100%;max-width:100vh}.answer .picture button{background-color:#fff}