:root{--bg:#f4ecd8;--panel:#fbf6e9;--ink:#3b3026;--muted:#8a7c66;--bone:#a8690c;--gold:#c9a227;--line:#e2d5b8;--code-bg:#2e2620;--code-ink:#e8dcc2}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}header,main,footer{max-width:820px;margin:0 auto;padding:0 24px}header{padding-top:60px;padding-bottom:20px}.hero{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;display:flex}.hero-text{flex:0 auto}.art{color:var(--bone);white-space:pre;background:0 0;flex:none;max-width:100%;margin:0;padding:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.1;overflow:auto hidden}h1{letter-spacing:-1px;margin:0 0 8px;font-size:48px}.hero .tag{color:var(--ink);margin:0;font-size:18px}.hero .links{margin:12px 0 0;display:flex}.gh{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;align-items:center;gap:7px;margin-right:12px;padding:5px 13px;font-size:.9em;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.gh:hover{border-color:var(--gold);color:var(--gold);background:#fffaf0}#pex{color:var(--muted);margin:.6rem 0 0;font-size:.9rem}#pex button{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--bone);cursor:pointer;border-radius:999px;margin-left:.35rem;padding:.15rem .6rem;transition:border-color .15s,color .15s,background .15s}#pex button:hover{border-color:var(--gold);color:var(--gold);background:#fffaf0}.gh svg{display:block}h2{color:var(--bone);border-bottom:1px solid var(--line);margin-top:48px;padding-bottom:6px}.muted{color:var(--muted)}a{color:var(--gold)}code{background:#efe6cf;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92em}pre{background:var(--code-bg);color:var(--code-ink);border-radius:8px;padding:16px 18px;overflow-x:auto}pre code{color:inherit;background:0 0;padding:0}table{border-collapse:collapse;width:100%;margin:12px 0}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}th{color:var(--bone);text-transform:uppercase;letter-spacing:.5px;font-size:.85em}#drop,#pdrop{border:2px dashed var(--line);background:var(--panel);height:120px;color:var(--muted);cursor:pointer;user-select:none;border-radius:10px;justify-content:center;align-items:center;margin:16px 0;transition:border-color .15s,background .15s;display:flex}#drop:hover,#drop.over,#pdrop:hover,#pdrop.over{border-color:var(--gold);background:#fffaf0}#pout{margin:16px 0}#pout .bar{margin-bottom:10px;font-family:ui-monospace,monospace}#pout .good{color:#2e8b57}#pout .bad{color:#b5651d}.strip{border:1px solid var(--line);border-radius:6px;height:28px;margin-bottom:18px;display:flex;overflow:hidden}.strip .seg{min-width:0}.tip{z-index:10;pointer-events:none;background:var(--code-bg);color:var(--code-ink);white-space:nowrap;border-radius:6px;padding:5px 9px;font-family:ui-monospace,monospace;font-size:.8em;position:fixed;transform:translate(-50%,-135%);box-shadow:0 2px 10px #00000040}table.recipe .sw{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:7px;display:inline-block}table.recipe td{font-family:ui-monospace,monospace;font-size:.9em}#stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:16px 0;display:grid}#stats .stat{background:var(--code-ink);border:1px solid var(--line);border-radius:8px;padding:10px 12px}#stats .num{white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,monospace;font-size:20px;font-weight:600;overflow:hidden}#stats .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8em}#heat{width:100%;image-rendering:pixelated;border-radius:6px;max-width:100%;margin:8px 0;display:block}#legend{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;font-size:.85em;display:flex}#legend i{vertical-align:middle;border-radius:2px;width:12px;height:12px;margin-right:4px;display:inline-block}.spinner{color:var(--bone);margin:16px 0;font-family:ui-monospace,monospace;font-size:1.05em}.tabs{gap:4px;margin-top:14px;display:flex}.tab{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--muted);cursor:pointer;border-bottom:none;border-radius:8px 8px 0 0;padding:6px 16px;font-size:.9em;transition:background .15s,color .15s}.tab.active{background:var(--code-bg);color:var(--code-ink);border-color:var(--code-bg)}.panels{background:var(--code-bg);border-radius:0 8px 8px;transition:height .2s;position:relative;overflow:hidden}.clipboard{opacity:.25;color:currentColor;cursor:pointer;z-index:10;background:0 0;border:0;place-items:center;width:2rem;height:2rem;margin-top:.5rem;margin-right:.5rem;padding:0;transition-property:opacity;transition-duration:.4s;transition-timing-function:cubic-bezier(.075,.82,.165,1);display:grid;position:absolute;top:0;right:0}.clipboard:hover{opacity:.75}.clipboard-icon{color:var(--code-ink)}#install .panel{opacity:0;pointer-events:none;background:0 0;border-radius:0;margin:0;position:absolute;top:0;left:0;right:0}#install .panel.active{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.panels,#install .panel{transition:none}}#install .panel a{color:var(--gold)}.hidden{display:none!important}footer{border:none;max-width:none;margin-top:80px;padding:0}.footer-text{background:var(--bg);z-index:1;border-radius:0 0 48px 48px;padding-bottom:50px;position:relative}.footer-inner{border-top:1px solid var(--line);justify-content:space-between;max-width:820px;margin:0 auto;padding:16px 32px 0;display:flex}.footer-inner .muted{margin:0}.dirt{z-index:0;background:var(--code-bg);height:160px;margin-top:-48px;position:relative;overflow:hidden}.dirt-fade{display:none}.dirt-art{opacity:.4;color:var(--code-ink);margin:0;font-family:Menlo,DejaVu Sans Mono,Consolas,monospace;font-size:11px;position:absolute;bottom:10px;left:16px}.dirt-art .row{white-space:nowrap;line-height:1.1}.dirt-art span{text-align:center;width:1ch;display:inline-block}@media (width<=640px){header{padding-top:36px}header,main,footer{padding:0 16px}.hero{gap:16px}.hero-text{text-align:center}.hero .links{justify-content:center;display:flex}.art{font-size:8px}h1{font-size:34px}.hero .tag{font-size:16px}h2{margin-top:36px}table{font-size:.9em}td code{word-break:break-word}#pout .bar{font-size:.85em}table.recipe td,table.recipe th{padding:6px 5px;font-size:.7em}#stats{grid-template-columns:1fr 1fr}#stats .stat:first-child{grid-column:1/-1}#drop,#pdrop{text-align:center;height:96px;padding:0 12px}footer{margin-top:56px;padding:0}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:16px 16px 0}.dirt-fade{background:linear-gradient(to bottom, var(--code-bg), var(--bg));height:150px;display:block}.dirt .dirt-art:nth-child(2){left:25%!important}.dirt .dirt-art:nth-child(3){left:32%!important}.dirt .dirt-art:nth-child(4){left:46%!important}#pout .bar .good,#pout .bar .bad{display:block}}