@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:VT323;src:url(/fonts/vt323.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-body: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--font-crt: "VT323", "IBM Plex Mono", monospace;--bg: #111;--panel: #0c0e0c;--panel-2: #12150f;--border: #236123;--border-dim: #1a3d1a;--text: #b7d9a0;--text-dim: #74a974;--accent: #33ff33;--accent-bright: #b7ffb7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#1e371947,#0808080f 45%,#000000b8),repeating-linear-gradient(0deg,rgba(70,255,70,.03) 0,rgba(70,255,70,.03) 1px,transparent 1px,transparent 4px)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-bright)}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:50;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#080c08d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);font-size:17px;letter-spacing:.05em}.logo{font-family:var(--font-crt);font-size:24px;color:var(--text)}.logo span{color:var(--accent);animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.actions{display:flex;align-items:center;gap:12px}.btn{background:transparent;color:var(--accent);border:1px solid var(--border);border-radius:4px;padding:7px 14px;font-family:var(--font-body);font-size:14px;letter-spacing:.04em;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.btn:hover{border-color:var(--accent);color:#fff}.btn:active{background:#33ff331f}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.copy.copied{border-color:var(--accent);color:var(--accent-bright);background:#33ff331f}.btn .short{display:none}.hint{color:var(--text-dim);font-size:13px;letter-spacing:.05em}.error{background:#1a0d0d;border-bottom:1px solid #6b2a2f;color:#ff9a9a;padding:10px 28px;font-size:14px}.editor{flex:1;display:flex;flex-direction:column;padding:24px 28px;max-width:1100px;width:100%;margin:0 auto}.editor textarea{flex:1;min-height:62vh;resize:none;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:16px;font-family:var(--font-body);font-size:15px;line-height:1.7}.editor textarea::placeholder{color:var(--text-dim)}.editor textarea:focus{outline:none;border-color:var(--accent)}.editor-actions{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.btn.save{padding:10px 22px;font-size:16px}.viewer{flex:1;max-width:860px;width:100%;margin:0 auto;padding:48px 28px 100px}.markdown{font-size:16px;line-height:1.7;color:var(--text)}.markdown>*:first-child{margin-top:0}.markdown p{margin:0 0 1.1em}.markdown h1,.markdown h2,.markdown h3,.markdown h4{color:var(--accent);font-weight:700;line-height:1.3;scroll-margin-top:72px}.markdown h1{font-size:28px;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.markdown h2{font-size:22px;margin:1.8em 0 10px;padding-bottom:8px;border-bottom:1px solid var(--border-dim)}.markdown h3{font-size:19px;margin:1.5em 0 8px}.markdown h4{font-size:17px;margin:1.3em 0 6px;color:var(--accent-bright)}.markdown h1+p,.markdown h2+p,.markdown h3+p,.markdown h4+p{margin-top:0}.markdown ul,.markdown ol{margin:0 0 1.1em;padding-left:1.6em}.markdown li{margin-bottom:.35em;line-height:1.6}.markdown li::marker{color:var(--accent)}.markdown li>ul,.markdown li>ol{margin:.3em 0}.markdown strong{color:#fff;font-weight:600}.markdown em{color:#fff}.markdown mark{background:#33ff3326;color:var(--accent-bright);padding:0 .15em}.markdown sub,.markdown sup{line-height:1}.markdown a{border-bottom:1px solid var(--border)}.markdown a:hover{border-bottom-color:var(--accent)}.markdown blockquote{margin:0 0 1.1em;padding:2px 0 2px 18px;border-left:3px solid var(--accent);color:var(--text-dim)}.markdown blockquote>p{margin:.4em 0}.markdown blockquote p:last-child{margin-bottom:0}.markdown hr{border:none;border-top:1px solid var(--border);margin:2em auto;width:40%}.markdown code{font-family:var(--font-body);font-size:.85em;background:var(--panel);border:1px solid var(--border-dim);border-radius:4px;padding:.15em .4em;color:var(--accent-bright)}.markdown pre{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px 18px;overflow-x:auto;margin:0 0 1.2em;line-height:1.6}.markdown pre code{background:none;border:none;padding:0;color:var(--text);font-size:.88em}.markdown table{border-collapse:collapse;width:100%;margin:0 0 1.2em;font-size:.95em;background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden}.markdown th{background:var(--panel-2);border-bottom:1px solid var(--border);padding:9px 14px;text-align:left;color:var(--accent);font-weight:500;white-space:nowrap}.markdown td{border-bottom:1px solid var(--border-dim);padding:8px 14px;vertical-align:top}.markdown tbody tr:last-child td{border-bottom:none}.markdown tr:hover td{background:#33ff330d}.markdown img{max-width:100%;height:auto;border:1px solid var(--border);border-radius:6px}.markdown figure{margin:1.4em auto}.markdown figcaption{margin-top:8px;color:var(--text-dim);font-size:13px;text-align:center}.markdown .task-list-item{list-style:none;margin-left:-1.6em}.markdown .task-list-item input[type=checkbox]{margin-right:8px;accent-color:var(--accent)}.markdown .footnote-ref{font-size:.8em;color:var(--accent)}.markdown .footnotes{font-size:13px;color:var(--text-dim);border-top:1px solid var(--border);margin-top:2.4em;padding-top:12px}.markdown .footnotes ol{padding-left:1.4em}.markdown .footnotes a{color:var(--accent)}.footer{margin-top:auto;padding:20px 28px;text-align:center;font-size:13px;color:var(--text-dim);border-top:1px solid var(--border-dim)}.footer a{color:var(--accent);border-bottom:1px solid transparent}.footer a:hover{color:var(--accent-bright);border-bottom-color:var(--accent)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media screen and (max-width:768px){.topbar{height:46px;padding:0 12px;font-size:15px;gap:8px}.logo{font-size:18px}.actions{gap:6px}.btn{padding:4px 8px;font-size:12px}.btn .full{display:none}.btn .short{display:inline}.hint{display:none}.editor,.viewer{padding-left:16px;padding-right:16px}.editor-actions{flex-direction:column;align-items:stretch;gap:10px}.btn.save{width:100%}.viewer{padding-top:32px}.markdown h1{font-size:24px}.markdown h2{font-size:19px}.footer{padding:16px}}