body{margin:0;background:#0e0d0b;-webkit-font-smoothing:antialiased}[data-sb]{--bg:#151412;--surface:#1e1c19;--surface2:#282521;--text:#eae7e1;--text2:#9b958b;--text3:#6d6860;--line:rgba(255,255,255,.09);--accent:oklch(.78 .1 80);--danger:oklch(.68 .13 25);--pagebg:#0e0d0b}[data-sb=light]{--bg:#faf9f7;--surface:#ffffff;--surface2:#f0eee9;--text:#1d1b18;--text2:#716b61;--text3:#a49d92;--line:rgba(0,0,0,.09);--accent:oklch(.58 .11 75);--danger:oklch(.55 .15 25);--pagebg:#eceae5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent);text-decoration:underline}textarea{outline:none}textarea::placeholder{color:var(--text3)}input::placeholder{color:var(--text3)}::-webkit-scrollbar{display:none}*{box-sizing:border-box}@keyframes sbwf{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes sbdot{0%,to{opacity:1}50%{opacity:.35}}@keyframes sbup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sb-page{min-height:100vh;min-height:100dvh;background:var(--pagebg);font-family:-apple-system,PingFang SC,Noto Sans SC,Helvetica Neue,system-ui,sans-serif}.sb-frame{max-width:430px;margin:0 auto;height:100vh;height:100dvh;height:var(--app-h, 100dvh);padding-top:env(safe-area-inset-top);background:var(--bg);color:var(--text);display:flex;flex-direction:column;position:relative;overflow:hidden;overscroll-behavior:none}button{font-family:inherit}.md{font-size:15px;line-height:1.7;color:var(--text);word-break:break-word}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md h1,.md h2,.md h3,.md h4{line-height:1.35;margin:.8em 0 .4em;font-weight:700}.md h1{font-size:1.3em}.md h2{font-size:1.18em}.md h3{font-size:1.06em}.md h4{font-size:1em}.md p{margin:.5em 0}.md ul,.md ol{margin:.5em 0;padding-left:1.4em}.md li{margin:.2em 0}.md a{color:var(--accent);text-decoration:underline}.md strong{font-weight:700}.md em{font-style:italic}.md code{font-family:ui-monospace,Menlo,monospace;font-size:.88em;background:var(--surface2);padding:1px 5px;border-radius:5px}.md pre{background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;overflow-x:auto;margin:.6em 0}.md pre code{background:none;padding:0}.md blockquote{margin:.6em 0;padding:2px 0 2px 12px;border-left:3px solid var(--line);color:var(--text2)}.md hr{border:none;border-top:1px solid var(--line);margin:.9em 0}.md img{max-width:100%;border-radius:8px}.md table{border-collapse:collapse;margin:.6em 0;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--line);padding:5px 9px}
