html{min-width:352px;height:100%}*,:before{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;transition:all .3s}#root{padding:96px 0;line-height:1.5}body{font-optical-sizing:auto;background:var(--c-bg);color:var(--c-content);text-align:center;--c-theme:#ccc;--c-light:#eee;--c-dark:#111;--c-action:#5cbff0;--c-colored:#0c4098;--c-content:#eee;--c-quote:#ccc;--c-status:#888;--c-nums:#555;--c-first:#333;--c-second:#222;--c-bar:#1a1a1a;--c-bg:#111;--c-linenums:#0d0d0d;margin:0;font-size:1.1em}body:has(.switch-input:checked){--c-action:#0c4098;--c-colored:#5cbff0;--c-content:#111;--c-quote:#333;--c-status:#777;--c-nums:#aaa;--c-first:#ccc;--c-second:#ddd;--c-bar:#e5e5e5;--c-bg:#eee;--c-linenums:#f2f2f2}.theme{font-size:var(--fz);background:color-mix(in srgb, var(--c-theme) 10%, transparent);box-shadow:0px 2px 6px -2px var(--c-dark);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:1.5em}.theme:after{border-radius:1.5em}.toggle-switch{width:64px;margin:16px}.toggle-switch label{width:100%;height:32px}.mobile .resizeHandle,.switch-input{display:none}.slider{width:100%;height:100%}.switch-input~.slider{background:var(--c-content)}.slider:before{content:"";width:24px;height:24px;box-shadow:inset 8px -2px 0px 0px var(--c-bg);background:var(--c-content);margin:4px}.switch-input:checked~.slider:before{background:var(--c-bg);box-shadow:none;transform:translate(32px)}.header nav ul,.footer nav ul,nav ul li,nav ul li a,#table,#links,#section,.password-container,#book_logo,.download,.editorStatus,.editorWrapper,.toggle-switch,.toggle-switch label,.slider:before,.app,.toolbar,.toolbarActions,.mainContent,.pane{display:flex}#table,.password-container,.toolbar{justify-content:center}.desktop .footer ul,.article div{justify-content:space-around}.mobile .footer ul,nav ul,.header.mobile ul{justify-content:space-between}#book_logo{color:var(--c-light);background:#0c4098;justify-content:space-evenly;gap:4px;padding:0 8px 0 4px}form{margin:16px}nav ul,nav ul li,nav ul li a,form,#section,.password-container,#book_logo{align-items:center}#table a,.article,#section{flex-direction:column}nav ul li a{gap:8px}.article{text-align:start;margin-top:16px;padding:24px}.article>ul{margin:8px;padding-left:16px}#section{padding:0 16px}#section .article{max-width:1200px}p{margin:8px}.header nav,.footer nav,.author,.icon,input,button,.author,.toggle-switch label,.slider,.slider:before{border-radius:10em!important}a,input[type=submit],input[type=button],button{-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;color:var(--c-action)}a:hover,input[type=submit]:enabled:hover,input[type=button]:enabled:hover,button:enabled:hover{color:color-mix(in srgb, var(--c-action), var(--c-content) 40%)}.markdown-body a:hover,#links li a:hover{text-decoration:underline}#links li a:hover:has(div){text-decoration:none}.header,.footer{width:100%;min-width:352px;position:fixed}.header nav,.footer nav{height:64px;margin:16px}.header{top:0}.footer{bottom:0}nav ul{height:100%;margin:0;padding:0}nav ul li,input[type=submit],input[type=button],button,.eye-icon,.toggle-switch label{cursor:pointer}input[type=submit],input[type=button],button{margin:8px}input,button{text-align:center;padding:16px 24px;font-size:16px}input[type=text],input[type=email],input[type=password]{min-width:200px;min-height:30px;color:var(--c-content);margin-bottom:3px;max-width:200px!important}input[type=submit]:disabled,input[type=button]:disabled,button:disabled{cursor:not-allowed;color:var(--c-content);background:var(--c-bg);opacity:.4;transform:none}#table a,.header,.footer{font-size:larger}nav ul li{margin:16px}#table,.download{flex-wrap:wrap}#table{gap:16px}#table a{padding:16px}#table a .project{border-radius:.75em;margin-top:12px}#table a:hover,input[type=submit]:enabled:hover,input[type=button]:enabled:hover,button:enabled:hover{background:color-mix(in srgb, var(--c-theme) 20%, transparent);transform:translateY(1px)}.error{color:red;max-width:500px;margin-bottom:8px;padding:8px;font-size:.8rem;display:block}.img{background-size:100% 100%!important}.author{background:url(/book_1440.png);width:160px;height:160px;margin-top:16px}.icon{width:32px;height:32px}.project{width:360px;height:240px}#clios.project{background:url(/clios.png)}#mdeditor.project{background:url(/mdeditor.png)}#slepen.project{background:url(/slepen.png)}#metro.project{background:url(/metro.png)}#spblib.project{background:url(/spblib.png)}.eye-icon{margin-left:200px;position:absolute}.password-container{position:relative}.download{padding:8px}.app{background:var(--c-bg);width:100%;height:calc(100vh - 192px);color:var(--c-content);flex-direction:column;gap:16px;overflow:hidden}.btn{padding:8px 16px;font-size:small}.mainContent{border:1px solid var(--c-first);border-radius:.75em;flex:1;position:relative;overflow:hidden}.mobile .mainContent{flex-direction:column}.pane{text-align:start;flex-direction:column;flex:1;min-width:0;overflow:hidden}.desktop .editorPane{border-right:1px solid var(--c-first)}.mobile .editorPane{border-bottom:1px solid var(--c-first)}.editorWrapper{flex:1;position:relative;overflow:hidden}.lineNumbers{background:var(--c-linenums);min-width:44px;color:var(--c-nums);text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid var(--c-second);flex-shrink:0;padding:20px 8px 20px 0;font-size:15px;line-height:1.6;overflow:hidden}.lineNumber{padding-bottom:4px;display:block}.lineNumberActive{color:var(--c-action);padding-bottom:4px;display:block}.textarea{background:var(--c-bg);width:100%;color:var(--c-content);resize:none;tab-size:4;border:none;outline:none;flex:1;padding:20px 20px 20px 12px;font-size:15px;line-height:1.6}.editorStatus{background:var(--c-bar);border-top:1px solid var(--c-first);color:var(--c-status);flex-shrink:0;gap:20px;padding:6px 20px;font-size:12px}.cursorPos{color:var(--c-action);margin-left:auto}.previewPane{overflow-y:auto}.preview{max-width:100%;padding:20px 30px;line-height:1.7}.resizeHandle{cursor:col-resize;z-index:10;background:0 0;width:6px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-3px)}h1,h2,h3,h4,h5,h6{color:var(--c-action);margin:0}.markdown-body h1{border-bottom:1px solid var(--c-first);padding-bottom:.3em;font-size:2em}.markdown-body h2{border-bottom:1px solid var(--c-first);padding-bottom:.2em;font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body p{margin-bottom:1em}.markdown-body a{text-decoration:none}.markdown-body strong{color:var(--c-content)}.markdown-body em{color:#ddd}.markdown-body code{background:var(--c-second);color:#5cbff0;border-radius:4px;padding:2px 6px;font-size:.9em}.markdown-body pre{background:var(--c-bar);border:1px solid var(--c-first);border-radius:8px;margin-bottom:1em;padding:16px;overflow-x:auto}.markdown-body pre code{color:var(--c-content);background:0 0;padding:0;font-size:.85em;line-height:1.5}.markdown-body blockquote{border-left:4px solid var(--c-colored);color:var(--c-quote);background:var(--c-bar);border-radius:0 6px 6px 0;margin:0 0 1em;padding:.5em 1em}.markdown-body ul,.markdown-body ol{margin-bottom:1em;padding-left:2em}.markdown-body li{margin-bottom:.25em}.markdown-body table{border-collapse:collapse;width:100%;margin-bottom:1em}.markdown-body th,.markdown-body td{border:1px solid var(--c-first);text-align:left;padding:8px 14px}.markdown-body th{background:var(--c-bar);color:var(--c-action)}.markdown-body tr:nth-child(2n){background:var(--c-bar)}.markdown-body hr{border:none;border-top:1px solid var(--c-first);margin:2em 0}.markdown-body img{border-radius:6px;max-width:100%}.markdown-body input[type=checkbox]{accent-color:var(--c-action);margin-right:6px}