:root{--font:"Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--radius:18px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f7f8;--surface:#f1f1f1;--surface-2:#e3e3e5;--ink:#1f1f1f;--muted:#555;--on-ink:#f7f7f8;--shadow:0 1px 2px #1f1f1f14, 0 8px 24px #1f1f1f14}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#212121;--surface:#2f2f2f;--surface-2:#3d3d3d;--ink:#ececec;--muted:#b4b4b4;--on-ink:#171717;--shadow:0 1px 2px #00000059, 0 8px 24px #0000004d}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.45}[hidden]{display:none!important}#app{min-height:100%}svg{flex:none}a{color:inherit}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.mono{font-family:var(--mono);letter-spacing:-.01em;font-size:.9em}.icon-btn,.chip-btn,.btn,.replay{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:background .15s,transform .15s,opacity .15s;display:inline-flex}.icon-btn{background:var(--surface);width:42px;height:42px;box-shadow:var(--shadow);border-radius:50%}.icon-btn:hover,.chip-btn:hover,.replay:hover{background:var(--surface-2)}.chip-btn,.replay{background:var(--surface);height:42px;box-shadow:var(--shadow);border-radius:21px;padding:0 16px 0 12px;font-weight:560}.btn{border-radius:14px;height:46px;padding:0 18px;font-weight:600}.btn.primary{background:var(--ink);color:var(--on-ink);flex:1}.btn.primary:hover:not(:disabled){transform:translateY(-1px)}.btn.quiet{background:0 0}.btn.quiet:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.38;cursor:default}.btn[aria-pressed=true]{background:var(--surface-2)}.home{flex-direction:column;gap:40px;max-width:1180px;min-height:100dvh;margin:0 auto;padding:20px 28px 36px;display:flex}.home-bar{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{-webkit-user-drag:none;width:32px;height:32px;display:block}.hero{flex-direction:column;align-items:flex-start;gap:22px;padding:12px 0 8px;display:flex;position:relative}.hero>:not(.dither-canvas){z-index:1;position:relative}.dither-canvas{z-index:0;max-width:none;image-rendering:pixelated;pointer-events:none;position:absolute;top:0;left:0}.hero h1{letter-spacing:-.035em;max-width:14ch;margin:0;font-size:clamp(36px,6vw,62px);font-weight:700;line-height:1.02}.finder{flex-wrap:wrap;align-items:center;gap:12px 16px;width:100%;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.filter{height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:18px;padding:0 14px;font-size:15px;font-weight:600}.filter:hover{color:var(--ink)}.filter[aria-pressed=true]{background:var(--surface-2);color:var(--ink)}.text-link{color:var(--ink);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.search{background:var(--surface);min-width:min(100%,280px);height:52px;box-shadow:var(--shadow);color:var(--muted);border-radius:26px;flex:0 460px;align-items:center;gap:10px;padding:0 18px;display:flex}.search input{min-width:0;height:100%;color:var(--ink);font:inherit;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;flex:1;font-size:16px}.search input::placeholder{color:var(--muted)}.search:focus-within{outline:2px solid var(--ink);outline-offset:2px}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;display:grid}.card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;text-decoration:none;transition:transform .2s;display:flex;overflow:hidden}.card:hover{transform:translateY(-3px)}.thumb{aspect-ratio:4/3;background:var(--surface-2);width:100%;display:block}.card-body{flex-direction:column;gap:6px;padding:16px 18px 18px;display:flex}.card-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.card-title h2{letter-spacing:-.02em;margin:0;font-size:20px}.card-title span{color:var(--muted);text-align:right;font-size:14px}.card-body p{margin:0}.card-body .mono{color:var(--muted)}.card-meta{align-items:center;gap:14px;font-size:14px;font-weight:560;display:flex}.card-meta span{align-items:center;gap:6px;display:inline-flex}.card-meta svg{width:16px;height:16px;color:var(--muted)}.empty{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;margin:0;display:flex}.made{color:var(--muted);margin:0;font-size:13px}.home .made{margin-top:auto}.made a{color:var(--ink);text-underline-offset:3px}.build{grid-template-columns:minmax(0,1fr) 440px;height:100dvh;display:grid}.stage{min-width:0;min-height:0;position:relative;overflow:hidden}.viewer-canvas{touch-action:none;display:block;position:absolute;inset:0}.stage-bar{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:14px;left:14px;right:14px}.stage-bar>*{pointer-events:auto}.piece-name{background:var(--surface);box-shadow:var(--shadow);white-space:nowrap;border-radius:21px;align-items:baseline;gap:10px;padding:8px 16px;display:flex}.piece-name .mono{color:var(--muted);font-size:13px}.replay{z-index:2;position:absolute;bottom:16px;right:16px}.label-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.label-layer.compact .label-name{display:none}.part-label{background:var(--surface);box-shadow:var(--shadow);font-family:var(--mono);white-space:nowrap;border-radius:8px;padding:3px 8px;font-size:12px;position:absolute;top:0;left:0}.inset-marker{border:2px solid var(--ink);pointer-events:none;width:36px;height:36px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;margin:-18px 0 0 -18px;position:absolute;top:0;left:0}.panel{background:var(--surface);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:20px;min-height:0;margin:12px 12px 12px 0;padding:24px;display:flex;overflow-y:auto}.panel>*{flex-shrink:0}.step-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.step-count{font-family:var(--mono);font-size:14px;font-weight:650}.time-left{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:inline-flex}.time-left svg{width:17px;height:17px}.copy{flex-direction:column;gap:8px;display:flex}.copy h2{letter-spacing:-.025em;margin:0;font-size:26px;line-height:1.12}.instruction{-webkit-user-select:text;user-select:text;margin:0;font-size:16px;line-height:1.5}.nav{gap:10px;display:flex}.block{flex-direction:column;gap:10px;display:flex}.block h3{color:var(--muted);margin:0;font-size:14px;font-weight:650}.needs,.tools{gap:8px;margin:0;padding:0;list-style:none;display:grid}.needs{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.needs li{background:var(--surface-2);border-radius:14px;align-items:center;gap:10px;min-height:46px;padding:6px 12px;display:flex}.need-icon{place-items:center;width:24px;height:24px;display:grid}.need-icon svg{width:23px;height:23px}.need-name{flex:1;min-width:0;font-size:14px;font-weight:560;line-height:1.2}.need-count{font-weight:700}.tools{grid-template-columns:repeat(auto-fill,minmax(150px,max-content))}.tools li{background:var(--surface-2);border-radius:20px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:14px;font-weight:560;display:inline-flex}.tools svg{width:20px;height:20px}.strip{scrollbar-width:none;gap:2px;padding:2px;display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.strip-step{min-width:32px;height:36px;color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0 4px;font-size:14px;font-weight:600;display:grid}.strip-step svg{width:18px;height:18px}.strip-step:hover{background:var(--surface-2)}.strip-step.is-past{color:var(--ink)}.strip-step.is-current{background:var(--surface-2);color:var(--ink);font-weight:750}.voice{flex-wrap:wrap;gap:8px;display:flex}.voice .btn{height:42px;padding:0 14px;font-size:14px}.voice .btn.is-on{background:var(--ink);color:var(--on-ink)}.voice-notice{width:100%;color:var(--ink);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.voice-notice[hidden]{display:none}.panel .made{margin-top:auto;padding-top:4px}@media (max-width:860px){.build{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.panel{max-height:52dvh;padding:18px 18px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;gap:16px;margin:0}.copy h2{font-size:22px}.instruction{font-size:15px}.stage-bar{top:10px;left:10px;right:10px}.chip-btn span{display:none}.chip-btn{width:42px;padding:0}.piece-name{padding:8px 14px}.replay{height:40px;bottom:12px;right:12px}.needs{grid-template-columns:repeat(2,minmax(0,1fr))}.home{gap:28px;padding:16px 18px 28px}.hero{padding-bottom:96px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}