:root{--bg:#0d1117;--bg-elevated:#161a22;--bg-sunken:#0a0d12;--border:#242a35;--text:#e6edf3;--text-muted:#9aa6b2;--text-dim:#6b7685;--accent:#2dd4bf;--accent-dim:rgba(45, 212, 191, 0.12);--green:#4ade80;--amber:#fbbf24;--red:#f87171;--mono:"JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sidebar-w:280px;--content-w:760px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}#title-block-header{max-width:var(--content-w);margin:0 auto;padding:72px 32px 28px calc(var(--sidebar-w) + 48px);border-bottom:1px solid var(--border)}#title-block-header .title{font-family:var(--mono);font-size:2.6rem;font-weight:700;letter-spacing:-.01em;margin:0 0 4px;color:var(--text)}#title-block-header .subtitle{font-family:var(--mono);font-size:1.1rem;font-weight:500;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 20px}#title-block-header .author,#title-block-header .date{color:var(--text-dim);font-size:.85rem;margin:2px 0}nav#TOC{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;overflow-y:auto;padding:28px 20px 40px;background:var(--bg-sunken);border-right:1px solid var(--border);font-size:.85rem}nav#TOC::before{content:"HEW PLAYGROUND";display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;color:var(--accent);margin-bottom:18px}nav#TOC ul{list-style:none;margin:0;padding:0}nav#TOC ul ul{padding-left:12px}nav#TOC li{margin:1px 0}nav#TOC a{display:block;padding:4px 8px;border-radius:5px;color:var(--text-muted);text-decoration:none;border-left:2px solid transparent}nav#TOC a:hover{color:var(--text);background:var(--accent-dim)}nav#TOC>ul>li>a{color:var(--text);font-weight:500}body>h1,body>h2,body>h3,body>h4,body>p,body>ul,body>ol,body>pre,body>table,body>figure,body>blockquote,body>div{max-width:var(--content-w);margin-left:calc(var(--sidebar-w) + 48px);margin-right:auto;padding-left:32px;padding-right:32px}h1,h2,h3,h4{font-family:var(--mono);line-height:1.25;color:var(--text)}h2{font-size:1.7rem;margin-top:3rem;padding-top:1.6rem;border-top:1px solid var(--border)}h2:first-of-type{border-top:none}h3{font-size:1.25rem;margin-top:2rem;color:var(--accent)}h4{font-size:1.02rem;margin-top:1.5rem;color:var(--text-muted)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}p{margin:.9rem auto}strong{color:var(--text);font-weight:600}figure{margin:1.8rem auto}figure img,p>img{display:block;width:100%;border:1px solid var(--border);border-radius:8px;background:var(--bg-sunken);box-shadow:0 8px 28px rgba(0,0,0,.45)}figcaption{margin-top:8px;font-family:var(--mono);font-size:.78rem;color:var(--text-dim);text-align:center;letter-spacing:.02em}code{font-family:var(--mono);font-size:.86em;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:var(--accent)}pre{background:var(--bg-sunken);border:1px solid var(--border);border-radius:8px;padding:16px 20px;overflow-x:auto;font-size:.85rem}pre code{background:0 0;border:0;padding:0;color:var(--text)}kbd{font-family:var(--mono);font-size:.8em;background:var(--bg-elevated);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:2px 7px;color:var(--text);white-space:nowrap}table{width:100%;border-collapse:collapse;margin:1.5rem auto;font-size:.9rem}th,td{text-align:left;padding:9px 14px;border-bottom:1px solid var(--border);vertical-align:top}thead th{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);border-bottom-color:var(--accent)}tbody tr:hover{background:var(--bg-elevated)}.tip,.note,.warning{max-width:var(--content-w);margin:1.5rem auto 1.5rem calc(var(--sidebar-w) + 48px);padding:14px 20px;border-radius:8px;border-left:3px solid var(--accent);background:var(--accent-dim);font-size:.95rem}.note{border-left-color:var(--text-dim);background:rgba(154,166,178,.08)}.warning{border-left-color:var(--amber);background:rgba(251,191,36,.1)}.tip p,.note p,.warning p{margin:.3rem 0;padding:0;max-width:none}.tip strong{color:var(--accent)}.warning strong{color:var(--amber)}blockquote{border-left:3px solid var(--border);color:var(--text-muted);font-style:italic}hr{border:0;border-top:1px solid var(--border);margin:2.5rem auto}@media screen and (max-width:1050px){nav#TOC{position:static;width:auto;height:auto;border-right:0}#title-block-header{padding:32px 20px}body>h1,body>h2,body>h3,body>h4,body>p,body>ul,body>ol,body>pre,body>table,body>figure,body>blockquote,body>div{margin-left:auto;padding-left:20px;padding-right:20px}table{width:calc(100% - 40px);overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere}}@media print{@page{size:A4;margin:20mm 18mm;@bottom-center{content:"Hew Playground — User Manual";font-family:"JetBrains Mono",monospace;font-size:8pt;color:#6b7685}@bottom-right{content:counter(page);font-family:"JetBrains Mono",monospace;font-size:8pt;color:#6b7685}}nav#TOC{position:static;width:auto;height:auto;border-right:none;border-bottom:1px solid var(--border);page-break-after:always}body>h1,body>h2,body>h3,body>h4,body>p,body>ul,body>ol,body>pre,body>table,body>figure,body>blockquote,body>div,#title-block-header,.tip,.note,.warning{margin-left:auto;max-width:100%}#title-block-header{padding-left:32px;page-break-after:always;border-bottom:none}h2{page-break-before:always;border-top:none}h2:first-of-type{page-break-before:avoid}h3,h4{page-break-after:avoid}figure,table,pre,.tip,.note,.warning{page-break-inside:avoid}figure img,p>img{box-shadow:none}a{color:var(--accent)}}.phone-figure{max-width:420px;margin-right:auto}.semantic-hew .line{display:block}.semantic-hew .hew-token{color:var(--shiki-dark)!important}@media print{.phone-figure img{max-height:170mm;width:auto}}