@font-face{font-family:Monostain;src:url(/fonts/Monostain-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Monostain;src:url(/fonts/Monostain-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f6f4ee)var(--lightningcss-dark,#0e0f12);--fg:var(--lightningcss-light,#17181c)var(--lightningcss-dark,#ecebe7);--dim:var(--lightningcss-light,#666a73)var(--lightningcss-dark,#8d909a);--line:var(--lightningcss-light,#d8d4c8)var(--lightningcss-dark,#2a2d35);--card:var(--lightningcss-light,#fffefb)var(--lightningcss-dark,#15171c);--hot:var(--lightningcss-light,#a85600)var(--lightningcss-dark,#f5b74e);background:var(--bg);color:var(--fg);font:16px/1.6 Monostain,ui-monospace,SFMono-Regular,Menlo,monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{margin:0}b{font-weight:700}#bg{z-index:-1;white-space:pre-wrap;word-break:break-all;opacity:.06;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:13px;line-height:1.7;position:fixed;inset:0;overflow:hidden}main{gap:2rem;max-width:44rem;margin:auto;padding:3rem 1.25rem 4rem;display:grid}header,ul,.note,footer{text-shadow:0 0 .4em var(--bg), 0 0 .8em var(--bg), 0 0 1.2em var(--bg)}header{text-align:center}header img{margin:0 auto .5rem;display:block}@media (prefers-reduced-motion:reduce){header img{display:none}}h1{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,9vw,3.25rem);line-height:1.1}h1 b,.note b{color:var(--hot)}header p{max-width:30rem;color:var(--dim);margin:.75rem auto 0}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;gap:.6rem;padding:1.25rem;display:grid}label,small,.use span{color:var(--dim);font-size:.85rem}label b{color:var(--fg)}label:not(:first-child){margin-top:.5rem}textarea{width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);resize:vertical;border-radius:10px;padding:.75rem .9rem}textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--hot);outline-offset:2px}input[type=range]{width:100%;accent-color:var(--hot);margin:0}.out{background:var(--bg);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:start;gap:.75rem 1rem;margin-top:.5rem;padding:.9rem;display:flex}#out{color:var(--hot);overflow-wrap:anywhere;flex:16rem}button{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:.3rem .8rem;font-size:.85rem}.out button{margin-left:auto}button:hover{border-color:var(--hot)}ul{color:var(--dim);gap:.75rem;margin:0;padding:0;list-style:none;display:grid}li b{color:var(--fg)}.use{grid-template-columns:auto 1fr;align-items:baseline;gap:.6rem 1.25rem}.note{color:var(--dim);text-align:center;margin:0}footer{justify-content:center;gap:1.5rem;display:flex}a{color:var(--fg);text-underline-offset:.2em}a:hover{color:var(--hot)}