html{scrollbar-color:var(--scrollbar-thumb) var(--background-body);scrollbar-width:thin}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;word-wrap:break-word;color:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}code,samp,time{background:var(--background);color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:var(--variable);font-style:normal;font-family:monospace}kbd{background:var(--background);border:1px solid var(--border);border-radius:2px;color:var(--text-main);padding:2px 4px}button,select,input[type=submit],input[type=reset],input[type=button],input[type=checkbox],input[type=range],input[type=radio]{cursor:pointer}input,select{display:block}[type=checkbox],[type=radio]{display:initial}input,button,textarea,select{color:var(--form-text);background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input[type=submit],input[type=reset],input[type=button]{background-color:var(--button-base);padding-right:30px;padding-left:30px}button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{background:var(--button-hover)}input[type=color]{min-height:2rem;padding:8px;cursor:pointer}input[type=checkbox],input[type=radio]{height:1em;width:1em}input[type=radio]{border-radius:100%}input{vertical-align:top}label{vertical-align:middle;margin-bottom:4px;display:inline-block}input:not([type=checkbox]):not([type=radio]),input[type=range],select,button,textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none}textarea{display:block;margin-right:0;box-sizing:border-box;resize:vertical}textarea:not([cols]){width:100%}textarea:not([rows]){min-height:40px;height:140px}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}input:focus,select:focus,button:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}input[type=checkbox]:active,input[type=radio]:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active,input[type=range]:active,button:active{transform:translateY(2px)}input:disabled,select:disabled,button:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::placeholder{color:var(--form-placeholder)}fieldset{border:1px var(--focus) solid;border-radius:6px;margin:0 0 12px;padding:10px}legend{font-size:.9em;font-weight:600}a{text-decoration:none;color:var(--links)}a:hover{text-decoration:underline}img,video{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed}table caption{text-align:left}td,th{padding:6px;text-align:left;vertical-align:top;word-wrap:break-word}thead{border-bottom:1px solid var(--border)}tfoot{border-top:1px solid var(--border)}tbody tr:nth-child(2n){background-color:var(--background)}tbody tr:nth-child(2n) button{background-color:var(--background-alt)}tbody tr:nth-child(2n) button:hover{background-color:var(--background-body)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background-color:var(--selection);color:var(--text-bright)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:var(--background);padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none}summary:hover,summary:focus{text-decoration:underline}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:var(--text-main)}dialog{background-color:var(--background-alt);color:var(--text-main);border:none;border-radius:6px;border-color:var(--border);padding:10px 30px}dialog>header:first-child{background-color:var(--background);border-radius:6px 6px 0 0;margin:-10px -30px 10px;padding:10px;text-align:center}dialog::backdrop{background:#0000009c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}footer{border-top:1px solid var(--border);padding-top:10px;color:var(--text-muted)}body>footer{margin-top:40px}@media print{body,pre,code,summary,details,button,input,textarea{background-color:#fff}button,input,textarea{border:1px solid #000}body,h1,h2,h3,h4,h5,h6,pre,code,button,input,textarea,footer,summary,strong{color:#000}summary::marker{color:#000}summary::-webkit-details-marker{color:#000}tbody tr:nth-child(2n){background-color:#f2f2f2}a{color:#00f;text-decoration:underline}}input[type=range]{margin:10px 0;padding:10px 0;background:#0000}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:#0000;border-color:#0000;border-width:16px 0;color:#0000}input[type=range]::-ms-fill-lower{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-fill-upper{background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:var(--border)}input[type=range]:focus::-ms-fill-lower{background:var(--background)}input[type=range]:focus::-ms-fill-upper{background:var(--background)}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px;margin-top:24px}h1,h2,h3,h4,h5,h6,strong{color:var(--text-bright)}h1,h2,h3,h4,h5,h6,b,strong,th{font-weight:600}q:before{content:none}q:after{content:none}blockquote,q{border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{font-style:normal;border:0}blockquote cite,address{font-style:normal}a[href^="mailto:"]:before{content:"📧 "}a[href^="tel:"]:before{content:"📞 "}a[href^="sms:"]:before{content:"💬 "}mark{background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#000}a>code,a>strong{color:inherit}:root{--background-body: #fff;--background: #efefef;--background-alt: #f7f7f7;--selection: #9e9e9e;--text-main: #363636;--text-bright: #000;--text-muted: #70777f;--links: #0076d1;--focus: #007bff;--danger: #dc3545;--border: #dbdbdb;--code: #000;--button-base: #d0cfcf;--button-hover: #9b9b9b;--form-placeholder: #949494;--form-text: #1d1d1d;--variable: #39a33c;--highlight: #ff0;--scrollbar-thumb: color-mod(var(--button-hover) lightness(+6%));--scrollbar-thumb-hover: var(--button-hover);--select-arrow: svg-load("./assets/select-arrow.svg", fill: #161f27);--animation-duration: .1s}@media (prefers-color-scheme: dark){:root{--background-body: #202b38;--background: #161f27;--background-alt: #1a242f;--selection: #1c76c5;--text-main: #dbdbdb;--text-bright: #fff;--text-muted: #a9b1ba;--links: #41adff;--focus: #007bff;--danger: #dc3545;--border: #526980;--code: #ffbe85;--button-base: #0c151c;--button-hover: #3b5c7d;--form-placeholder: #a9a9a9;--form-text: #fff;--variable: #d941e2;--highlight: #efdb43;--scrollbar-thumb: var(--button-hover);--scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(-30%));--select-arrow: svg-load("./assets/select-arrow.svg", fill: #efefef);--animation-duration: .1s}}:root body.theme-light{--background-body: #fff;--background: #efefef;--background-alt: #f7f7f7;--selection: #9e9e9e;--text-main: #363636;--text-bright: #000;--text-muted: #70777f;--links: #0076d1;--focus: #007bff;--danger: #dc3545;--border: #dbdbdb;--code: #000;--button-base: #d0cfcf;--button-hover: #9b9b9b;--form-placeholder: #949494;--form-text: #1d1d1d;--variable: #39a33c;--highlight: #ff0;--scrollbar-thumb: color-mod(var(--button-hover) lightness(+6%));--scrollbar-thumb-hover: var(--button-hover);--select-arrow: svg-load("./assets/select-arrow.svg", fill: #161f27);--animation-duration: .1s}:root body.theme-dark{--background-body: #202b38;--background: #161f27;--background-alt: #1a242f;--selection: #1c76c5;--text-main: #dbdbdb;--text-bright: #fff;--text-muted: #a9b1ba;--links: #41adff;--focus: #007bff;--danger: #dc3545;--border: #526980;--code: #ffbe85;--button-base: #0c151c;--button-hover: #3b5c7d;--form-placeholder: #a9a9a9;--form-text: #fff;--variable: #d941e2;--highlight: #efdb43;--scrollbar-thumb: var(--button-hover);--scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(-30%));--select-arrow: svg-load("./assets/select-arrow.svg", fill: #efefef);--animation-duration: .1s}:root{--focus: #007bff;--min-height: 100vh;--danger: #dc3545}*{box-sizing:border-box}button{background-color:var(--border)}button:focus{box-shadow:none}math-field{width:100%;background-color:var(--background-body);color:var(--text-main)}#main{min-height:var(--min-height)}#writer,#frontpage{display:none}#navbar{display:flex;gap:20px;position:sticky;top:0;background:var(--background-body);z-index:10;border-bottom:1px solid var(--border);width:100%;min-height:84px}#add-page-button,#frontpage-button,#delete-page-dialog-trigger-button{margin-top:auto;margin-bottom:auto;padding-right:12px;padding-left:12px}#pages{display:flex;overflow-x:auto;gap:10px;padding:10px;border-left:1px solid var(--border)}.page{min-width:40px;min-height:40px;padding:8px;display:flex;justify-content:center;margin-top:auto;margin-bottom:auto}.page.active{background-color:var(--focus);color:#fff;border-color:var(--focus)}#import-container{display:flex;gap:12px;flex-wrap:wrap}#delete-container{border:1px solid var(--danger);border-radius:4px;padding:20px}.delete-dialog-form{display:flex;gap:12px;justify-content:center}#delete-button,#delete-dialog-trigger-button,#delete-page-button,#delete-page-dialog-trigger-button{background-color:var(--danger);color:#fff}#delete-page-dialog-trigger-button{display:none}#theme-button{all:unset;float:right}