:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}#root{min-height:100%}body{color:#fff;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:#000;margin:0;font:14px/1.5 Courier New,Courier,ui-monospace,monospace}#root{padding:32px 16px calc(32px + env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;display:flex}a{color:#fff}.wrap{width:100%;max-width:720px}h1{letter-spacing:.2px;margin:0 0 20px;font-size:16px;font-weight:400}h1 .crumb{cursor:pointer;text-underline-offset:2px;color:#fff;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}h1 .current{text-decoration:none}.action-row{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;display:flex}.btn{color:#fff;font:inherit;cursor:pointer;background:#000;border:1px solid #fff;padding:5px 10px;font-size:13px}.btn:active{color:#000;background:#bdbdbd}.btn:disabled{color:#7a7a7a;cursor:default;background:#000;border-color:#7a7a7a}.add-input{color:#fff;min-width:0;font:inherit;background:#000;border:1px solid #fff;border-radius:0;flex:160px;padding:3px 8px;font-size:16px}.tablewrap{border-top:1px solid #fff;border-bottom:1px solid #fff;overflow-x:auto}table{border-collapse:collapse;table-layout:fixed;width:100%}th{text-align:left;color:#bdbdbd;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;padding:6px 10px;font-size:12px;font-weight:400}th.modified{text-align:right;width:216px}td{white-space:nowrap;vertical-align:baseline;text-overflow:ellipsis;padding:5px 10px;overflow:hidden}td.modified{text-align:right}tr.row{cursor:pointer}tr.parent td{color:#bdbdbd}tr.row:active td{color:#000;background:#fff}tr.row:active .glyph{color:#000}td.name a{color:inherit;text-decoration:none}td.name a:focus-visible{outline-offset:2px;outline:1px dashed}a.btn{text-decoration:none;display:inline-block}.glyph{text-align:center;color:#bdbdbd;width:1ch;margin-right:8px;display:inline-block}th.row-delete{width:32px}td.row-delete{text-align:center;padding:0}.row-delete-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:2px 8px}.empty td{color:#7a7a7a;cursor:default;font-style:italic}@media (hover:hover){h1 .crumb:hover,.btn:hover,.notes a:hover,.preview-text a:hover,.scroll-hint:hover,tr.row:hover td{color:#000;background:#fff}tr.row:hover .glyph{color:#000}}.footer{color:#7a7a7a;margin-top:14px;font-size:12px}.notes{color:#7a7a7a;margin-top:28px;font-size:12px;line-height:1.6}.notes p{margin:0}.notes a{color:#bdbdbd;text-underline-offset:2px;overflow-wrap:anywhere}.notes .socials{flex-wrap:wrap;gap:0 16px;display:flex}.brand-logo{cursor:pointer;background:0 0;border:none;width:fit-content;margin:0 0 28px;padding:0;line-height:0;display:block}.brand-logo img{width:160px;height:auto;display:block}.toast{color:#000;opacity:0;pointer-events:none;text-align:center;z-index:20;background:#fff;max-width:calc(100vw - 32px);padding:8px 14px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,10px)}.toast.show{opacity:1;transform:translate(-50%)}.preview-body{border-top:1px solid #fff;border-bottom:1px solid #fff;justify-content:center;padding:16px 0;display:flex}.preview-media{max-width:100%;max-height:60vh;display:block}.preview-text{white-space:pre-wrap;word-break:break-word;width:100%;max-height:60vh;font:inherit;margin:0;font-size:13px;overflow:auto}.preview-text a{color:#fff;text-underline-offset:2px}.preview-text-wrap{width:100%}.preview-text.fade-bottom{-webkit-mask-image:linear-gradient(#000 calc(100% - 56px),#0000);mask-image:linear-gradient(#000 calc(100% - 56px),#0000)}.scroll-hint{color:#7a7a7a;font:inherit;letter-spacing:.4px;cursor:pointer;background:0 0;border:none;margin:10px auto 0;padding:2px 6px;font-size:11px;display:block}.preview-note{color:#bdbdbd;margin:0;font-size:13px}@media (width<=480px){body{font-size:12px}#root{padding:16px 12px calc(16px + env(safe-area-inset-bottom,0px))}.brand-logo{margin-bottom:22px}.brand-logo img{width:128px}h1{margin-bottom:16px;font-size:14px}.btn{padding:4px 9px;font-size:12px}th{padding:5px 6px;font-size:10px}th.modified{width:164px}td{padding:4px 6px}.glyph{margin-right:6px}td.modified,.footer,.notes{font-size:11px}.notes{margin-top:22px}.preview-text,.preview-note{font-size:12px}}