:root{--bg: #000000;--fg: white;--sb-size: 4px;--sidebar-width: 250pt;--toolbar-height: 3.2rem;--header-height: 2rem}html,body{background-color:#000;color:var(--fg);padding:0;margin:0;display:flex;position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:color-mix(in srgb,var(--bg) 90%,white 10%)}sidebar,content{padding:0;margin:0;position:absolute;top:0;overflow:visible;border-radius:1rem}sidebar{box-shadow:0 0 1rem #000;left:0;width:calc(var(--sidebar-width) - 2rem);margin:1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;background-color:color-mix(in srgb,var(--bg) 90%,black 10%);overflow:auto;-webkit-overflow-scrolling:touch;padding:0;height:calc(100vh - 2rem);min-height:calc(100vh - 2rem);max-height:calc(100vh - 2rem);-webkit-user-select:none!important;user-select:none!important}content{left:var(--sidebar-width);width:calc(100vw - var(--sidebar-width));display:flex;align-items:flex-start;justify-content:center;padding-bottom:calc(var(--toolbar-height) + 1.25rem);overflow:visible;-webkit-overflow-scrolling:touch;height:100vh;min-height:100vh;max-height:100vh}padded{padding:0;padding-block:calc(1rem + var(--header-height));margin:0;width:500pt;max-width:100%;box-sizing:border-box;align-self:flex-start;overflow-wrap:anywhere;max-height:calc(100vh - var(--toolbar-height));overflow:auto;-webkit-overflow-scrolling:touch;padding-inline:10pt}.doc-header{position:fixed;top:.6rem;left:calc(50% + var(--sidebar-width) / 2);transform:translate(-50%);width:500pt;max-width:calc(100% - 2rem - var(--sidebar-width));text-align:center;font-size:.95rem;color:#ffffffd9;padding:.25rem .5rem;background:transparent;z-index:4;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}h1,h2{text-align:center}*::-webkit-scrollbar{width:var(--sb-size)}*::-webkit-scrollbar-track{background:transparent;border-radius:var(--sb-size)}*::-webkit-scrollbar-thumb{background:var(--fg);border-radius:var(--sb-size)}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--fg) transparent}}padded[contenteditable=true]{outline:none;white-space:pre-wrap;min-height:60vh}padded p{margin:.5rem 0;line-height:1.45}.sidebar-header{display:flex;justify-content:flex-start;gap:.5rem;align-items:center;padding:.5rem}.sidebar-title{font-weight:700;font-size:1rem;padding-left:.25rem;color:var(--fg)}.new-doc{background:var(--fg);border:1px solid var(--fg);color:var(--bg);padding:.25rem .5rem;border-radius:100%;font-weight:900;cursor:pointer}.bg-picker{width:7rem;height:.8rem;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,red,orange,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:.5rem;border:solid .15rem var(--fg);cursor:pointer;padding:0}.bg-picker::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.5rem;height:1.5rem;border-radius:50%;border:solid .12rem var(--fg);background:#fff;box-shadow:0 0 0 .15rem #0003}.bg-picker:focus{outline:none;box-shadow:0 0 0 3px #ffffff08 inset}.bg-toggle{background:transparent;border:1px solid var(--fg);color:var(--fg);padding:.25rem .45rem;border-radius:.35rem;margin-left:.25rem;cursor:pointer;font-size:.85rem;height:2rem}.bg-toggle[aria-pressed=true]{background:var(--fg);color:var(--bg)}.doc-list{display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.doc-item{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center;padding:.4rem .6rem;border-radius:.25rem;cursor:pointer}.doc-item:hover{background:#ffffff05}.doc-item.active{background:linear-gradient(90deg,#c8640064,#ffffff08);border-left:4px solid rgba(200,100,0,.95);padding-left:.6rem;box-shadow:2px 0 6px #814949d5 inset;outline:none;transition:background .12s ease,border-color .12s ease}.doc-item.active .doc-title{font-weight:700}.doc-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none}.doc-title:hover{cursor:text;-webkit-user-select:none;user-select:none}.doc-title-input{width:100%;background:transparent;border:none;color:var(--fg);font:inherit;padding:0;margin:0;outline:none}.doc-title-input:focus{border-radius:.5rem;background:linear-gradient(90deg,#7b502664,#ffffff08);box-shadow:0 2px 6px #e8b0b082 inset;outline:none;transition:background .12s ease,border-color .12s ease}.doc-meta{color:#fff9;font-size:.8rem}.doc-actions .doc-delete{background:transparent;border:1px solid rgba(255,255,255,.04);color:#ffffffb3;padding:.2rem .4rem;border-radius:.25rem;cursor:pointer}.doc-delete:hover{background-color:#b30c0ca8!important}.editor-toolbar{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;position:fixed;bottom:0;left:calc(50% + var(--sidebar-width) / 2);transform:translate(-50%,-00%);place-content:center;width:500pt;max-width:calc(100% - 2rem - var(--sidebar-width));width:max-content;display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem .6rem;height:fit-content;align-items:center;border-top-right-radius:.5rem;border-top-left-radius:.5rem;background-color:color-mix(in srgb,var(--bg) 90%,black 10%);box-shadow:0 0 1rem #000;z-index:5;-webkit-user-select:none!important;user-select:none!important}.toolbar-btn,select{background:var(--bg);border:solid .15rem var(--fg);color:var(--fg);padding:.25rem .5rem;border-radius:.5rem;min-width:2rem;cursor:pointer;height:2rem;width:max-content;margin-inline:.1rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.toolbar-btn svg{width:1rem;height:1rem;display:block;fill:currentColor}.toolbar-btn svg text{fill:currentColor;dominant-baseline:middle;text-anchor:middle}.toolbar-btn:focus{outline:2px solid rgba(255,255,255,.08);box-shadow:0 0 0 3px #ffffff08 inset}input[type=color]{-webkit-appearance:none;appearance:none;background:transparent;border:none;width:2rem;height:2rem;padding:0;border-radius:.5rem;cursor:pointer;margin-inline:.1rem}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:solid .15rem var(--fg);border-radius:.35rem}input[type=color]:focus{outline:2px solid rgba(255,255,255,.08);box-shadow:0 0 0 3px #ffffff08 inset}.toolbar-btn[aria-label]{position:relative}.color-picker-wrap{display:flex;align-items:center;gap:.25rem}.saved-colors{display:flex;gap:.25rem;margin-left:.25rem;max-width:10rem;overflow:auto;padding-inline:.2rem}.color-swatch{width:1.5rem;height:1.5rem;border-radius:.35rem;border:solid .12rem var(--fg);cursor:pointer;flex:0 0 auto;box-sizing:border-box;position:relative}.color-swatch.active{outline:2px solid rgba(255,255,255,.12);box-shadow:0 0 0 3px #ffffff08 inset}.color-swatch[title]:after{content:attr(title);position:absolute;top:-2.4rem;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:.15rem .35rem;border-radius:.25rem;font-size:.7rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .08s ease}.color-swatch:hover:after{opacity:1}.swatch-context-menu{position:absolute;background:color-mix(in srgb,var(--bg) 85%,black 15%);border:solid .12rem rgba(255,255,255,.06);color:var(--fg);padding:.25rem;border-radius:.35rem;box-shadow:0 6px 18px #0009;z-index:9999;min-width:8rem}.swatch-context-menu .ctx-remove{background:transparent;border:none;color:var(--fg);padding:.35rem .5rem;border-radius:.25rem;cursor:pointer;width:100%;text-align:left}.swatch-context-menu .ctx-remove:hover{background:#ffffff08}.toolbar-btn[aria-label]:hover:after{content:attr(title);position:absolute;top:-2.6rem;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:.25rem .45rem;border-radius:.25rem;font-size:.78rem;white-space:nowrap;pointer-events:none}.toolbar-btn.active{background-color:var(--fg);color:var(--bg)}.toolbar-btn[data-cmd=clear]{border-color:#d1610abd;color:#f88919}@media print{html,body{width:100vw!important;height:auto!important;margin:0!important;padding:0!important}body{background:#fff!important;color:#000!important}sidebar,.editor-toolbar,.sidebar-header,.doc-header,.doc-list,.doc-item,.doc-actions,.toolbar-btn,.new-doc{display:none!important}content{position:static!important;left:0!important;width:100vw!important;transform:none!important;display:block!important}padded,padded[contenteditable=true]{display:block!important;position:static!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;overflow:visible!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}padded,content{min-width:0!important}padded *{color:#000!important;text-decoration:none!important}@page{margin:1in}}img{max-width:100%!important;width:100%!important;min-width:100%!important}