body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;padding:0 1rem 1rem;max-width:680px;margin:0 auto;background:#fff;color:#333}li,p{line-height:1.5rem}a{font-weight:500}hr{border:1px solid #ddd}h4{margin-bottom:.1rem}iframe{background:#ccc;border:1px solid #ccc;height:10rem;width:100%;border-radius:.5rem;filter:invert(1)}.collapsible{border:1px solid #ccc;margin-bottom:1rem;overflow:hidden;border-radius:10px;box-shadow:2px 5px 10px rgba(0,0,0,.2)}.toggle-button{width:100%;padding:1rem;font-size:1rem;background-color:#f0f0f0;border:none;text-align:left;cursor:pointer}.button-text{font-size:20px}.content{padding:1rem}.large-button{display:block;width:100%;padding:1rem;font-size:1.2rem;margin-bottom:.5rem;background-color:#f0f0f0;border:none;text-align:center;cursor:pointer}.large-button.selected{background-color:#aaa}.button-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:2px}.category-button{font-size:10px;padding:10px 0;border:1px solid;border-radius:4px;background:transparent;color:#2196f3;margin:2px;cursor:pointer;outline:none;font-weight:700;transition:.2s ease}.category-button.selected{background:#2196f3;color:#fff}.floating-div{background-color:#fff;border-radius:10px;box-shadow:2px 5px 20px rgba(0,0,0,.5);position:relative;top:20px;bottom:20px;animation:floatUp .5s ease-out}@keyframes floatUp{0%{transform:translateY(50px)}to{transform:translateY(0)}}.problem-content{padding:20px}.checkbox-container{display:inline-block;position:relative;padding-left:30px;margin-bottom:10px;cursor:pointer;font-size:16px;color:#333}.checkbox-container input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:0;left:0;width:22px;height:22px;border:1px solid #999;background-color:#fff}.checkbox-container:hover input~.checkmark{background-color:#f2f2f2}.checkbox-container input:checked~.checkmark{background-color:#999}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:8px;top:4px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.textarea-font{color:#000;font-weight:medium;font-size:14px;font-family:Arial,sans-serif;background-color:#fafaf7}code{font-size:8px}