:root{--background-color: rgb(0, 0, 0);--background-color-box: #141414;--main-text-color: white;--text-color-one: #E8E8E8;--text-color-two: #CECECE;--text-color-three: #666666;--text-color-four: #9B9B9B;--border-color: #1C1C1C;--border-radius-small: .75rem;--border-radius-box: 1rem;--border-radius-medium: 1.5rem;--bits-table-hover-bg: #222;--begin-btn-border: #262626;--big-dark-text-color: #262626;--mc-option-bg: #191919;--mc-option-bg-hover: #2b2b2b;--message-sender-color: #888888;--keyboard-shortcut-color: #666666;--info-title-color: #888888;--uploaded-content-p-color: #999999;--slider-checked-bg: #111}*{box-sizing:border-box;font-family:Roboto,sans-serif;font-optical-sizing:auto;color:var(--main-text-color)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--background-color);margin:0;display:flex;flex-direction:column;min-height:100vh;padding-left:10px;padding-right:10px}.app-max-width{width:100%;max-width:1200px;margin:0 auto}button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;color:var(--text-color-one)}button:disabled{opacity:.5;cursor:not-allowed}header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.9rem 0;border-bottom:1px solid var(--border-color)}header button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;font-size:.94rem;font-weight:450;cursor:pointer;color:var(--text-color-three);transition:color .2s ease}header button:hover{color:var(--text-color-one)}header .header-back-button{color:var(--text-color-four);font-size:1.1rem;letter-spacing:-.02rem;font-weight:650;gap:5px}header .header-back-button:hover{color:var(--text-color-four);filter:brightness(150%)}.back-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border-color);color:var(--text-color-one);font-size:1rem;font-weight:550;padding:.5rem 1rem;border-radius:var(--border-radius-small);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;position:absolute;top:1rem;left:1rem}.back-button:hover{background-color:var(--background-color-box);border-color:var(--text-color-three);color:var(--main-text-color)}.app-container{display:flex;flex-direction:column;min-height:100vh}footer{text-align:center;padding:1rem;margin-top:auto;border-top:1px solid var(--border-color)}footer a{color:var(--text-color-three);text-decoration:none;margin:0 10px;font-size:.9rem}footer a:hover{color:var(--text-color-one)}.landing-page{background-image:url(../../../images/landing-page-background-1.png);background-size:1500px;background-repeat:no-repeat;background-position:top center}.landing-page-content-container{width:fit-content;margin-top:-50px;text-align:center;padding:10px}.landing-page-content-container .learnbybits-text-image{width:95vw;max-width:530px}.landing-page-content-container p{text-align:center;color:var(--text-color-two);font-size:1.5rem;width:100%;max-width:480px;margin:10px auto 0;font-weight:400;letter-spacing:-.05rem}.begin-btn{width:100%;max-width:460px;font-size:1.52rem;letter-spacing:-.05rem;font-weight:500;border:1px solid var(--begin-btn-border);margin-top:20px;padding:13px 20px;border-radius:16px;color:var(--text-color-one);background-color:#0000004d;transition:background-color .2s ease}.begin-btn:hover{background-color:#00000080}.create-new-compendium{padding-top:6.88rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:3.3rem}.create-new-compendium h1{text-align:center;font-size:4.25rem;line-height:4.38rem;letter-spacing:-.25rem;margin:0;color:var(--text-color-one)}.create-new-compendium p{text-align:center;color:var(--text-color-two);font-size:1.41rem;width:100%;max-width:500px;margin-top:1.25rem;font-weight:400;letter-spacing:-.05rem}.new-compendium{border:1px solid var(--border-color);width:100%;max-width:470px;display:flex;justify-content:space-between;border-radius:var(--border-radius-small);overflow:hidden;background-color:var(--background-color);margin-top:1.5rem}.new-compendium input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;font-size:.94rem;font-weight:500;width:100%;padding:.88rem 1.25rem;color:var(--text-color-one);letter-spacing:-.02rem;outline:none}.new-compendium input::placeholder{color:var(--text-color-three)}.new-compendium button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-left:1px solid var(--border-color);font-size:1.03rem;font-weight:550;flex-wrap:nowrap;white-space:nowrap;padding:.88rem 1.25rem;letter-spacing:-.04rem;color:var(--text-color-one)}.new-compendium button:hover:not(:disabled){filter:brightness(1.3)}.tips-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;display:flex;align-items:center;gap:.38rem;font-size:.81rem;font-weight:550;letter-spacing:-.02rem;color:var(--text-color-three);padding:0;margin-top:1.25rem;text-align:left}.tips-button:hover{color:var(--text-color-one)}.compendium-list-section{width:100%;border-bottom:0;flex:1;padding:15px 15px 25px}.num-of-compendiums{font-size:.9rem;font-weight:500;color:var(--text-color-three);text-align:center;margin-bottom:1rem}.compendium-list{padding-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.65rem}.compendium-item{background-color:var(--background-color-box);padding:25px 25px 15px;border-radius:var(--border-radius-box);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;cursor:pointer;border:1px solid var(--border-color)}.compendium-item:hover{transform:translateY(-3px);box-shadow:0 4px 15px #ffffff0d;border-color:var(--text-color-four)}.compendium-item h2{margin:0 0 20px;font-size:1.9rem;line-height:1.9rem;font-weight:600;word-break:break-word;white-space:normal;color:var(--text-color-one)}.compendium-item p{color:var(--text-color-three);margin:0 0 5px;font-size:.9rem;font-weight:600}.compendium-item hr{border:0;border-top:1px solid var(--border-color);width:100%;margin-bottom:15px}.compendium-item button{padding:0;margin-top:10px;font-size:1rem;font-weight:600;color:var(--text-color-four)}.compendium-item button:hover{color:var(--text-color-one)}.text-with-icon{display:flex;align-items:center;gap:5px}.add-funds-section{margin-top:1rem;padding:1rem;background-color:var(--background-color-box);border-radius:var(--border-radius-box);border:1px solid var(--border-color)}.error{color:#ff8a8a;text-align:center;margin-top:.5rem;font-size:.9rem}.success{color:#90ee90;text-align:center;margin-top:.5rem;font-size:.9rem}.login-signup-container input,.login-signup-container button{color:var(--text-color-one)}.login-signup-container input{background-color:var(--background-color);border:1px solid var(--border-color)}.login-signup-container input::placeholder{color:var(--text-color-three)}.login-signup-container button{background-color:var(--text-color-three);border:none}.login-signup-container button:hover:not(:disabled){background-color:var(--text-color-four)}.login-signup-container button:disabled{opacity:.6;cursor:not-allowed}.login-signup-container .google-btn{background-color:#4285f4;color:#fff}.login-signup-container .google-btn:hover:not(:disabled){background-color:#357abd}.login-signup-container .button-group button{background-color:var(--text-color-four);padding:.8rem;font-size:1rem;border-radius:var(--border-radius-small)}.login-signup-container .button-group button:hover:not(:disabled){background-color:var(--text-color-one);color:var(--background-color)}.login-signup-container .button-group button[type=button]{background-color:var(--text-color-three)}.login-signup-container .button-group button[type=button]:hover:not(:disabled){background-color:var(--text-color-four)}.spinner{border:3px solid rgba(255,255,255,.3);border-left-color:#fff;border-radius:50%;width:1em;height:1em;animation:spin 1s linear infinite;vertical-align:middle}.compendium-page{padding-top:6.88rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:3.3rem}.compendium-page.upload{padding-top:4rem}.compendium-page h1{text-align:center;font-size:3.25rem;line-height:3.5rem;letter-spacing:-.1rem;margin:0;color:var(--text-color-one)}.compendium-page.upload h1{font-size:2.3rem;line-height:2.8rem}.compendium-page p{text-align:center;color:var(--text-color-two);font-size:1.41rem;width:100%;max-width:500px;margin-top:.6rem;font-weight:400;letter-spacing:-.05rem}.compendium-details{display:flex;align-content:center;gap:10px;margin-top:15px}.compendium-page.upload .compendium-details{margin-top:10px}.compendium-details p{color:var(--text-color-three);margin:0;font-size:1rem;font-weight:600;white-space:nowrap}.show-mastery-container{border:1px solid var(--border-color);width:100%;max-width:450px;display:flex;flex-direction:column;justify-content:center;border-radius:var(--border-radius-box);padding:13px;margin-top:1.5rem}.show-mastery-container button{color:var(--text-color-three);font-size:.85rem;font-weight:600;display:flex;justify-content:center;align-items:center;gap:5px;padding:5px}.show-mastery-container button:hover{color:var(--text-color-one)}.show-mastery-container p{margin:5px 0 0;font-size:1.3rem;font-weight:500;text-align:center}.learnbybits-logo-footer{margin:auto auto 10px;padding-top:2rem}.study-buttons{display:flex;flex-wrap:wrap;gap:7.5px;margin-top:20px;width:100%;max-width:650px;justify-content:center}.study-buttons button{flex:1 1 250px;border:1px solid var(--border-color);display:flex;align-items:center;border-radius:var(--border-radius-box);padding:1.4rem 1.8rem 1.4rem 1.2rem;font-size:1.2rem;gap:8px;font-weight:500;white-space:nowrap;justify-content:center;min-width:250px;background-color:var(--background-color-box);transition:background-color .2s ease,border-color .2s ease}.study-buttons button:hover{background-color:var(--bits-table-hover-bg);border-color:var(--text-color-four)}.study-buttons button img{width:22px;height:22px}.upload-section{background:var(--background-color);color:var(--main-text-color);font-family:sans-serif;width:100%;max-width:580px;margin:auto}.upload-options{display:flex;gap:20px;margin-bottom:20px;margin-top:20px;justify-content:center;flex-wrap:wrap}.upload-options label{display:flex;align-items:center;gap:5px;font-weight:600;cursor:pointer;color:var(--text-color-one);white-space:nowrap;padding:5px 10px;border-radius:var(--border-radius-small);border:1px solid transparent}.upload-options input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:1px solid var(--border-color);border-radius:50%;position:relative;cursor:pointer}.upload-options input[type=radio]:checked:before{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;background:var(--main-text-color);border-radius:50%}.upload-options input[type=radio]:checked+span{color:var(--text-color-one)}.upload-options label:has(input[type=radio]:checked){border-color:var(--text-color-four);background-color:var(--background-color-box)}.title-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border-color);width:100%;max-width:650px;border-radius:var(--border-radius-small);font-size:.94rem;font-weight:500;padding:1rem 1.25rem;color:var(--text-color-one);letter-spacing:-.02rem;margin-bottom:7.5px}.title-input::placeholder{color:var(--text-color-three)}.file-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;font-size:.94rem;font-weight:500;width:100%;padding:1rem 1.25rem;color:var(--text-color-one);letter-spacing:-.02rem;outline:none}.file-upload-row{border:1px solid var(--border-color);width:100%;max-width:650px;display:flex;justify-content:space-between;align-items:stretch;border-radius:var(--border-radius-small);margin-top:7.5px;overflow:hidden;background-color:var(--background-color)}.upload-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--text-color-four);border:none;color:var(--background-color);font-size:1.03rem;font-weight:550;flex-wrap:nowrap;white-space:nowrap;padding:1rem 1.25rem;border-radius:0;letter-spacing:-.04rem;transition:background-color .2s}.upload-btn:hover:not(:disabled){background-color:var(--text-color-one)}.upload-btn:disabled{opacity:.6;background-color:var(--text-color-three)}.uploaded-content{width:100%;max-width:580px;margin-top:30px}.uploaded-content h2{text-align:center;font-size:1.5rem;letter-spacing:-.05rem;margin-bottom:1rem}.uploaded-content ul{list-style:none;width:100%;padding:0}.uploaded-content ul li{border:1px solid var(--border-color);background-color:var(--background-color-box);display:flex;justify-content:space-between;align-items:center;border-radius:var(--border-radius-small);margin-top:7.5px;padding:1rem 1.25rem}.uploaded-content ul li p{font-size:.94rem;font-weight:500;color:var(--text-color-two);letter-spacing:-.02rem;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:1rem}.uploaded-content ul li p:last-child{color:var(--text-color-three);flex:0 0 auto;padding-right:0}.account-info-container{border:1px solid var(--border-color);border-radius:var(--border-radius-box);width:100%;max-width:650px;padding:1.3rem 1.1rem;margin-bottom:1rem;background-color:var(--background-color-box)}.compendium-page.account{padding-top:4rem}.compendium-page.account h1{font-size:2.3rem;line-height:2.8rem;margin-bottom:10px}.compendium-page.account h2{font-size:1.5rem;text-align:center;margin-top:1.5rem;margin-bottom:.5rem}.account-info{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.account-info:last-child{border-bottom:none;padding-bottom:0}.account-info p{width:fit-content;margin:0}.account-info .account-info-title{font-size:1.15rem;font-weight:500;color:var(--text-color-one);flex-basis:40%}.account-info button{font-size:1rem;font-weight:550;color:var(--text-color-three);padding:0;display:flex;align-items:center;gap:4px;background:none;border:none}.account-info button:hover{color:var(--text-color-one)}.account-info .account-info-content{font-size:1rem;font-weight:500;color:var(--text-color-three);text-align:right;flex-basis:60%;overflow-wrap:break-word}.dark-overhead-text{font-size:1rem;font-weight:600;color:var(--text-color-three);display:block;margin-top:1rem;margin-bottom:.5rem;text-align:center}.account-info.small-paragraph{flex-direction:column;align-items:flex-start;border-bottom:none;padding-bottom:0}.account-info.small-paragraph p{font-size:.95rem;text-align:left;margin-bottom:5px;color:var(--text-color-three);font-weight:500;width:100%;max-width:none}.custom-switch{position:relative;display:inline-block;width:50px;height:30px}.custom-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;border:2px solid var(--border-color);border-radius:40px;top:0;left:0;right:0;bottom:0;transition:.4s;background-color:var(--background-color)}.slider:before{position:absolute;content:"";height:22px;width:22px;left:2px;top:2px;background-color:var(--text-color-three);border-radius:50%;transition:.4s}.custom-switch input:checked+.slider{background-color:var(--slider-checked-bg);border-color:var(--text-color-four)}.custom-switch input:checked+.slider:before{transform:translate(20px);background-color:var(--text-color-one)}.account .answer-form{margin-top:7.5px}.account .answer-form button{min-height:60px;padding:.58rem 1.8rem;background-color:var(--text-color-four);color:var(--background-color)}.account .answer-form button:hover:not(:disabled){background-color:var(--text-color-one)}.answer-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;font-size:.94rem;font-weight:500;width:100%;padding:.88rem 1.25rem;color:var(--text-color-one);letter-spacing:-.02rem;outline:none}.answer-form select:invalid{color:var(--text-color-three)!important}.account-info-container.single{margin-top:7.5px}.account-info-container.single .account-info{margin-top:0;border-bottom:none;padding-bottom:0}.bits-options{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:15px}.total-viewed-bits{text-align:center}.total-viewed-bits p{margin:0;font-size:1rem;font-weight:600;color:var(--text-color-three)}.total-viewed-bits .total-bits{color:var(--text-color-one)}.bits-options-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.bits-options-buttons .bits-options-button{font-size:.95rem;letter-spacing:-.02rem;font-weight:600;color:var(--text-color-four);display:flex;align-items:center;gap:5px;padding:8px 15px;border:1px solid var(--border-color);border-radius:var(--border-radius-small);background-color:var(--background-color-box);transition:background-color .2s ease,border-color .2s ease}.bits-options-buttons .bits-options-button:hover:not(:disabled){color:var(--text-color-one);background-color:var(--bits-table-hover-bg);border-color:var(--text-color-four)}.bits-options-buttons .bits-options-button.add-bit-button{position:relative}@media only screen and (max-width: 600px){.bits-options-buttons{flex-direction:column;align-items:center;gap:8px}.bits-options-buttons .bits-options-button{width:100%;max-width:300px;justify-content:center}}.bits-options-section h1{text-align:center}.bits-options-section{padding:30px 0 15px}.bits-options-section h1{font-size:2rem;font-weight:600;letter-spacing:-.05rem;line-height:1.9rem;margin:0;color:var(--text-color-one)}.bits-options-section h1 span{font-size:1.2rem;display:block;line-height:1}.bits-options-buttons .bits-options-button.add-bit-button img{width:20px;height:20px}.bits-table-container{width:100%;flex:1;background-color:var(--background-color-box);border-radius:var(--border-radius-box);border:1px solid var(--border-color);overflow-x:auto;max-height:calc(100vh - 250px);margin-top:1rem}.bits-table{width:100%;border-collapse:collapse;table-layout:auto;color:var(--text-color-two);min-width:900px}.bits-table thead{background-color:transparent;position:sticky;top:0;z-index:1}.bits-table thead th{text-align:left;padding:1rem;font-size:.85rem;font-weight:600;letter-spacing:-.02rem;background-color:var(--background-color-box);color:var(--text-color-three);border-bottom:1px solid var(--border-color);white-space:nowrap}.bits-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .1s ease}.bits-table tbody tr:last-child{border-bottom:none}.bits-table tbody td{padding:.75rem 1rem;vertical-align:top;background-color:transparent;font-size:.9rem;line-height:1.4;color:var(--text-color-one);white-space:normal;overflow-wrap:break-word;word-wrap:break-word}.bits-table tbody tr:hover{background-color:var(--bits-table-hover-bg)}.bits-table input[type=checkbox]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1px solid var(--text-color-three);border-radius:50%;background-color:transparent;position:relative;outline:0;vertical-align:middle}.bits-table input[type=checkbox]:hover{border-color:var(--text-color-two)}.bits-table input[type=checkbox]:checked{border-color:var(--text-color-three)}.bits-table input[type=checkbox]:checked:after{content:"";position:absolute;width:10px;height:10px;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);background-color:var(--text-color-one)}.content-cell{max-width:300px;min-width:150px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;vertical-align:top}.original_context-cell,.related_bits-cell,.parent_bits-cell,.section_name-cell{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.original_context-cell{cursor:help;max-width:250px;white-space:normal}.section-cell{white-space:nowrap}.actions-cell button{padding:4px 8px;font-size:.8rem;margin-right:4px;background-color:var(--text-color-three);border-radius:var(--border-radius-small)}.actions-cell button:hover{background-color:var(--text-color-four)}.actions-cell button.delete-btn{background-color:#6b2a32}.actions-cell button.delete-btn:hover{background-color:#e63946}.add-bit,.edit-bit{background-color:var(--background-color-box);padding:1.5rem;border-radius:var(--border-radius-box);border:1px solid var(--border-color);margin-bottom:1rem}.add-bit h2,.edit-bit h2{margin-top:0;color:var(--text-color-one)}.add-bit textarea,.edit-bit textarea{width:100%;min-height:80px;background-color:var(--background-color);color:var(--text-color-one);border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:.75rem;font-size:.9rem;margin-bottom:1rem}.add-bit button,.edit-bit button{padding:8px 16px;background-color:var(--text-color-four);border-radius:var(--border-radius-small);font-weight:500}.add-bit button:hover,.edit-bit button:hover{background-color:var(--text-color-one);color:var(--background-color)}.add-bit button:last-child,.edit-bit button:last-child{background-color:var(--text-color-three)}.add-bit button:last-child:hover,.edit-bit button:last-child:hover{background-color:var(--text-color-four)}.study-sections{justify-content:flex-start;text-align:center;display:flex;flex-direction:column;padding-top:60px;margin-bottom:20px;flex:1}.daily-progress{background-color:var(--background-color-box);width:100%;max-width:385px;margin:0 auto 10px;border-radius:var(--border-radius-small);padding:16px 10px;text-align:center;font-size:.9rem;display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid var(--border-color)}.daily-progress p{color:var(--text-color-three);font-weight:500;margin:0}.mode-toggle{color:var(--text-color-three);font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;width:fit-content;margin:0 auto;gap:8px}.mode-toggle:hover{color:var(--text-color-one)}.chat-history{text-align:left;width:100%;margin:20px auto 0}.assistant-message{background-color:var(--background-color-box);border-radius:var(--border-radius-box);padding:25px 22px 23px;margin-bottom:15px;border:1px solid var(--border-color)}.user-message{background-color:transparent;border-radius:0;padding:25px 6px 23px;border-bottom:1px solid var(--border-color);margin-bottom:15px}.chat-history p{margin:0;font-size:.95rem;font-weight:450;line-height:1.4;color:var(--text-color-one)}.chat-history .message-sender{margin-bottom:5px;color:var(--message-sender-color);font-size:.85rem;font-weight:600;text-transform:uppercase}.answer-form{border:1px solid var(--border-color);width:100%;display:flex;justify-content:space-between;align-items:stretch;border-radius:var(--border-radius-box);overflow:hidden;background-color:var(--background-color);margin-top:7.5px}.answer-form input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;font-size:.94rem;font-weight:500;width:100%;padding:.88rem 1.25rem;color:var(--text-color-one);letter-spacing:-.02rem;outline:none}.answer-form input[type=text]::placeholder{color:var(--text-color-three);opacity:1}.answer-form input[type=number]{appearance:none;-webkit-appearance:none;-moz-appearance:textfield;background:transparent;border:none;font-size:.94rem;font-weight:500;width:100%;padding:.88rem 1.25rem;color:var(--text-color-one);letter-spacing:-.02rem;outline:none}.answer-form input[type=number]::-webkit-inner-spin-button,.answer-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.answer-form input[type=number]::placeholder{color:var(--text-color-three);opacity:1}.answer-form input[type=number]:focus{outline:none;border:none;box-shadow:none}.answer-form button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-left:1px solid var(--border-color);font-size:1rem;font-weight:550;flex-wrap:nowrap;white-space:nowrap;padding:1rem 1.8rem .58rem;letter-spacing:-.04rem;line-height:1.1rem;color:var(--text-color-one);cursor:pointer;transition:filter .2s ease}.answer-form button:hover:not(:disabled){filter:brightness(1.3)}.keyboard-shortcut{color:var(--keyboard-shortcut-color);font-size:.85rem;display:block;margin-top:2px}.processing-popup{margin-top:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.processing-popup p{margin:5px 0 0;font-weight:400;color:var(--text-color-two)}.rotating{animation:spin 1.5s linear infinite}.answer-forms-container{display:flex;width:100%;margin:7.5px auto 0;gap:7.5px;flex-wrap:wrap}.answer-forms-container .answer-form{flex-grow:1;min-width:300px}.button-answer-form{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border-color);color:var(--text-color-one);font-size:1rem;font-weight:550;flex-wrap:nowrap;white-space:nowrap;padding:1rem 1.1rem .58rem;border-radius:var(--border-radius-box);line-height:1.1rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;flex-grow:0;flex-shrink:0}.button-answer-form:hover:not(:disabled){background-color:var(--background-color-box);border-color:var(--text-color-three);color:var(--main-text-color)}.button-answer-form .keyboard-shortcut{color:var(--keyboard-shortcut-color);font-size:.85rem;display:block;margin-top:2px}.study-app-container{display:grid;grid-template-columns:1fr minmax(0,650px) 1fr;column-gap:15px;margin-top:30px;width:100%;align-items:flex-start}.section-info{grid-column:1;flex:0 0 280px;max-width:280px;visibility:hidden}.chat-container{grid-column:2}.details-container{grid-column:3}.section-info-content{background-color:var(--background-color-box);width:100%;height:fit-content;border-radius:var(--border-radius-box);margin-top:20px;text-align:left;padding:25px 15px;border:1px solid var(--border-color)}.section-info .expandButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border-color);color:var(--text-color-one);font-size:1rem;font-weight:550;padding:1rem 1.1rem .58rem;border-radius:var(--border-radius-box);line-height:1.1rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;width:100%;margin-top:7.5px;text-align:left;position:relative;padding-right:2.5em}.section-info .expandButton:hover:not(:disabled){background-color:var(--background-color-box);border-color:var(--text-color-three);color:var(--main-text-color)}.section-info .expandButton .keyboard-shortcut{color:var(--keyboard-shortcut-color);font-size:.85rem;display:block;margin-top:2px}.expandButton:after{content:"";position:absolute;top:50%;right:20px;width:15px;height:10px;transform:translateY(-50%);background-image:url(../../../images/SVG/arrow-down.svg);background-repeat:no-repeat;background-size:contain;pointer-events:none;transition:transform .3s ease;filter:invert(70%)}.section-bits-visible.expandButton:after{transform:translateY(-50%) rotate(180deg)}.section-bits{max-height:300px;overflow-y:auto;margin-top:7.5px;padding:10px;border-radius:var(--border-radius-box);background-color:var(--background-color-box);border:1px solid var(--border-color)}.section-bits p{font-size:.85rem;font-weight:500;color:var(--text-color-three);margin-bottom:15px;margin-top:0;transition:color .2s ease;line-height:1.3;cursor:default}.section-bits p:hover{color:var(--text-color-two)}.section-bits::-webkit-scrollbar{width:6px}.section-bits::-webkit-scrollbar-track{background:transparent}.section-bits::-webkit-scrollbar-thumb{background-color:var(--text-color-three);border-radius:10px;border:2px solid transparent;background-clip:content-box}.chat-container{flex:1 1 650px;max-width:650px;display:flex;flex-direction:column;position:sticky;top:80px}.details-container{flex:0 0 280px;max-width:280px;text-align:left;visibility:hidden}.details-content{background-color:var(--background-color-box);width:100%;border-radius:var(--border-radius-box);margin-top:20px;text-align:left;padding:25px 15px;border:1px solid var(--border-color)}.info-title{margin:0 0 4px;font-size:.85rem;font-weight:600;line-height:1;color:var(--info-title-color);text-transform:uppercase}.info-text{margin:0;color:var(--text-color-one)}.info-text.big{font-size:1.2rem;font-weight:550;line-height:1.3}.answer-indicator-container{display:flex;align-items:center;gap:10px}.answer-indicator{width:25px;height:25px}.answer-indicator img{width:100%;height:auto;display:block}.details-options{margin-top:7.5px;display:flex;gap:7.5px;align-items:stretch}.buttons-wrapper{position:sticky;bottom:0;background-color:var(--background-color-box);z-index:1;padding:10px;border-top:1px solid var(--border-color)}.details-options button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border-color);color:var(--text-color-one);font-size:1rem;font-weight:550;white-space:normal;padding:.58rem 1.1rem;border-radius:var(--border-radius-box);line-height:1.1rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;flex:1;min-height:62px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.details-options button:hover:not(:disabled){background-color:var(--background-color-box);border-color:var(--text-color-three);color:var(--main-text-color)}.details-options button .keyboard-shortcut{color:var(--keyboard-shortcut-color);font-size:.85rem;display:block;margin-top:2px}@media only screen and (max-width:1000px){.study-app-container{flex-direction:column;align-items:center}.chat-container{order:1;width:100%;max-width:650px;position:static}.section-info{order:2;margin:20px 0 0;width:100%;max-width:650px;flex-basis:auto}.details-container{order:3;margin:7.5px 0 40px;width:100%;max-width:650px;flex-basis:auto}.details-content{margin-top:0}}@media only screen and (max-width:800px){.bits-table-container{flex:1;max-height:70vh;overflow-y:scroll;border-radius:var(--border-radius-box)}.bits-options-buttons .bits-options-button.add-bit-button{color:var(--text-color-four)}.bits-options-buttons .bits-options-button.add-bit-button img{width:16px;height:16px}.landing-page{background-size:1000px}}@media only screen and (max-width:600px){html{font-size:14px}.create-new-compendium h1{font-size:2.8rem;line-height:2.8rem;letter-spacing:-.1rem}.compendium-item{padding:25px 15px 15px}.answer-forms-container{flex-direction:column;align-items:stretch}.answer-forms-container .answer-form{min-width:auto}.answer-forms-container .button-answer-form{width:100%}.compendium-list{padding-top:1rem;display:flex;flex-direction:column;gap:.65rem}.tips-button{width:190px}.study-sections{padding-top:30px}.study-app-container{gap:10px;margin-top:20px}.section-info,.details-container{margin-top:10px}.bits-table{min-width:1200px}.bits-table .content-cell{max-width:200px}.bits-table .original_context-cell{max-width:150px}.mc-options-container{margin-top:18px}.mc-option-btn{padding:16px}.mc-question-text{font-size:1.25rem}}.mc-question-number{margin-bottom:.5rem}.mc-question-text{text-align:center;color:var(--main-text-color);font-size:1.5rem;width:100%;max-width:550px;margin:10px auto 0;font-weight:400;letter-spacing:-.05rem;padding:1rem;background-color:var(--background-color-box);border-radius:var(--border-radius-box);border:1px solid var(--border-color);word-break:break-word;overflow-wrap:anywhere}.mc-options-container{display:flex;flex-direction:column;gap:7px;width:100%;max-width:650px;margin:30px auto 0}.mc-option-btn{font-size:.95rem;text-align:left;background-color:var(--mc-option-bg);padding:20px;border-radius:var(--border-radius-small);transition:background-color .2s ease,border-color .2s ease;font-weight:450;color:var(--text-color-two);border:1px solid var(--border-color);word-break:break-word;overflow-wrap:anywhere;width:100%}.mc-option-btn:hover:not(:disabled){background-color:var(--mc-option-bg-hover);color:var(--text-color-one);border-color:var(--text-color-four)}.mc-option-btn:disabled{opacity:.7}.mc-option-content{display:flex;align-items:flex-start;gap:10px;width:100%}.mc-option-letter{font-weight:700;margin-top:2px;flex-shrink:0}.mc-option-body{flex:1;min-width:0}.mc-summary-item{width:100%;text-align:left;cursor:pointer;padding:10px 15px;border-radius:var(--border-radius-small);background:var(--background-color);border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--text-color-one)}.mc-summary-item:hover{border-color:var(--text-color-four)}.mc-summary-question{flex:1;margin-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-summary-status{font-weight:700;white-space:nowrap}.mc-summary-status.status-correct{color:#90ee90}.mc-summary-status.status-incorrect{color:#ff8a8a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal{background:var(--background-color-box);color:var(--main-text-color);padding:1.5rem;border-radius:var(--border-radius-box);max-width:90vw;width:800px;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--border-color)}.modal-content{flex:1;overflow-y:auto;padding-right:15px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--background-color);border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:var(--text-color-three);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-color-four)}.modal-footer{margin-top:1rem;text-align:right;padding-top:1rem;border-top:1px solid var(--border-color);flex-shrink:0}.question-section,.bit-details-section,.options-section,.explanation-section,.chat-section,.mark-buttons{margin-bottom:1rem;padding:1rem;background:var(--background-color);border-radius:var(--border-radius-small);border:1px solid var(--border-color)}.options-list{list-style:none;padding:0}.options-list li{padding:8px;margin-bottom:4px;border-radius:4px;border:1px solid transparent}.options-list li.correct-answer{border-color:#90ee90;background-color:#90ee901a}.options-list li.user-answer{font-weight:700;border:1px dashed var(--text-color-two)}.your-answer{font-style:italic;font-size:.9em}.your-correct{color:#90ee90}.your-incorrect{color:#ff8a8a}.correct-indicator{color:#90ee90;font-weight:700;margin-left:5px}.chat-history{max-height:200px;overflow-y:auto;margin-bottom:.5rem;border:1px solid var(--border-color);padding:8px;border-radius:4px;background-color:var(--background-color-box)}.modal .user-message,.modal .assistant-message{margin-bottom:.5rem;padding:5px 10px;border-radius:6px;line-height:1.4}.modal .user-message{background-color:var(--background-color);border:1px solid var(--border-color)}.modal .assistant-message{background-color:#222}.chat-section input{width:100%;margin-top:.5rem;padding:8px 12px;background:var(--background-color);border:1px solid var(--border-color);color:var(--main-text-color);border-radius:var(--border-radius-small);font-size:.95rem}.chat-section input:focus{outline:none;border-color:var(--text-color-two)}.details-toggle,.context-button,.mark-buttons button,.context-modal-inline button{font-size:.85rem;padding:4px 10px;margin-top:8px;margin-right:8px;background-color:var(--text-color-three);cursor:pointer;border-radius:var(--border-radius-small)}.details-toggle:hover,.context-button:hover,.mark-buttons button:hover,.context-modal-inline button:hover{background-color:var(--text-color-four)}.more-details,.context-modal-inline{margin-top:10px;padding:10px;background:var(--background-color-box);border:1px solid var(--border-color);border-radius:var(--border-radius-small);font-size:.9em}.context-modal-inline h4{margin-top:0}.context-modal-inline button{float:right}.mark-buttons button{font-size:.9em;padding:5px 12px}.section-info.visible,.details-container.visible{visibility:visible}.landing-container{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:4rem;padding-bottom:4rem;background-color:var(--background-color);color:var(--text-color-one)}.hero-section{text-align:center;padding:4rem 2rem 3rem;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:800px}.learnbybits-logo-large{width:80px;margin-bottom:1rem}.learnbybits-text-image{max-width:300px;height:auto;margin-bottom:1rem}.tagline{font-size:2.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color-one)}.sub-tagline{font-size:1.2rem;color:var(--text-color-two);margin-bottom:2rem;max-width:600px}.cta-button.begin-btn{padding:.8rem 2rem;font-size:1.1rem;background-color:var(--text-color-four);color:var(--background-color);border:none;border-radius:var(--border-radius-large);cursor:pointer;transition:background-color .2s ease;font-weight:550;letter-spacing:-.04rem}.cta-button.begin-btn:hover{background-color:var(--text-color-one)}.feature-section{width:100%;max-width:900px;padding:4rem 2rem;text-align:center;border-top:1px solid var(--border-color)}.feature-section:first-of-type{border-top:none}.feature-section.alt-bg{background-color:var(--background-color-box);width:100vw;max-width:none;display:flex;flex-direction:column;align-items:center;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.feature-section.alt-bg>div,.feature-section.alt-bg>h2,.feature-section.alt-bg>p,.feature-section.alt-bg>ul,.feature-section.alt-bg>a{max-width:900px;width:100%;padding-left:2rem;padding-right:2rem;margin-left:auto;margin-right:auto;box-sizing:border-box}.feature-section h2{font-size:2rem;margin-bottom:1.5rem;color:var(--text-color-one)}.feature-section p,.feature-section ul{font-size:1.1rem;color:var(--text-color-two);line-height:1.7;max-width:700px;margin-left:auto;margin-right:auto}.feature-section ul{list-style:none;padding-left:0;text-align:left;margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.steps-container{display:flex;justify-content:space-around;gap:2rem;margin-top:2rem;flex-wrap:wrap}.step{flex:1;min-width:200px;max-width:280px;padding:1.5rem;background-color:var(--background-color-box);border-radius:var(--border-radius-box);border:1px solid var(--border-color)}.step h3{font-size:1.3rem;color:var(--text-color-one);margin-bottom:.5rem}.payg-section p{margin-bottom:1rem}.learn-more-link{display:inline-block;margin-top:1rem;color:var(--text-color-four);text-decoration:underline;font-weight:500}.learn-more-link:hover{color:var(--text-color-one)}.cta-final{padding:4rem 2rem;text-align:center;width:100%;border-top:1px solid var(--border-color)}.cta-final h2{font-size:2.2rem;margin-bottom:1.5rem;color:var(--text-color-one)}.description-tooltip{font-size:.85em;color:var(--text-color-three);margin-top:4px;margin-bottom:8px;max-width:580px;text-align:left;padding-left:1rem;padding-right:1rem}.status-message{width:100%;max-width:600px;padding:.75rem 1rem;margin:0 auto 1rem;border-radius:var(--border-radius-small);text-align:center;font-size:.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem}.status-message.info{background-color:#4287f533;color:#a8c7fa;border:1px solid #4287f5}.status-message.error{background-color:#e6394633;color:#ff8a8a;border:1px solid #e63946}.status-message.success{background-color:#0064004d;color:#90ee90;border:1px solid lightgreen}.spinner{border:3px solid rgba(255,255,255,.3);border-left-color:#fff;border-radius:50%;display:inline-block;vertical-align:middle;animation:spin 1s linear infinite}.small-spinner{width:1em;height:1em;border-width:2px;margin-right:5px}@keyframes spin{to{transform:rotate(360deg)}}.bit-depth-selection span[title]{cursor:help}label.tooltip-container{position:relative;display:inline-block;cursor:help}.tooltip{display:none;position:absolute;top:100%;left:0;background-color:#333;color:#fff;padding:8px;border-radius:4px;white-space:normal;width:250px;z-index:100;font-size:.9em;box-shadow:0 2px 5px #0003;pointer-events:none}label.tooltip-container:hover .tooltip{display:block}th.tooltip-container{position:relative}th.tooltip-container:hover .tooltip{display:block}.tooltip-container{position:relative}.tooltip-container:hover .tooltip{display:block}button.tooltip-container .tooltip{left:50%;transform:translate(-50%)}.chat-widget-container.svelte-zg9xo7{position:fixed;bottom:20px;right:20px;z-index:1001}.chat-toggle-button.svelte-zg9xo7{background-color:var(--text-color-four);color:var(--background-color);border:none;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:background-color .2s ease}.chat-toggle-button.svelte-zg9xo7:hover{background-color:var(--text-color-one)}.chat-toggle-button.svelte-zg9xo7 svg:where(.svelte-zg9xo7){width:28px;height:28px}.chat-popup.svelte-zg9xo7{background-color:var(--background-color-box);border:1px solid var(--border-color);border-radius:var(--border-radius-box);width:350px;max-width:90vw;height:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 5px 15px #0006;position:absolute;bottom:80px;right:0}.chat-header.svelte-zg9xo7{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--background-color);border-bottom:1px solid var(--border-color)}.chat-header.svelte-zg9xo7 span:where(.svelte-zg9xo7){font-weight:700;color:var(--text-color-one)}.chat-header.svelte-zg9xo7 button:where(.svelte-zg9xo7){background:none;border:none;color:var(--text-color-three);font-size:1.2rem;cursor:pointer}.chat-header.svelte-zg9xo7 button:where(.svelte-zg9xo7):hover{color:var(--text-color-one)}.chat-messages.svelte-zg9xo7{flex-grow:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.message.svelte-zg9xo7{max-width:85%;padding:.5rem .9rem;border-radius:1rem;line-height:1.4;word-wrap:break-word}.message.assistant.svelte-zg9xo7{background-color:var(--background-color);color:var(--text-color-two);align-self:flex-start;border-bottom-left-radius:.25rem;border:1px solid var(--border-color)}.message.user.svelte-zg9xo7{background-color:var(--text-color-four);color:var(--background-color);align-self:flex-end;border-bottom-right-radius:.25rem}.message.system.svelte-zg9xo7{font-style:italic;align-self:center;font-size:.9em;padding:.3rem .7rem;background:none;color:#ff8a8a;border:1px dashed #ff8a8a;max-width:95%}.message.svelte-zg9xo7 p:where(.svelte-zg9xo7){margin:0}.chat-input.svelte-zg9xo7{display:flex;padding:.75rem;border-top:1px solid var(--border-color);background-color:var(--background-color)}.chat-input.svelte-zg9xo7 input:where(.svelte-zg9xo7){flex-grow:1;padding:.6rem .8rem;border:1px solid var(--border-color);border-radius:var(--border-radius-small);background-color:var(--background-color-box);color:var(--text-color-one);margin-right:.5rem}.chat-input.svelte-zg9xo7 input:where(.svelte-zg9xo7):disabled{opacity:.7}.chat-input.svelte-zg9xo7 button:where(.svelte-zg9xo7){padding:.6rem 1rem;background-color:var(--text-color-four);color:var(--background-color);border:none;border-radius:var(--border-radius-small);cursor:pointer}.chat-input.svelte-zg9xo7 button:where(.svelte-zg9xo7):hover:not(:disabled){background-color:var(--text-color-one)}.chat-input.svelte-zg9xo7 button:where(.svelte-zg9xo7):disabled{opacity:.6;cursor:not-allowed}.chat-error.svelte-zg9xo7{color:#ff8a8a;font-size:.9em;margin-bottom:.5rem;text-align:center}.typing.svelte-zg9xo7 span:where(.svelte-zg9xo7){height:8px;width:8px;background-color:var(--text-color-three);border-radius:50%;display:inline-block;animation:svelte-zg9xo7-typing 1s infinite ease-in-out;margin:0 2px}.typing.svelte-zg9xo7 span:where(.svelte-zg9xo7):nth-child(1){animation-delay:0s}.typing.svelte-zg9xo7 span:where(.svelte-zg9xo7):nth-child(2){animation-delay:.1s}.typing.svelte-zg9xo7 span:where(.svelte-zg9xo7):nth-child(3){animation-delay:.2s}@keyframes svelte-zg9xo7-typing{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}