:root{--canvas:#fff;--page:#f6f6f7;--ink:#0a0a0a;--muted:#737373;--faint:#a1a1a1;--line:#e5e5e5;--whisper:#ededed;--pass:#166534;--fail:#c22b10;--r-card:14px;--r-ctl:10px;--checker:conic-gradient(var(--whisper) 25%, var(--canvas) 0 50%, var(--whisper) 0 75%, var(--canvas) 0)}*,:before,:after{box-sizing:border-box}body{background:var(--page);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;font-size:14px;line-height:1.6}.wrap{width:min(100% - 32px,760px);margin-inline:auto;padding:44px 0 80px}.lede{border-bottom:1px solid var(--line);padding-bottom:22px}.eyebrow{letter-spacing:.1em;color:var(--muted);margin:0 0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}h1{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(24px,4vw,34px);line-height:1.15}.sub{color:var(--muted);max-width:54ch;margin:0 0 10px}.from code{color:var(--faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}section{margin-top:34px}h2{margin:0 0 12px;font-size:15px}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.checks{gap:6px;margin:0;padding:0;list-style:none;display:grid}.checks li{background:var(--canvas);border:1px solid var(--line);border-radius:var(--r-ctl);grid-template-columns:18px 1fr auto;align-items:baseline;gap:10px;padding:10px 14px;display:grid}.checks .mark{text-align:center;font-weight:700}.checks .detail{color:var(--muted);text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.checks .pass .mark{color:var(--pass)}.checks .fail{border-color:var(--fail)}.checks .fail .mark,.checks .fail .detail{color:var(--fail)}.checks .note .mark{color:var(--faint)}.doc{background:var(--canvas);border:1px solid var(--line);border-radius:var(--r-card);gap:8px;padding:14px 16px;display:grid}.doc>div{grid-template-columns:60px 1fr;gap:12px;display:grid}.doc .k{color:var(--faint);font-size:12px}.doc .v{word-break:break-all}.board-wrap{margin-top:12px}.board-head{color:var(--muted);align-items:center;gap:12px;margin-bottom:10px;font-size:13px;display:flex}.cleared{color:var(--pass)}.btn{font:inherit;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--canvas);cursor:pointer;margin-left:auto;padding:5px 12px;font-size:13px}.btn:hover{background:var(--whisper)}.board{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=480px){.board{grid-template-columns:repeat(3,1fr)}}.tile{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--canvas);cursor:pointer;place-items:center;padding:8px;display:grid;overflow:hidden}.tile.is-up{background:var(--checker) 0 0 / 14px 14px content-box;background-origin:content-box}.tile.is-done{opacity:.45;cursor:default}.tile img{object-fit:contain;width:100%;height:100%;display:block}.tile-back{background:var(--whisper);border-radius:6px;width:34%;height:34%}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r-card);padding:20px}