@font-face{font-family:Bagel fallback;src:local(Arial Black);size-adjust:85.03%;ascent-override:136.42%;descent-override:33.87%;line-gap-override:0%}@font-face{font-family:Figtree fallback;src:local(Arial);size-adjust:100.38%;ascent-override:94.64%;descent-override:24.91%;line-gap-override:0%}:root{--bg:#d9d0ff;--card:#fffdf8;--ink:#2a1458;--hot:#ff5a36;--lemon:#ffe45c;--line:3px;--r:28px;--spring:cubic-bezier(.34, 1.56, .64, 1);--display:"Bagel Fat One", "Bagel fallback", system-ui, sans-serif;--body:"Figtree", "Figtree fallback", system-ui, sans-serif;--m-rise:.5s;--m-pop:.45s;--m-stagger:70ms;--m-overlay:.2s;--m-sheet:.25s;--m-exit:.15s;--m-press:.25s;--m-tint:.15s}body{--tx:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='34'%3E%3Cg fill='%23000'%3E%3Cellipse cx='-4.2' cy='8' rx='3.4' ry='7.2' transform='rotate(-32 -4.2 8)'/%3E%3Cellipse cx='4.2' cy='8' rx='3.4' ry='7.2' transform='rotate(32 4.2 8)'/%3E%3Cellipse cx='13.8' cy='8' rx='3.4' ry='7.2' transform='rotate(-32 13.8 8)'/%3E%3Cellipse cx='22.2' cy='8' rx='3.4' ry='7.2' transform='rotate(32 22.2 8)'/%3E%3Cellipse cx='31.8' cy='8' rx='3.4' ry='7.2' transform='rotate(-32 31.8 8)'/%3E%3Cellipse cx='40.2' cy='8' rx='3.4' ry='7.2' transform='rotate(32 40.2 8)'/%3E%3Cellipse cx='4.8' cy='25' rx='3.4' ry='7.2' transform='rotate(-32 4.8 25)'/%3E%3Cellipse cx='13.2' cy='25' rx='3.4' ry='7.2' transform='rotate(32 13.2 25)'/%3E%3Cellipse cx='22.8' cy='25' rx='3.4' ry='7.2' transform='rotate(-32 22.8 25)'/%3E%3Cellipse cx='31.2' cy='25' rx='3.4' ry='7.2' transform='rotate(32 31.2 25)'/%3E%3C/g%3E%3C/svg%3E");--tx-size:36px 34px;--tx-light:#ffffff57;--tx-shade:#2a145816}body:before,body:after{content:"";z-index:-1;pointer-events:none;-webkit-mask-image:var(--tx);-webkit-mask-image:var(--tx);mask-image:var(--tx);-webkit-mask-size:var(--tx-size);-webkit-mask-size:var(--tx-size);mask-size:var(--tx-size);position:fixed;inset:0}body:after{background:var(--tx-light)}body:before{background:var(--tx-shade);-webkit-mask-position:1.5px 2.5px;mask-position:1.5px 2.5px}@font-face{font-family:Bagel Fat One;src:url(/app/fonts/bagelfatone/BagelFatOne-Latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/app/fonts/figtree/Figtree%5Bwght%5D.ttf)format("truetype-variations");font-weight:500 800;font-style:normal;font-display:swap}:root{--phone-edit:0}@media (width<=760px),(height<=600px){:root{--phone-edit:1}}*{box-sizing:border-box;margin:0}html{overflow-x:clip}body:before,body:after{inset:-680px 0}body{font:500 16px/1.5 var(--body);color:var(--ink);background:var(--bg);min-height:100vh;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:#2a145857 transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a145857 padding-box content-box;border:3px solid #0000;border-radius:999px}@media (hover:hover){::-webkit-scrollbar-thumb:hover{background:#2a145899 padding-box content-box}}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0}:focus-visible{outline:3px solid var(--ink);outline-offset:4px;border-radius:999px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tip-bubble{z-index:90;background:var(--ink);max-width:min(260px,100vw - 32px);color:var(--card);font:700 12px/1.35 var(--body);text-align:center;text-shadow:none;pointer-events:none;opacity:0;visibility:hidden;border-radius:14px;padding:8px 12px;transition:opacity .14s,visibility 0s .14s;position:fixed;top:0;left:0;box-shadow:0 3px #2a145840}.tip-bubble.is-measuring{opacity:0;transition:none}.tip-bubble.is-open{opacity:1;visibility:visible;transition:opacity .14s}.btn{cursor:pointer;font:400 24px/1 var(--display);background:var(--hot);color:var(--card);border:var(--line) solid var(--ink);box-shadow:0 6px 0 var(--ink);transition:transform var(--m-press) var(--spring), box-shadow var(--m-press) var(--spring);border-radius:999px;justify-content:center;align-items:center;padding:20px 34px;text-decoration:none;display:inline-flex}@media (hover:hover){.btn:hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-2px)rotate(-1.5deg)}}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)scale(1.04,.92)}.btn:has(:focus-visible){outline:3px solid var(--ink);outline-offset:5px}.btn.small{box-shadow:0 4px 0 var(--ink);padding:11px 20px;font-size:17px}.btn.alt{background:var(--card);color:var(--ink)}.btn[disabled]{cursor:not-allowed;opacity:.55}.btn[disabled]:active{box-shadow:0 6px 0 var(--ink);transform:none}@media (hover:hover){.btn[disabled]:hover{box-shadow:0 6px 0 var(--ink);transform:none}}.btn.small[disabled]:active{box-shadow:0 4px 0 var(--ink)}@media (hover:hover){.btn.small[disabled]:hover{box-shadow:0 4px 0 var(--ink)}}.pill{background:var(--card);border:var(--line) solid var(--ink);transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none}@media (hover:hover){.pill:hover{background:var(--lemon);transform:scale(1.05)}}.pill:active{transform:scale(.93,.88)}.pill.wide{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;display:flex}@media (hover:hover){.pill.wide:hover{transform:translateY(-2px)}}.pill.wide:active{transform:scale(.99,.95)}.pill[aria-pressed=true]{background:var(--ink);color:var(--card)}.pill[disabled]{cursor:not-allowed;opacity:.55}.pill[disabled]:active{transform:none}@media (hover:hover){.pill[disabled]:hover{transform:none}.pill[disabled]:not([aria-pressed=true]):hover{background:var(--card)}}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fine{opacity:.75;font-size:13px}.agree{text-wrap:balance;font-size:12px;line-height:1.4}.agree a{text-underline-offset:2px;font-weight:600;text-decoration-thickness:1px}@media (hover:hover){.agree a:hover{text-decoration-thickness:2px}}.wordmark{font:400 46px/1 var(--display);white-space:nowrap;align-items:center;gap:.26em;text-decoration:none;display:inline-flex}.wm-p{vertical-align:-.47em;transform-origin:58% 36%;width:.83em;height:1.16em;transition:rotate .6s var(--spring);margin:0 -.04em 0 -.02em;overflow:visible}@media (hover:hover){.wordmark:hover .wm-p{rotate:-14deg}}.symbols{width:0;height:0;position:absolute;overflow:hidden}.hero{max-width:1360px;margin:0 auto;padding:20px 24px 0;position:relative}.nav{z-index:2;background:var(--card);border:var(--line) solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:999px;align-items:center;gap:24px;padding:10px 12px 10px 26px;display:flex;position:relative}.nav .account{align-items:center;gap:10px;margin-left:auto;display:flex}.pitch{z-index:1;text-align:center;max-width:760px;margin:0 auto;padding:56px 0 20px;position:relative}h1{font:400 clamp(44px, 6.2vw, 80px)/.98 var(--display);letter-spacing:-.01em;text-wrap:balance}h1 em{color:var(--hot);-webkit-text-stroke:var(--line) var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);font-style:normal}.lede{max-width:30em;margin:22px auto 26px;font-size:20px;line-height:1.45}.drop{background:var(--card);border:var(--line) dashed var(--ink);transition:transform .3s var(--spring), background var(--m-tint);border-radius:44px;justify-items:center;gap:14px;padding:26px 24px 22px;display:grid}.drop p{font-size:15px}.drop.is-over{background:var(--lemon);transform:scale(1.03)}.pitch .fine{margin-top:14px}.pitch .u-spare{margin:18px 0 0}.pitch .u-spare+.fine{margin-top:10px}.pitch .fine+.agree{margin-top:4px}.steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:0;list-style:none;display:flex}.steps li{align-items:center;gap:10px;display:flex}.sp{background:var(--card);border:var(--line) solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:999px;align-items:center;gap:10px;padding:5px 18px 5px 5px;font-size:15px;font-weight:800;line-height:1.2;display:inline-flex}.sp b{background:var(--ink);width:30px;height:30px;color:var(--card);border:var(--line) solid var(--ink);font:400 16px/1 var(--display);border-radius:50%;flex:none;place-items:center;display:grid}.links{flex:none;width:74px;height:22px;overflow:visible}.lk{fill:var(--hot);stroke:var(--ink);stroke-width:3.5px;transform-box:fill-box;transform-origin:50%}.foot{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 28px;margin:72px 0 96px;display:flex;position:relative}.foot-ico{width:112px;height:112px;filter:drop-shadow(0 6px 0 var(--ink));flex:none}.foot-wm{font-size:76px}.foot-txt p{margin-top:18px;font-size:17px;font-weight:500}.foot .legal-links{margin-top:10px;font-size:15px;font-weight:600}.app{grid-template:"bar bar""stage panel"1fr/minmax(0,1fr) 344px;gap:18px;max-width:1360px;min-height:100vh;margin:0 auto;padding:18px;display:grid}.app.is-bare{grid-template:"bar""stage"1fr/minmax(0,1fr)}.app-bar{background:var(--card);border:var(--line) solid var(--ink);box-shadow:0 5px 0 var(--ink);z-index:7;border-radius:999px;flex-wrap:wrap;grid-area:bar;align-items:center;gap:12px;padding:8px 10px 8px 22px;display:flex;position:relative}.app-bar .wordmark{font-size:32px}.project{min-width:0;font-size:14px;line-height:1.2;display:grid}.project b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project span{opacity:.75;font-size:12px}.bar-end{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.bar-end .fine{text-align:right;max-width:20em}.edit-bar .project{gap:1px}.bar-links{flex-wrap:wrap;gap:14px;margin-top:3px;display:flex}.link{font:600 12px/1.2 var(--body);color:var(--ink);opacity:.7;text-underline-offset:3px;transition:opacity var(--m-tint);padding:1px 0;text-decoration:underline;text-decoration-thickness:1px}@media (hover:hover){.link:hover{opacity:1}}.link[aria-pressed=true]{opacity:1;text-decoration-thickness:2.5px}.link[disabled]{opacity:.35;cursor:not-allowed}.dot{background:var(--card);width:40px;height:40px;color:var(--ink);border:var(--line) solid var(--ink);box-shadow:0 4px 0 var(--ink);font:400 18px/1 var(--display);transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:50%;place-items:center;display:grid}@media (hover:hover){.dot:hover{background:var(--lemon);transform:translateY(-2px)}}.dot:active{transform:scale(.93,.88)}.dot[aria-expanded=true]{background:var(--ink);color:var(--card)}.legal-links{flex-wrap:wrap;gap:4px 16px;display:flex}.stage{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);background-image:radial-gradient(#2a145821 1.5px,#0000 1.6px);background-size:18px 18px;grid-area:stage;grid-template-rows:minmax(0,1fr) auto;justify-items:center;min-width:0;min-height:360px;padding:24px 24px 104px;display:grid;position:relative;overflow:hidden}.stage>p,.stage>.stage-note{align-self:center}.stage-note{text-align:center;align-content:center;justify-items:center;gap:16px;max-width:34em;display:grid}.stage-note h2{font:400 22px/1.15 var(--display);text-wrap:balance}.sign-in-free{white-space:nowrap}.stage-note .agree{margin-top:-4px}.panel{flex-direction:column;grid-area:panel;gap:14px;min-width:0;display:flex}.step{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);box-shadow:0 5px 0 var(--ink);padding:16px 18px 18px;font-size:14px}.step h2{font:400 22px/1 var(--display);align-items:center;gap:10px;margin-bottom:12px;display:flex}.step .n{background:var(--ink);width:32px;height:32px;color:var(--card);border:var(--line) solid var(--ink);border-radius:50%;flex:none;place-items:center;font-size:17px;display:grid}.step.done .n{background:var(--lemon);color:var(--ink)}.tick{width:19px;height:19px;animation:pop-in var(--m-pop) var(--spring) both}.app.setting-up{grid-template:"bar bar""panel stage"minmax(0,1fr)/372px minmax(0,1fr);height:100vh}.app.setting-up .stage{grid-template-rows:minmax(0,1fr) auto;gap:12px;padding:20px}.app.setting-up .panel{grid-template-rows:minmax(0,1fr) auto;display:grid}.panel-steps{overscroll-behavior:contain;flex-direction:column;gap:14px;min-height:0;padding-bottom:22px;display:flex;overflow:clip auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 22px),#0000 100%)}.panel-steps .choices{max-width:280px;margin:0 auto}.panel-foot{z-index:2;text-align:center;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);box-shadow:0 5px 0 var(--ink);justify-items:center;gap:10px;padding:14px 16px 16px;display:grid}.panel-foot .sum{font-size:14px;font-weight:600}.panel-foot .note{background:var(--lemon);box-shadow:none;border-radius:18px;justify-self:stretch;padding:10px 14px;font-size:13px}.panel-foot .sum b{font:400 22px/1 var(--display);vertical-align:-1px}.panel-foot .btn{width:100%;font-size:22px}.panel-foot .fine{font-size:12px}.panel-foot .fine+.agree{margin-top:-6px}.canvas-cell{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid}.canvas-wrap{outline:var(--line) solid var(--ink);background:#e6e0d2;border-radius:6px;width:100%;height:100%;line-height:0;position:relative;overflow:hidden}.chart-canvas{touch-action:none;width:100%;height:100%;display:block}.preview-stage{grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:12px;width:100%;min-width:0;height:100%;min-height:0;display:grid}.preview-canvas{touch-action:none;width:100%;height:100%;display:block}.preview-line{text-align:center;text-wrap:balance;max-width:46ch;color:var(--ink);padding:0 12px;font-size:14px;font-weight:500;line-height:1.4}.preview-line strong{font-weight:800;display:block}.preview-line[data-nudge]{border-radius:8px;animation:1.2s ease-in-out nudge-line}.btn[data-nudge]{animation:nudge-press .6s var(--spring)}@keyframes nudge-line{0%,to{background:0 0;box-shadow:0 0 #0000}20%,70%{background:var(--lemon);box-shadow:0 0 0 6px var(--lemon)}}@keyframes nudge-press{0%,to{scale:1}35%{scale:1.08}65%{scale:.97}}@media (prefers-reduced-motion:reduce){.preview-line[data-nudge]{background:var(--lemon);box-shadow:0 0 0 6px var(--lemon)}}.canvas-hold{width:100%;height:100%;position:relative}.chart-sticker{--sticker-max:150px;z-index:2;pointer-events:none;background:var(--card);border:var(--line) solid var(--ink);box-shadow:4px 5px 0 var(--ink);border-radius:14px;margin:0;padding:6px 6px 4px;position:absolute;bottom:-14px;right:-14px;rotate:4deg}.sticker-canvas{box-sizing:content-box;width:min(var(--sticker-max), calc(var(--sticker-max) * var(--sticker-ratio)));aspect-ratio:var(--sticker-ratio);border:2px solid var(--ink);background:#e6e0d2;border-radius:6px;display:block}.chart-sticker figcaption{letter-spacing:.04em;text-transform:uppercase;text-align:center;white-space:nowrap;color:var(--ink);margin-top:4px;font-size:13px;font-weight:800;line-height:1.2}@media (width<=760px),(height<=600px){.chart-sticker{--sticker-max:104px;top:-10px;bottom:auto;right:-6px}.chart-sticker figcaption{font-size:11px}}.preview-foot{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;width:100%;padding:0 4px;display:grid}.preview-foot .chart-sticker{--sticker-max:64px;margin:2px 0 6px;position:relative;top:auto;bottom:auto;right:auto;rotate:-4deg}.preview-foot .chart-sticker figcaption{font-size:10px}.preview-foot .preview-line{text-align:left;padding:0}.stage-preview-tag{z-index:3;background:var(--card);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);pointer-events:none;animation:pop-in var(--m-pop) var(--spring) both;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800;line-height:1.2;position:absolute;top:18px;left:18px;rotate:-3deg}.stage-note-float{z-index:3;text-align:center;max-width:calc(100% - 48px);position:absolute;top:16px;left:50%;transform:translate(-50%)}.note.stitching{align-items:center;gap:14px;width:max-content;padding:10px 18px 10px 10px;font-size:15px;display:flex}.sw{--cell:12px;grid-template-columns:repeat(10, var(--cell));grid-auto-rows:var(--cell);border:2.5px solid var(--ink);background:#e6e0d2;border-radius:12px;flex:none;gap:2px;padding:5px;display:grid;position:relative}.sw i{background:var(--lemon);box-shadow:inset 0 0 0 1.5px var(--ink);border-radius:3px;scale:0}.sw i.on{scale:1}.sw-ball{left:calc(5px + var(--cell) / 2);top:calc(5px + var(--cell) / 2);z-index:1;font-size:var(--cell);aspect-ratio:1;border:2.5px solid var(--ink);width:24px;translate:calc(var(--x) * (var(--cell) + 2px) - 50%) calc(var(--y) * (var(--cell) + 2px) - 50%);rotate:calc(var(--n) * 24deg);scale:calc(1 - var(--q,0) / 3);border-radius:50%;position:absolute}.sw-says{text-wrap:balance;max-width:260px}@media (width<=560px){.note.stitching{gap:10px;padding:8px 12px 8px 8px;font-size:14px;line-height:1.35}.sw{--cell:8px;border-radius:10px;padding:4px}.sw-ball{left:calc(4px + var(--cell) / 2);top:calc(4px + var(--cell) / 2);width:18px}.sw-says{max-width:150px}}.ball{border:var(--line) solid var(--ink);background:radial-gradient(circle at 32% 28%, #ffffff8c 0 12%, transparent 13%), repeating-radial-gradient(circle at 70% 120%, transparent 0 5px, #00000021 5px 6.5px), var(--c);border-radius:50%;flex:none;display:inline-block}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;list-style:none;display:grid}.choice{width:100%;transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:18px;justify-items:center;gap:6px;padding:8px 6px;display:grid}@media (hover:hover){.choice:hover{background:var(--lemon);transform:translateY(-3px)}}.choice[aria-pressed=true]{background:var(--lemon);box-shadow:inset 0 0 0 var(--line) var(--ink)}.choice-chart{border:2.5px solid var(--ink);width:100%;image-rendering:pixelated;background:#e6e0d2;border-radius:8px;display:block}.choice-name{text-align:center;font-size:13px;font-weight:800;line-height:1.2}.picked-part{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:10px 0 12px;display:flex}.picked-part b{font-size:14px;font-weight:800}.crop-offer{border:2.5px solid var(--ink);background:var(--card);border-radius:18px;margin:0 0 12px;padding:12px 14px 14px}.crop-offer p{gap:2px;display:grid}.crop-offer b{font-size:14px;font-weight:800}.crop-offer-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.exact{margin-top:12px}.exact summary{cursor:pointer;border:var(--line) solid var(--ink);background:var(--card);border-radius:999px;align-items:center;gap:7px;padding:6px 13px 6px 11px;font-size:13px;font-weight:600;list-style:none;display:inline-flex}.exact summary::-webkit-details-marker{display:none}.exact summary:before{content:"";width:0;height:0;transition:transform .2s var(--spring);border:5px solid #0000;border-left-color:currentColor;flex:none;margin-left:1px}.exact[open] summary:before{transform:rotate(90deg)translate(1px)}@media (hover:hover){.exact summary:hover{background:var(--lemon)}}.exact .fields{margin-top:12px}.sticker-dialog{background:var(--card);color:var(--ink);border:var(--line) solid var(--ink);border-radius:var(--r);max-width:30em;box-shadow:7px 8px 0 var(--ink);padding:22px 24px 20px;font-size:15px;font-weight:600}.sticker-dialog::backdrop{background:#2a145873}.sticker-dialog .row{margin-top:16px}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field{gap:5px;min-width:0;display:grid}.field>span{font:800 11px/1.2 var(--body);text-transform:uppercase;letter-spacing:.08em}.field input{font:600 15px/1 var(--body);color:var(--ink);background:var(--card);border:var(--line) solid var(--ink);border-radius:999px;width:100%;min-width:0;padding:9px 14px}.field input:disabled{cursor:not-allowed;opacity:.55}.slider-row{grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:12px;display:grid}input[type=range]{appearance:none;border:var(--line) solid var(--ink);cursor:pointer;background:var(--card);background-image:linear-gradient(90deg, var(--lemon) var(--fill,0%), transparent 0);border-radius:999px;width:100%;height:16px;margin:0;padding:0}input[type=range]:disabled{cursor:not-allowed;opacity:.55}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--card);border:var(--line) solid var(--ink);width:26px;height:26px;box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--card);border:var(--line) solid var(--ink);width:26px;height:26px;box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:50%}.readout{margin-top:12px;font-weight:600}.readout b{font:400 22px/1 var(--display);vertical-align:-1px}.step .row{margin-top:12px}.note{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);text-align:left;box-shadow:0 4px 0 var(--ink);gap:4px;padding:12px 16px;font-size:14px;font-weight:600;display:grid}.note .fine{font-weight:500}.pitch .note{margin-top:18px}.step .note{box-shadow:none;border-radius:18px;margin-top:12px;padding:10px 14px}.plain{text-align:center;justify-items:center;gap:20px;max-width:720px;margin:0 auto;padding:80px 24px;display:grid}.plain h1{font-size:clamp(36px,5vw,56px)}@keyframes rise-in{0%{opacity:0;translate:0 26px}to{opacity:1;translate:0}}@keyframes pop-in{0%{scale:0}70%{scale:1.18}to{scale:1}}@keyframes jelly{0%{scale:1}25%{scale:1.035 .965}50%{scale:.985 1.02}75%{scale:1.01 .992}to{scale:1}}.nav,.app-bar{animation:rise-in var(--m-rise) var(--spring) both}[data-arrived] :is(.nav,.app-bar){animation:none}.hero>:is(.pitch,.steps,.foot),.hero>:is(.carry,.a-shelf)>h2{animation:rise-in var(--m-rise) calc(var(--at,0) * var(--m-stagger)) var(--spring) both}@media (hover:hover){.drop:hover{animation:.7s ease-out jelly}}.drop.is-over{animation:.7s ease-out infinite jelly}.step{animation:rise-in var(--m-rise) var(--spring) both}.panel .step:nth-child(2){animation-delay:var(--m-stagger)}.panel .step:nth-child(3){animation-delay:calc(2 * var(--m-stagger))}.lk{animation:pop-in var(--m-pop) calc((var(--at,0) + var(--i)) * var(--m-stagger)) var(--spring) backwards}@media (width<=1080px){.app{grid-template:"bar""stage""panel"/minmax(0,1fr)}.app.setting-up{grid-template:"bar""stage""panel"/minmax(0,1fr);height:auto}.app.setting-up .panel{display:flex}.panel-steps{min-height:0;padding-bottom:0;overflow:visible}.app-bar{border-radius:var(--r);padding:12px 16px}.bar-end{margin-left:0}.bar-end .fine{text-align:left}.steps{margin-top:32px}.stage{min-height:62vh;padding:20px}}@media (width<=560px){.hero{padding:12px 16px 0}.nav{gap:8px;padding-left:18px}.wordmark{font-size:32px}.pitch{padding-top:34px}.lede{font-size:18px}.btn{padding:17px 26px;font-size:21px}.steps{flex-direction:column;gap:8px;margin-top:28px}.links{display:none}.sp{font-size:14px}.foot{text-align:center;flex-direction:column;margin:48px 0 64px}.foot .legal-links{justify-content:center}.foot-ico{width:84px;height:84px}.foot-wm{font-size:50px}.app{gap:12px;padding:12px}.app-bar{gap:10px 12px}.app-bar .wordmark{font-size:28px}.bar-end{display:contents}.app-bar .btn.small{order:2;margin-left:auto;padding:9px 14px;font-size:15px}.app-bar .project{order:3}.edit-bar .bar-end{order:2;gap:8px;margin-left:auto;display:flex}.edit-bar .project{flex-basis:100%;order:3}.edit-bar .dot{width:36px;height:36px;font-size:16px}.bar-end .fine{text-align:left;flex-basis:100%;order:6;margin:0}.stage{min-height:58vh;padding:14px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.app.desk{grid-template:"bar bar bar""yarns stage now"minmax(0,1fr)/268px minmax(0,1fr) 344px;gap:16px;max-width:none;height:100vh;padding:16px}.desk-bar{gap:10px 16px;padding:8px 10px 8px 20px}.desk-bar .bar-end{gap:12px}.desk-yarns{overscroll-behavior:contain;grid-area:yarns;grid-auto-rows:auto;align-content:start;gap:16px;min-width:0;padding-bottom:6px;display:grid;overflow:clip auto}.desk-card{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);box-shadow:0 5px 0 var(--ink);min-width:0;animation:rise-in var(--m-rise) var(--spring) both;padding:14px 14px 16px;position:relative}.desk-card>h2{font:400 20px/1 var(--display);align-items:center;gap:8px;margin-bottom:10px;padding:0 4px;display:flex}.yarn-card{grid-template-rows:auto auto auto auto;align-content:start;display:grid}.yarn-card .list-note{text-align:center;margin-top:10px;font-size:12px}.desk-yarns .yarn-list{align-content:start}.photo-card{grid-template-columns:minmax(0,1fr);display:grid}.photo-hold{place-items:center;display:grid}.photo-press{border:var(--line) solid var(--ink);transition:transform var(--m-press) var(--spring);background:#e6e0d2;border-radius:16px;padding:0;display:block;overflow:hidden}@media (hover:hover){.photo-press:hover{transform:translateY(-3px)rotate(-1deg)}}.photo-press:active{transform:scale(.97,.93)}.photo-press[aria-pressed=true]{box-shadow:0 0 0 4px var(--lemon)}.photo-press canvas{width:100%;height:100%;display:block}.photo-card .fine{text-align:center;margin-top:8px;font-size:12px}.setup-sum{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px;padding:0 4px;display:grid}.setup-thumb{border:2.5px solid var(--ink);border-radius:10px;width:44px;height:44px;display:block;rotate:-3deg}.setup-line{font-size:13.5px;font-weight:700;line-height:1.3}.setup-sum .pill{grid-column:1/-1;justify-content:center;align-items:center;gap:8px;display:flex}.setup-sum .chip-ico{flex:none;width:18px;height:18px}.desk-yarns.has-setup>:not(.setup-card){visibility:hidden}.setup-hold{position:absolute;inset:0}.yarn-list{gap:2px;padding:0;list-style:none;display:grid}.yarn-row{text-align:left;width:100%;transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:5px 10px;display:grid}@media (hover:hover){.yarn-row:hover{background:var(--lemon);transform:translateY(-2px)}}.yarn-row:active{transform:scale(.97,.92)}.yarn-row[aria-pressed=true]{background:var(--lemon);box-shadow:inset 0 0 0 var(--line) var(--ink)}.yarn-row .ball{width:30px;height:30px}.yarn-row .nm{overflow-wrap:anywhere;font-size:14px;font-weight:800;line-height:1.2}.yarn-row .ct{opacity:.7;font-variant-numeric:tabular-nums;font-size:12px}.panel-card{z-index:4;top:calc(var(--line) * -1);left:calc(var(--line) * -1);right:calc(var(--line) * -1);min-height:calc(100% + var(--line) * 2);background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);box-shadow:0 5px 0 var(--ink);align-content:start;justify-items:stretch;gap:10px;padding:16px;display:grid;position:absolute}.panel-card h2{font:400 21px/1.1 var(--display);align-items:center;gap:8px;display:flex}@media (width>=561px){.yarn-card.has-card{box-shadow:none;background:0 0;border-color:#0000}.yarn-card.has-card>:not(.panel-card){visibility:hidden}.setup-card.has-card{box-shadow:none;background:0 0;border-color:#0000}.setup-card.has-card>:not(.setup-hold){visibility:hidden}}.setup-over{z-index:30;animation:veil-in var(--m-overlay) var(--spring) both;background:#2a14586b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}@keyframes veil-in{0%{opacity:0}to{opacity:1}}@media (width>=561px){.setup-over .panel-card{overscroll-behavior:contain;gap:12px;width:min(560px,100%);max-width:100%;min-height:0;max-height:100%;padding:20px;position:static;overflow:clip auto}.setup-over .panel-card .end-row{z-index:1;background:var(--card);margin:2px -20px -20px;padding:10px 20px 20px;position:sticky;bottom:-20px}}.yarn-head{align-items:center;gap:12px;display:flex}.yarn-head .ball{width:46px;height:46px}.yarn-head h2{margin-bottom:2px}.acts{gap:7px;margin-top:12px;display:grid}.acts .pill{text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 15px;display:flex}@media (hover:hover){.acts .pill:hover:not([disabled]){transform:translateY(-2px)}}.acts .pill:after{content:"";opacity:.45;border-top:2.6px solid;border-right:2.6px solid;flex:none;width:7px;height:7px;transform:rotate(45deg)}.acts-out{border-top:2px solid #2a145824;margin-top:13px;padding-top:12px}.acts-out .pill{justify-content:center;width:100%;display:flex}.panel-card .pill.choose{padding:7px 12px;font-size:13px}.panel-card .row{margin:0}.panel-card>.fine{margin-top:-4px}.panel-card .field>span{margin-bottom:1px}.panel-card .fine.warn{margin-top:2px}.panel-card h2 .dust-ico{width:27px;height:24px;margin-right:-2px}.panel-card .choice-chart{aspect-ratio:1;image-rendering:auto}.panel-card .choice .fine{font-size:12px}.choice-chart.mono{filter:grayscale()contrast(1.12)}.swatches{grid-template-columns:repeat(6,1fr);gap:6px 2px;margin:0;padding:0;list-style:none;display:grid}.swatch{width:100%;transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:16px;justify-items:center;gap:3px;padding:5px 1px;display:grid}@media (hover:hover){.swatch:hover{background:var(--lemon);transform:translateY(-3px)}}.swatch:active{transform:scale(.9,.85)}.swatch[aria-pressed=true]{background:var(--lemon);box-shadow:inset 0 0 0 var(--line) var(--ink)}.colour-grid .swatch[aria-pressed=true]{z-index:0;box-shadow:none;background:0 0;position:relative}.colour-grid .swatch[aria-pressed=true]:before{content:"";z-index:-1;background:var(--lemon);box-shadow:inset 0 0 0 var(--line) var(--ink);border-radius:16px;position:absolute;inset:-2px -3px -3px}.colour-grid .swatch-name{z-index:1;position:relative}.swatch-chip{border:var(--line) solid var(--ink);background:radial-gradient(circle at 32% 28%, #ffffff8c 0 12%, transparent 13%), repeating-radial-gradient(circle at 70% 120%, transparent 0 5px, #00000024 5px 6.5px), var(--c);border-radius:50%;width:28px;height:28px}.swatch-name{text-align:center;font-size:10px;font-weight:800;line-height:1.15}.field input.colour-field{cursor:pointer;appearance:none;border-radius:999px;height:42px;padding:0;overflow:hidden}.field input.colour-field::-webkit-color-swatch-wrapper{padding:0}.field input.colour-field::-webkit-color-swatch{border:0;border-radius:999px}.field input.colour-field::-moz-color-swatch{border:0;border-radius:999px}.pick-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.pick{width:100%;transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:16px;justify-items:center;gap:3px;padding:5px 2px;display:grid}@media (hover:hover){.pick:hover{background:var(--lemon);transform:translateY(-3px)rotate(-3deg)}}.pick:active{transform:scale(.9,.85)}.pick[aria-pressed=true]{background:var(--lemon);box-shadow:inset 0 0 0 var(--line) var(--ink)}.pick .ball{width:38px;height:38px}.pick span{text-align:center;overflow-wrap:anywhere;font-size:10px;font-weight:800;line-height:1.1}.pick[disabled],.swatch[disabled],.yarn-row[disabled]{cursor:not-allowed;opacity:.5}@media (hover:hover){.pick[disabled]:hover,.swatch[disabled]:hover,.yarn-row[disabled]:hover{background:0 0;transform:none}}.pick[disabled]:active,.swatch[disabled]:active,.yarn-row[disabled]:active{transform:none}.label{font:800 11px/1.2 var(--body);text-transform:uppercase;letter-spacing:.08em;margin-bottom:-4px}.says{margin-top:-2px;font-size:14px;font-weight:600;line-height:1.3}.says+.fine{margin-top:-6px}.says.warn{color:var(--hot);font-weight:800}.fine.warn{opacity:1;font-weight:600}.end-row{align-items:center;gap:10px;margin-top:4px}.end-row .btn.small{padding:11px 22px;font-size:17px}.end-row:has(>*+*)>*{flex:auto}.pill.choose[aria-pressed=true]{background:var(--lemon);color:var(--ink);box-shadow:inset 0 0 0 var(--line) var(--ink)}.app.desk .stage{grid-area:stage;grid-template-rows:auto minmax(0,1fr);place-items:center;gap:10px;padding:14px 20px 132px;display:grid}.desk-stage .canvas-cell{align-self:stretch;width:100%;height:100%}.desk-frames{grid-template-columns:minmax(0,1fr);gap:16px;width:100%;min-width:0;height:100%;min-height:0;display:grid}.desk-frames.comparing{grid-template-columns:repeat(2,minmax(0,1fr))}.desk-frames .canvas-cell{min-width:0;min-height:0}.desk-stage[data-tool=area] .chart-canvas{cursor:crosshair}.desk-stage[data-tool=brush] .chart-canvas{cursor:cell}.desk-stage[data-tool=same] .chart-canvas{cursor:pointer}.desk-stage[data-tool=move] .chart-canvas{cursor:grab}.desk-stage[data-tool=move] .chart-canvas:active{cursor:grabbing}.stage-top{justify-self:stretch;align-items:center;gap:12px;min-width:0;padding:0 4px;display:flex}.stage-top .project{min-width:0}.stage-top .project b{font-size:15px}.stage-tools{z-index:3;align-items:center;gap:10px;margin-left:auto;display:flex}.tool-well{background:var(--card);border:var(--line) solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex}.round{background:var(--card);border:var(--line) solid var(--ink);width:38px;height:38px;font:400 20px/1 var(--display);transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:50%;place-items:center;display:grid}@media (hover:hover){.round:hover{background:var(--lemon);transform:scale(1.06)}}.round:active{transform:scale(.9,.85)}.stage-tools .round{width:34px;height:34px;box-shadow:none;background:0 0;border:none}@media (hover:hover){.stage-tools .round:hover{background:var(--lemon);transform:translateY(-2px)}}.stage-tools .round:active{transform:scale(.9,.84)}.stage-tools .round[aria-pressed=true]{background:var(--ink);color:var(--card)}.stage-tools svg{fill:none;stroke:currentColor;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.stage-tools .flip{transform:scaleX(-1)}.stage-tools .round[disabled]{opacity:.3;cursor:not-allowed}@media (hover:hover){.stage-tools .round[disabled]:hover{background:0 0;transform:none}}.look-well .zoom{text-align:center;font-variant-numeric:tabular-nums;min-width:30px;font-size:13px;font-weight:800}.dock-hold{z-index:3;justify-items:center;gap:8px;display:grid;position:absolute;bottom:16px;left:12px;right:12px}.dock-cue{width:100%;min-height:30px;animation:rise-in var(--m-rise) .3s var(--spring) both;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;display:grid}.cue-line{text-align:center;max-width:100%;color:var(--ink);opacity:.85;text-shadow:0 1px 0 var(--card), 0 -1px 0 var(--card), 1px 0 0 var(--card), -1px 0 0 var(--card), 0 0 7px var(--card);grid-column:2;margin:0;font-size:13px;font-weight:700}.cue-line.is-gone{visibility:hidden}.clear-btn{white-space:nowrap;background:var(--card);border:var(--line) solid var(--ink);box-shadow:0 2px 0 var(--ink);animation:pop-in var(--m-pop) var(--spring) both;transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:999px;grid-column:1;justify-self:end;align-items:center;gap:5px;padding:3px 12px 3px 9px;font-size:12px;font-weight:800;display:flex}.clear-btn svg{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;width:13px;height:13px}@media (hover:hover){.clear-btn:hover{background:var(--lemon);transform:translateY(-2px)}}.clear-btn:active{transform:scale(.94,.86)}.dock{background:var(--card);border:var(--line) solid var(--ink);min-width:0;max-width:100%;box-shadow:0 5px 0 var(--ink);animation:rise-in var(--m-rise) .25s var(--spring) both;border-radius:999px;align-items:center;gap:2px;padding:5px 10px;display:flex}.tool-set{flex:none;align-items:center;gap:2px;display:flex}.sep{background:#2a145829;border-radius:2px;flex:none;width:2px;height:30px;margin:0 8px}.tool{white-space:nowrap;transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:18px;justify-items:center;gap:1px;padding:5px 11px;font-size:11px;font-weight:600;line-height:1.1;display:grid}.tool svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px;transition:scale var(--m-press) var(--spring), rotate var(--m-press) var(--spring)}@media (hover:hover){.tool:hover{background:var(--lemon);transform:translateY(-3px)}.tool:hover svg{rotate:-6deg;scale:1.15}}.tool:active{transform:scale(.9,.84)}.tool[aria-pressed=true]{background:var(--ink);color:var(--card);--spark:var(--card)}.tool[disabled]{opacity:.45;cursor:not-allowed}@media (hover:hover){.tool[disabled]:hover{background:0 0;transform:none}.tool[disabled]:hover svg{rotate:0deg;scale:1}}.tool .dust-ico{fill:none;stroke:none;width:24px;height:22px}.dust-ico{flex:none;width:30px;height:27px;overflow:visible}.yarn-hold{flex:none;position:relative}.yarn-chip{white-space:nowrap;background:var(--card);border:var(--line) solid var(--ink);transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:999px;align-items:center;gap:9px;padding:4px 14px 4px 4px;font-size:14px;font-weight:800;display:flex}.yarn-chip .ball{width:32px;height:32px}.yarn-chip .ball.empty{opacity:.55;background:0 0;border-style:dashed}.yarn-chip .caret{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;opacity:.55;width:11px;height:8px;transition:rotate var(--m-press) var(--spring)}@media (hover:hover){.yarn-chip:hover{background:var(--lemon);transform:translateY(-3px)}}.yarn-chip:active{transform:scale(.94,.88)}.yarn-chip[aria-expanded=true]{background:var(--ink);color:var(--card)}.yarn-chip[aria-expanded=true] .ball{border-color:var(--card)}.yarn-chip[aria-expanded=true] .caret{rotate:180deg}.yarn-chip.is-asking{box-shadow:0 0 0 4px var(--lemon)}.yarn-chip[disabled]{opacity:.5;cursor:not-allowed}@media (hover:hover){.yarn-chip[disabled]:hover{background:var(--card);transform:none}}.pop{z-index:6;background:var(--card);border:var(--line) solid var(--ink);box-shadow:0 5px 0 var(--ink);animation:pop-soft var(--m-overlay) var(--spring) both;transform-origin:50% 100%;border-radius:22px;padding:12px;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%)}@keyframes pop-soft{0%{opacity:0;translate:0 6px;scale:.96}to{opacity:1;translate:0;scale:1}}.pop:after{content:"";background:var(--card);border-right:var(--line) solid var(--ink);border-bottom:var(--line) solid var(--ink);border-bottom-right-radius:5px;width:14px;height:14px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.pop-head{font:400 17px/1 var(--display);margin:2px 0 10px;padding:0 4px}.pop-label{margin:11px 0 5px;padding:0 4px;font-size:12px;font-weight:800;display:block}.pop .fine{margin:7px 0 0;padding:0 4px}.card-ends{gap:8px;margin-top:14px;display:flex}.card-ends .pill{flex:auto}.card-ends .pill.strong{flex:1.3 auto}.pill.quiet{border-color:#2a14584d;font-weight:600}.pill.strong{background:var(--ink);color:var(--card);font-weight:800}@media (hover:hover){.pill.strong:hover{background:var(--ink);color:var(--card)}.pill.strong[disabled]:hover{background:var(--ink)}}.palette{width:min(360px,74vw)}.palette-list{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;max-height:min(42vh,320px);margin:0;padding:0;list-style:none;display:grid;overflow:clip auto}.palette-row{text-align:left;width:100%;transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:999px;align-items:center;gap:9px;padding:5px 10px 5px 5px;font-size:13px;font-weight:800;display:flex}.palette-row .ball{width:26px;height:26px}.palette-row .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.palette-row:hover{background:var(--lemon);transform:translateY(-2px)}}.palette-row:active{transform:scale(.97,.92)}.palette-row[aria-pressed=true]{background:var(--ink);color:var(--card)}.palette-row[aria-pressed=true] .ball{border-color:var(--card)}.palette-row[disabled]{cursor:not-allowed;opacity:.5}@media (hover:hover){.palette-row[disabled]:hover{background:0 0;transform:none}}.wide-pill{width:100%;margin-top:10px;font-size:13px}.brush-hold,.text-hold,.same-hold,.dust-hold{flex:none;position:relative}.brush-card{width:212px}.thick-row{align-items:stretch;gap:6px;display:flex}.thick{min-height:62px;transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:16px;flex:auto;align-content:center;justify-items:center;gap:6px;padding:6px 4px;font-size:12px;font-weight:800;display:grid}.thick .nib{width:var(--n);height:var(--n);background:var(--ink);border-radius:50%}@media (hover:hover){.thick:hover{background:var(--lemon);transform:translateY(-2px)}}.thick:active{transform:scale(.94,.9)}.thick[aria-pressed=true]{background:var(--ink);color:var(--card)}.thick[aria-pressed=true] .nib{background:var(--card)}.same-card{width:252px}.reach-row{gap:6px;display:grid}.reach{text-align:left;transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:16px;align-items:center;gap:11px;padding:7px 11px 7px 7px;font-size:12px;font-weight:800;display:flex}.reach-pic{flex:none;width:42px;height:32px}@media (hover:hover){.reach:hover{background:var(--lemon);transform:translateY(-2px)}}.reach:active{transform:scale(.97,.92)}.reach[aria-pressed=true]{background:var(--ink);color:var(--card)}.text-card{width:min(266px,74vw);transition:opacity .18s}.text-card.moving{opacity:.2}.word-in{box-sizing:border-box;letter-spacing:.06em;text-transform:uppercase;width:100%;color:var(--ink);background:var(--card);border:var(--line) solid var(--ink);border-radius:15px;padding:9px 12px;font:800 16px/1.2 inherit;display:block}.word-in:focus-visible{box-shadow:0 0 0 4px var(--lemon);outline:none}.tall-row{gap:6px;display:flex}.tall-row .pill{flex:auto}.word-line{align-items:center;gap:7px;margin:11px 0 0;padding:0 3px;font-size:13px;font-weight:700;display:flex}.word-line .ball{width:22px;height:22px}.text-card .says{margin:7px 0 0;padding:0 3px;font-size:13px}.text-card .card-ends{margin-top:12px}.dust-card{width:min(300px,74vw);left:auto;right:-8px;transform:none}.dust-card .says{margin-bottom:2px}.dust-card .says b{font:400 22px/1 var(--display);vertical-align:-1px}.dust-card:after{left:auto;right:26px;transform:rotate(45deg)}.grain-row{align-items:stretch;gap:6px;margin:12px 0 2px;display:flex}.grain{min-height:74px;transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:16px;flex:1 1 0;align-content:center;justify-items:center;gap:6px;padding:8px 4px;font-size:12px;font-weight:800;display:grid}.grain-pic{width:36px;height:36px}@media (hover:hover){.grain:hover{background:var(--lemon);transform:translateY(-2px)}}.grain:active{transform:scale(.97,.92)}.grain[aria-pressed=true]{background:var(--ink);color:var(--card)}.grain[disabled]{cursor:not-allowed;opacity:.45}.grain[disabled]:active{transform:none}@media (hover:hover){.grain[disabled]:hover{transform:none}.grain[disabled]:not([aria-pressed=true]):hover{background:0 0}}.desk-now{overscroll-behavior:contain;flex-direction:column;grid-area:now;gap:14px;min-width:0;display:flex;overflow:clip auto}.desk-now .desk-card{flex:none}.desk-now .log-card{flex:auto}.desk-now .log-card.is-empty{flex:none}.desk-now .desk-card:nth-child(2){animation-delay:var(--m-stagger)}.picked-card .says b{font:400 24px/1 var(--display);vertical-align:-2px}.picked-card.is-empty .says{opacity:.6}.tally{gap:2px;margin:10px 0 0;padding:0;list-style:none;display:grid}.tally li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:3px 4px;display:grid}.tally .ball{width:22px;height:22px}.tally .nm{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.tally .ct{opacity:.7;font-variant-numeric:tabular-nums;font-size:13px}.log-card{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.log-body{overscroll-behavior:contain;align-content:start;gap:8px;min-height:0;display:grid;overflow:clip auto}.log-card.is-empty .log-body{align-content:center}.log-list{align-content:start;gap:2px;margin:0;padding:0;list-style:none;display:grid}.log-row{width:100%;transition:transform var(--m-press) var(--spring), background var(--m-tint);text-align:left;border-radius:16px;align-items:center;gap:8px;padding:8px 10px;display:flex}@media (hover:hover){.log-row:hover{background:var(--lemon);transform:translateY(-2px)}}.log-row:active{transform:scale(.97,.92)}.log-row[disabled]{opacity:.5;cursor:not-allowed}@media (hover:hover){.log-row[disabled]:hover{background:0 0;transform:none}}.log-row .ball{width:24px;height:24px}.log-row .arrow{opacity:.5;font-weight:800}.log-row .nm{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.log-row .ct{opacity:.7;font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.log-card .fine{font-size:12px}.desk-now .note{flex:none}@media (width<=1320px){.app.desk{grid-template:"bar bar""stage now"clamp(480px,88vh,780px)"yarns yarns"/minmax(0,1fr) 336px;height:auto;min-height:100vh}.desk-yarns{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.desk-yarns .photo-card{align-self:start}.desk-yarns .setup-card{grid-column:1/-1}}@media (width<=1080px){.app.desk{grid-template:"bar""stage""now""setup""yarns""photo"/minmax(0,1fr);height:auto}.desk-yarns{display:contents}.yarn-card{grid-area:yarns}.desk-yarns .photo-card{grid-area:photo}.desk-yarns .setup-card{grid-area:setup}.app.desk .stage{grid-template-rows:auto auto;align-items:stretch;padding:16px}.desk-frames{height:min(48vh,500px)}.desk-stage .canvas-cell{min-height:0}.desk-now{overflow:visible}.dock-hold{grid-template-rows:auto auto;justify-self:center;max-width:none;margin-top:14px;position:static}.dock{border-radius:var(--r);flex-wrap:wrap;grid-row:1;justify-content:center;position:relative}.dock-cue{grid-row:2}.app.desk .stage{overflow:visible}.yarn-hold,.dust-hold,.brush-hold,.text-hold,.same-hold{position:static}.pop{transform-origin:50% 0;inset:calc(100% + 12px) auto auto 50%;transform:translate(-50%)}.palette{width:min(340px,86vw)}.brush-card,.text-card,.same-card{width:min(266px,86vw)}.dust-card{width:min(300px,86vw)}.pop:after{display:none}}@media (width<=560px){.app.desk{gap:12px;padding:12px}.stage-top{flex-wrap:wrap}.stage-top .project{flex:100%}.stage-tools{justify-content:space-between;width:100%;margin-left:0}.desk-bar{padding:8px 10px 8px 14px}.tool{padding:6px 9px;font-size:10px}.tool svg{width:20px;height:20px}.round{width:32px;height:32px;font-size:18px}.dock-cue{grid-template-columns:minmax(0,1fr);justify-items:center;gap:7px}.clear-btn,.cue-line{grid-column:1;justify-self:center}.yarn-card{box-shadow:0 4px 0 var(--ink);padding:10px}.yarn-card .yarn-list{overscroll-behavior:contain;max-height:32vh;overflow:clip auto}.yarn-row{gap:8px;padding:3px 8px}.yarn-row .ball{width:26px;height:26px}.yarn-row .nm{font-size:13px}.panel-card{z-index:12;top:auto;left:0;right:0;bottom:var(--sheet-foot,0px);width:auto;max-width:none;min-height:0;max-height:var(--sheet-tall,60vh);box-shadow:none;border-bottom:0;border-radius:26px 26px 0 0;padding:14px 16px 18px;position:fixed;overflow:clip auto}.panel-card .end-row{z-index:1;background:var(--card);margin:4px -16px -18px;padding:10px 16px 18px;position:sticky;bottom:-18px}.pick-row{scrollbar-width:none;flex-wrap:nowrap;grid-template-columns:none;margin:0 -16px;padding-bottom:2px;padding-left:16px;padding-right:16px;display:flex;overflow-x:auto}.pick-row::-webkit-scrollbar{display:none}.pick{flex:none;width:64px}.swatches{grid-template-columns:repeat(6,1fr);gap:4px 2px}.swatch{padding:4px 1px}.swatch-chip{border-width:2.5px;width:26px;height:26px}.swatch-name{font-size:9.5px}}.app.phone-edit{grid-template:"top""stage"minmax(0,1fr)"dock"/minmax(0,1fr);gap:8px;max-width:none;height:100dvh;min-height:0;padding:8px;overflow:hidden}.edit-top{background:var(--card);border:var(--line) solid var(--ink);min-width:0;box-shadow:0 4px 0 var(--ink);z-index:5;border-radius:999px;grid-area:top;align-items:center;gap:8px;padding:5px 6px 5px 16px;display:flex;position:relative}.edit-top .project{min-width:0}.edit-top .project b{font-size:14px}.edit-top .project span{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.setup-chip{border:2px solid var(--ink);background:var(--card);max-width:100%;font:inherit;text-align:left;transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:999px;justify-self:start;align-items:center;gap:6px;margin-top:3px;padding:2px 8px 2px 10px;display:inline-flex}.edit-top .project .setup-chip span{opacity:1;font-weight:700}.setup-chip .chip-ico{flex:none;width:14px;height:14px}@media (hover:hover){.setup-chip:hover{background:var(--lemon)}}.setup-chip:active{transform:scale(.97,.92)}.setup-chip[disabled]{opacity:.55;cursor:not-allowed}.top-tools{flex:none;justify-content:flex-end;align-items:center;gap:6px;width:auto;margin-left:auto;display:flex}.top-tools .round{width:36px;height:36px}.top-tools .round svg{width:20px;height:20px}.edit-stage{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);grid-area:stage;min-width:0;min-height:0;padding:5px;position:relative;overflow:hidden}.edit-stage .chart-canvas{width:100%;height:100%}.edit-stage .preview-stage{gap:8px;padding:10px 6px 6px}.edit-stage .preview-line{font-size:13px}.loupe{z-index:4;background:var(--card);border:3px solid var(--ink);pointer-events:none;border-radius:50%;width:104px;height:104px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 4px #2a14584d}.loupe[hidden]{display:none}.loupe canvas{width:100%;height:100%;display:block}.stage-back{z-index:3;white-space:nowrap;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px #2a14584d}.edit-dock{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);min-width:0;box-shadow:0 4px 0 var(--ink);z-index:5;grid-area:dock;gap:7px;padding:8px 10px 10px;display:grid;position:relative}.edit-dock .dock-cue{grid-row:auto;grid-template-columns:auto minmax(0,1fr);gap:8px;min-height:36px;animation:none}.edit-dock .clear-btn{grid-column:1;justify-self:start}.edit-dock .cue-line{grid-column:2;justify-self:stretch;font-size:12.5px;line-height:1.35}.edit-dock .yarn-chip{justify-content:flex-start;width:100%;padding:7px 12px}.edit-dock .yarn-chip .nm{text-overflow:ellipsis;font-size:15px;overflow:hidden}.edit-dock .yarn-chip .caret{margin-left:auto}.tool-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.tool-row .tool{white-space:normal;gap:3px;padding:6px 2px 5px;font-size:9.5px;line-height:1.15}.tool-row .tool svg{width:22px;height:22px}.tool-row .tool .dust-ico{width:26px;height:23px}.sheet-veil{z-index:20;background:#2a145829;position:fixed;inset:0}.panel-card.phone-sheet{z-index:21;top:auto;left:0;right:0;bottom:var(--sheet-foot,0px);width:auto;max-width:none;min-height:0;max-height:var(--sheet-tall,60dvh);overscroll-behavior:contain;box-shadow:none;animation:sheet-up var(--m-sheet) var(--spring) both;border-bottom:0;border-radius:26px 26px 0 0;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 16px 18px;position:fixed;overflow:clip auto}.phone-sheet>*{min-width:0}@keyframes sheet-up{0%{translate:0 100%}to{translate:0}}.sheet-grip{background:var(--ink);opacity:.22;border-radius:999px;justify-self:center;width:46px;height:5px;margin:-4px 0 2px}.phone-sheet .pop{z-index:auto;width:auto;box-shadow:none;background:0 0;border:0;padding:0;animation:none;position:static;transform:none}.phone-sheet .pop:after{display:none}.phone-sheet .desk-card{box-shadow:none;background:0 0;border:0;min-height:0;padding:0}.phone-sheet .pop-head{margin:0 0 8px;padding:0;font-size:20px}.phone-sheet .yarn-list{max-height:none;overflow:visible}.phone-sheet .card-ends{z-index:1;background:var(--card);margin-top:4px;margin-bottom:-18px;padding:10px 0 18px;position:sticky;bottom:-18px}.phone-sheet .card-ends .pill{flex:1 1 0;justify-content:center}.phone-sheet .palette-list{scrollbar-width:none;grid-template-columns:none;gap:4px;max-height:none;margin:0 -16px;padding:2px 16px 4px;display:flex;overflow:auto clip}.phone-sheet .palette-list::-webkit-scrollbar{display:none}.phone-sheet .palette-list>li{flex:none}.phone-sheet .palette-row{text-align:center;border-radius:18px;flex-direction:column;justify-content:flex-start;gap:5px;width:clamp(56px,18.1818vw - 6.90909px,76px);padding:8px 3px 7px;font-size:11px;line-height:1.15}.phone-sheet .palette-row .ball{width:38px;height:38px}.phone-sheet .palette-row .nm{white-space:normal;overflow-wrap:anywhere}.phone-sheet .photo-press{max-width:100%}.see-big{justify-content:center;align-items:center;gap:8px;display:flex}.phone-sheet .chip-ico{flex:none;width:18px;height:18px}.more-ways{border-top:2px solid #2a145824;gap:8px;margin-top:6px;padding-top:12px;display:grid}.more-ways .pill{justify-content:center;align-items:center;gap:8px;display:flex}.more-end{border-top:2px solid #2a145824;justify-items:start;gap:8px;padding-top:12px;display:grid}.phone-full{z-index:40;background:var(--bg);height:100dvh;animation:glass-in var(--m-overlay) var(--spring) both;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:8px 8px 10px;display:grid;position:fixed;inset:0}.full-stage{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);min-width:0;min-height:0;padding:5px;position:relative;overflow:hidden}.full-stage .chart-canvas{width:100%;height:100%}.full-stage .is-measuring{visibility:hidden}.phone-full .end-row{justify-content:space-between;align-items:center;gap:12px;padding:0 4px 0 12px;display:flex}.phone-full .end-row .fine{margin:0}.phone-full .end-row .pill{justify-content:center;min-width:128px}@keyframes glass-in{0%{opacity:0;scale:.97}to{opacity:1;scale:1}}@media (height<=600px) and (aspect-ratio>=1){.app.phone-edit{grid-template:"stage top""stage dock"minmax(0,1fr)/minmax(0,1fr) 216px}.edit-top{border-radius:22px;flex-wrap:wrap;row-gap:4px;padding:8px 8px 6px 14px}.edit-top .project{flex:100%}.top-tools{flex:100%;justify-content:flex-start;margin-left:0}.top-tools .round:last-child{margin-left:auto}.edit-dock{align-content:start;min-height:0;padding:10px;overflow-y:auto}.tool-row{grid-template-columns:repeat(3,minmax(0,1fr))}.edit-dock .cue-line{text-align:left}.panel-card.phone-sheet{width:min(380px,50vw);height:var(--sheet-seen,100dvh);border-right:0;border-bottom:var(--line) solid var(--ink);border-radius:26px 0 0 26px;max-height:none;animation-name:sheet-in;left:auto;right:0}.phone-sheet .sheet-grip{display:none}.phone-sheet .palette-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:0;display:grid;overflow:visible}.phone-sheet .palette-row{width:auto}}@keyframes sheet-in{0%{translate:100%}to{translate:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.guide{grid-template:"bar bar""stage note""stage now""stage dir""stage acts""stage runs"minmax(0,1fr)/minmax(0,1fr) clamp(320px,27vw,392px);column-gap:20px;height:100dvh;padding:18px;display:grid;overflow:hidden}.guide-bar{background:var(--card);border:var(--line) solid var(--ink);box-shadow:0 5px 0 var(--ink);z-index:5;border-radius:999px;grid-area:bar;align-items:center;gap:14px;margin-bottom:18px;padding:8px 12px 8px 22px;display:flex;position:relative}.guide-bar .wordmark{font-size:32px}.g-ico{flex:none;width:18px;height:18px}.g-back{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.g-where{flex:1;justify-content:flex-end;align-items:center;gap:16px;min-width:0;display:flex}.g-row{white-space:nowrap;align-items:center;gap:8px;padding:7px 14px 7px 16px;font-size:15px;display:inline-flex}.g-row b{font:400 19px/1 var(--display);vertical-align:-1px}.g-row .g-caret{flex:none;width:11px;height:8px}.g-track{flex:0 518px;align-items:center;gap:14px;min-width:0;display:flex}.g-where .g-bar{flex:1;min-width:120px;max-width:460px}.g-place{flex:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.g-place-button{border:var(--line) solid var(--ink);background:var(--card);width:44px;height:44px;transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:50%;place-items:center;display:grid}.g-place-button .g-ico{width:24px;height:24px}.g-place-signin{white-space:nowrap;align-items:center;gap:7px;min-height:44px;padding:5px 14px 5px 10px;font-size:14px;font-weight:700;display:inline-flex}.g-place-signin .g-ico{width:20px;height:20px}@media (hover:hover){.g-place-button:hover{background:var(--lemon);transform:translateY(-2px)}}.g-place-button:active{transform:scale(.9,.85)}@property --p{syntax:"<percentage>";inherits:true;initial-value:0%}.g-bar{border:var(--line) solid var(--ink);background:linear-gradient(90deg, var(--lemon) var(--p,0%), var(--card) 0);height:16px;transition:--p .7s var(--spring);border-radius:999px;position:relative}.g-bar:after{content:"";left:clamp(14px, var(--p,0%), calc(100% - 10px));width:calc(34px - var(--q,0) * 14px);height:calc(34px - var(--q,0) * 14px);border:var(--line) solid var(--ink);transition:rotate .7s var(--spring);translate:-50% -50%;rotate:calc(var(--p,0%) * 7.2);border-radius:50%;position:absolute;top:50%}.g-bar:after,.sw-ball{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%2224 14 68 68%22%3E%3Crect x=%2224%22 y=%2214%22 width=%2268%22 height=%2268%22 fill=%22%23ffe45c%22/%3E%3Cg fill=%22none%22 stroke=%22%232a1458%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M42 15Q84 20 92 58M28 27Q70 36 80 76M22 46Q52 54 60 85%22 stroke-width=%224.5%22/%3E%3Cpath d=%22M20 86Q50 42 92 23%22 stroke-width=%2215%22/%3E%3Cpath d=%22M20 86Q50 42 92 23%22 stroke=%22%23ffe45c%22 stroke-width=%227%22/%3E%3C/g%3E%3C/svg%3E") 50%/cover}.g-stage{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);min-height:0;box-shadow:0 5px 0 var(--ink);grid-area:stage;position:relative;overflow:hidden;container:g-stage/inline-size}.g-stage .g-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.g-stage .g-canvas:active{cursor:grabbing}.g-now{background:var(--lemon);border:var(--line) solid var(--ink);border-radius:var(--r);box-shadow:0 5px 0 var(--ink);grid-area:now;grid-template-columns:auto auto minmax(0,1fr);align-items:center;column-gap:14px;margin-bottom:14px;padding:14px 20px 16px;display:grid;position:relative}.g-label{letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;font-size:12px;font-weight:800}.g-count{font:400 92px/1 var(--display);font-variant-numeric:tabular-nums;transform-origin:50% 80%;transition:transform .35s var(--spring);grid-row:2/4}.g-now .ball.big{transform-origin:50% 80%;width:58px;height:58px;transition:transform .35s var(--spring);grid-row:2/4}.g-yarn{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:end;font-size:21px;font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}.g-then{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:start;font-size:15px;line-height:1.3;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:no-preference){.guide.is-pressing .g-count{transform:scale(1.12,.8)}.guide:has(.g-go:active) .g-count{transform:scale(1.12,.8)}.guide.is-pressing .g-now .ball.big{transform:scale(.8,1.1)}.guide:has(.g-go:active) .g-now .ball.big{transform:scale(.8,1.1)}}.g-keys{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 13px;font-size:13px;font-weight:700;line-height:1.2;display:flex}.g-keys-item{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.g-keycap{background:var(--card);min-width:22px;height:22px;color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);font:800 11px/1 var(--body);letter-spacing:.02em;cursor:default;-webkit-user-select:none;user-select:none;vertical-align:middle;border-radius:7px;flex:none;justify-content:center;align-items:center;margin-bottom:2px;padding:0 6px;display:inline-flex}.g-keycap svg{width:13px;height:13px;display:block}.g-keycap:has(svg){padding:0 3px}.g-key-arrows{grid-template-columns:repeat(3,auto);gap:2px;display:inline-grid}.g-key-arrows .g-keycap{min-width:18px;height:18px;box-shadow:0 1.5px 0 var(--ink);border-radius:6px;margin:0;padding:0 2px}.g-key-arrows .g-keycap svg{width:11px;height:11px}.g-key-arrows .g-keycap:first-child{grid-area:1/2}.g-key-arrows .g-keycap:nth-child(2){grid-area:2/1}.g-key-arrows .g-keycap:nth-child(3){grid-area:2/2}.g-key-arrows .g-keycap:nth-child(4){grid-area:2/3}.g-key-arrow-left{rotate:-90deg}.g-key-arrow-right{rotate:90deg}.g-key-arrow-down{rotate:180deg}.g-dir-line{grid-area:dir;align-items:center;gap:10px;min-width:0;margin-bottom:16px;padding-left:4px;display:flex}.g-dir{align-items:center;gap:10px;min-width:0;font-size:16px;line-height:1.3;display:flex}.g-dir>span{text-wrap:balance}.g-dir b{white-space:nowrap}.g-hand-pill{background:var(--card);border:var(--line) solid var(--ink);white-space:nowrap;min-height:44px;transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:999px;flex:none;align-items:center;gap:6px;margin-left:auto;padding:3px 13px 3px 5px;font-size:13.5px;font-weight:700;display:inline-flex}.g-hand-pill svg{flex:none;width:46px;height:37px;overflow:visible}@media (hover:hover){.g-hand-pill:hover{background:var(--lemon);transform:translateY(-2px)}}.g-hand-pill:active{transform:scale(.95,.9)}.g-hand-pill[disabled]{cursor:not-allowed;opacity:.55}.g-hand-pill[disabled]:active{transform:none}@media (hover:hover){.g-hand-pill[disabled]:hover{background:var(--card);transform:none}}.g-arrow{width:28px;height:28px;color:var(--hot);flex:none;display:inline-block}.g-arrow.points-right{transform:scaleX(-1)}.g-acts{grid-area:acts;align-content:start;gap:12px;display:grid}.btn.g-go{width:100%}.g-two{gap:10px;display:flex}.g-two .pill{text-align:center;flex:1 1 0;padding:11px 8px;font-size:14px}.g-link{font:inherit;color:var(--ink);border:var(--line) solid var(--ink);background:var(--card);transition:transform var(--m-press) var(--spring), background var(--m-tint);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-weight:700;text-decoration:none;display:inline-flex}@media (hover:hover){.g-link:hover{background:var(--lemon);transform:translateY(-2px)}}.g-link:active{transform:scale(.97,.92)}.g-link[disabled]{opacity:.55;cursor:not-allowed}.g-note{background:var(--card);border:var(--line) solid var(--ink);box-shadow:0 4px 0 var(--ink);animation:rise-in var(--m-rise) var(--spring) both;border-radius:22px;grid-area:note;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;margin-bottom:12px;padding:9px 10px 10px 12px;display:grid}.g-notes{grid-area:note;align-content:start;gap:12px;margin-bottom:12px;display:grid}.g-notes>.g-note{grid-area:auto;margin:0}.g-agree{text-align:right;margin-top:-6px;padding:0 6px}.g-note-ico{flex:none;width:22px;height:22px}.g-note p{font-size:15px;font-weight:800;line-height:1.25}.g-save-failed p{font-size:14.5px;line-height:1.3}.g-note>p:first-child{grid-column:1/-1}.g-note-ends{flex-wrap:wrap-reverse;grid-column:1/-1;align-items:center;gap:4px 10px;display:flex}.g-note-ends .g-link,.g-note-ends .pill{padding:7px 12px;font-size:13px}.g-note-ends .pill.strong{text-align:center;flex:1 0 auto}.g-veil{z-index:20;animation:veil-in var(--m-overlay) var(--spring) both;background:#2a14582e;position:fixed;inset:0}.g-sheet{z-index:21;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:7px 8px 0 var(--ink);animation:g-rise-centre var(--m-overlay) var(--spring) both;gap:10px;padding:20px 22px 18px;display:grid;position:fixed;top:50%;left:50%;overflow:clip auto;translate:-50% -50%}@keyframes g-rise-centre{0%{opacity:0;translate:-50% calc(26px - 50%)}to{opacity:1;translate:-50% -50%}}.g-sheet h2{font:400 24px/1.1 var(--display)}.g-grip{display:none}.g-sheet:focus,.g-whole:focus,.g-finish:focus{outline:none}.g-hand-card{text-align:center;justify-items:center;width:min(560px,100vw - 32px)}.g-hand-card>p{font-size:16px}.g-hands{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;margin:8px 0 4px;display:grid}.g-hand-pick{background:var(--card);border:var(--line) solid var(--ink);box-shadow:0 5px 0 var(--ink);transition:transform var(--m-press) var(--spring), background var(--m-tint), box-shadow var(--m-press) var(--spring);border-radius:24px;justify-items:center;gap:8px;padding:14px 10px;display:grid}.g-hand-pick svg{aspect-ratio:160/130;width:100%;max-width:190px;height:auto;overflow:visible}.g-hand-pick svg.mirror,.g-hand-pill svg.mirror{transform:scaleX(-1)}.g-hand-pick span{font:400 21px/1.1 var(--display)}@media (hover:hover){.g-hand-pick:hover{background:var(--lemon);transform:translateY(-3px)rotate(-1deg)}}.g-hand-pick:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)scale(1.02,.95)}.g-hand-pick[aria-pressed=true]{background:var(--lemon)}.btn.g-hand-go{width:100%;margin-top:4px;padding:15px 20px;font-size:21px}.g-hand-card .fine{margin-top:-2px}.g-whole{z-index:40;background:var(--bg);animation:glass-in var(--m-overlay) var(--spring) both;border-radius:0;grid-template-rows:minmax(0,1fr) auto;gap:12px;padding:18px;display:grid;position:fixed;inset:0}.g-whole-stage{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);min-height:0;position:relative;overflow:hidden}.g-whole-stage .g-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.g-whole .end-row{background:var(--card);border:var(--line) solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:999px;justify-content:space-between;justify-self:center;align-items:center;gap:12px;width:100%;max-width:720px;padding:8px 8px 8px 20px;display:flex}.g-whole .end-row .fine{opacity:1;font-size:14px}.g-whole .end-row .pill{text-align:center;justify-content:center;min-width:120px;padding:10px 18px;font-size:15px}@keyframes g-ball-in{0%{translate:70px -36px;rotate:140deg;scale:.3}55%{translate:0 5px;rotate:0deg;scale:1.14 .86}78%{translate:0 -3px;scale:.96 1.05}to{translate:0;scale:1}}.g-now.is-swap .ball.big{animation:g-ball-in .65s var(--spring)}.g-now.is-swap .g-count{animation:pop-in var(--m-pop) var(--spring)}.g-row-done{z-index:2;font:400 22px/1 var(--display);background:var(--card);border:var(--line) solid var(--ink);box-shadow:3px 4px 0 var(--ink);white-space:nowrap;border-radius:999px;padding:10px 16px 11px;position:absolute;top:-18px;right:14px;rotate:-6deg}.g-row-done.is-in{animation:g-drop-tag .55s var(--spring) both}@keyframes g-drop-tag{0%{opacity:0;translate:0 -40px;scale:.6}60%{opacity:1;translate:0 4px;scale:1.06 .94}to{translate:0;scale:1}}@keyframes g-turn{0%{translate:0;scale:-1 1}38%{translate:0 -13px;scale:-.15 1.12}68%{translate:0 2px;scale:1.12 .84}to{translate:0;scale:1}}.g-arrow.is-turn{animation:g-turn .7s var(--spring)}.g-stepper{align-items:center;gap:10px;margin:4px 0;display:flex}.g-stepper .round{width:48px;height:48px;box-shadow:0 4px 0 var(--ink);font-size:26px}.g-num input{text-align:center;width:92px;height:56px;font:400 30px/1 var(--display);color:var(--ink);background:var(--card);border:var(--line) solid var(--ink);appearance:textfield;border-radius:18px}.g-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.g-num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.g-num input:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:18px}.g-of{font-size:17px;font-weight:700}.g-sheet .card-ends{margin-top:6px}.g-sheet .card-ends .pill{text-align:center;justify-content:center;padding:11px 12px;font-size:15px}.g-runs{grid-area:runs;min-height:0;margin-top:18px;container:g-runs/size}.g-runs-card{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);height:100%;box-shadow:0 5px 0 var(--ink);grid-template-rows:auto auto minmax(0,1fr) auto;align-content:start;padding:14px 8px 10px 18px;display:grid;position:relative}@container g-runs (height<=190px){.g-runs-card{display:none}}.g-runs .fine{margin:1px 0 8px}.g-run-list{flex-wrap:wrap;align-content:start;align-items:flex-start;gap:5px 2px;min-height:0;margin:0;padding:4px 10px 6px 0;list-style:none;display:flex;position:relative;overflow:clip auto}.g-run-list:focus-visible{outline-offset:2px;border-radius:12px}.g-run{border:var(--line) solid transparent;text-align:left;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:2px 9px 2px 2px;font-size:14px;font-weight:600;line-height:1.2;display:inline-flex}.g-run-name{overflow-wrap:anywhere;min-width:0}.g-run .ball,.g-run b,.g-run .g-tick{flex:none}.g-run .ball{border-width:2.5px;width:22px;height:22px}.g-runs-more{letter-spacing:.06em;text-transform:uppercase;border-top:2px solid #2a145824;justify-content:center;align-items:center;gap:6px;margin:6px 10px 0 0;padding-top:6px;font-size:12px;font-weight:800;display:flex}.g-runs-more .g-caret{width:11px;height:8px}.g-run b{font:400 18px/1 var(--display);font-variant-numeric:tabular-nums}.g-run.is-now{background:var(--lemon);border-color:var(--ink);box-shadow:0 3px 0 var(--ink);font-weight:800}.g-run.is-done{opacity:.42}.g-run .g-tick{width:14px;height:14px;margin-left:-2px}.g-run-at{min-width:0;max-width:100%;display:flex}@media (hover:hover){button.g-run:hover:not(:disabled){border-color:var(--ink)}button.g-run.is-done:hover:not(:disabled){opacity:.75}}button.g-run:focus-visible{outline-offset:-3px}button.g-run.is-done:focus-visible{opacity:.75}button.g-run:disabled{cursor:default}.g-veil.strong{background:#2a14586b}.g-finish{z-index:31;background:var(--card);border:var(--line) solid var(--ink);width:min(440px,100vw - 28px);max-height:calc(100dvh - 28px);box-shadow:9px 10px 0 var(--ink);text-align:center;animation:g-drop-in .8s var(--spring) both;border-radius:36px;justify-items:center;gap:12px;padding:18px 22px 20px;display:grid;position:fixed;top:50%;left:50%;overflow:clip auto;translate:-50% -50%}@keyframes g-drop-in{0%{opacity:0;translate:-50% calc(-50% - 140px);scale:.7}55%{opacity:1;translate:-50% calc(10px - 50%);scale:1.05 .94}78%{translate:-50% calc(-50% - 4px);scale:.98 1.03}to{translate:-50% -50%;scale:1}}.g-finish h2{font:400 44px/1 var(--display);color:var(--hot);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);margin:2px 0 4px;rotate:-3deg}.g-finish-chart{aspect-ratio:69/80;border:var(--line) solid var(--ink);border-radius:16px;width:min(62%,220px);display:block;position:relative;overflow:clip}.g-finish-chart .g-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.g-finish p{font-size:17px;font-weight:700}.g-pile{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.g-pile .ball{width:30px;height:30px;animation:g-ball-drop .7s calc(.5s + var(--i) * 70ms) var(--spring) backwards}@keyframes g-ball-drop{0%{opacity:0;translate:0 -60px;scale:.4}60%{opacity:1;translate:0 4px;scale:1.1 .9}to{translate:0;scale:1}}.g-finish-ends{gap:10px;width:100%;margin-top:4px;display:grid}.g-finish-ends>*{text-align:center;justify-content:center}.g-finish-ends .btn{width:100%}.g-finish-ends .pill{padding:10px;font-size:14px}.hero .carry{gap:12px;max-width:760px;margin:30px auto 0;display:grid}.hero .carry h2{font:400 26px/1.1 var(--display);padding-left:6px}.carry-card{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);box-shadow:7px 8px 0 var(--ink);animation:rise-in var(--m-rise) calc((var(--at,0) + 1) * var(--m-stagger)) var(--spring) both;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 18px 14px 14px;display:grid}.carry-chart{aspect-ratio:69/80;border:2.5px solid var(--ink);border-radius:14px;width:92px;display:block;position:relative;overflow:hidden}.carry-chart .g-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.carry-text{gap:6px;min-width:0;display:grid}.carry-name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.carry-row{font-size:15px}.carry-row b{font:400 20px/1 var(--display)}.carry-text .g-bar{height:14px;margin:4px 14px 2px 0}.carry-go{white-space:nowrap}.hero:has(.carry) .pitch{padding-top:40px}.g-pick{z-index:4;left:var(--x,12px);background:var(--card);border:var(--line) solid var(--ink);width:min(360px,100% - 24px);box-shadow:0 4px 0 var(--ink);transform-origin:var(--tail,50%) 0;animation:g-pick-in .4s var(--spring) both;border-radius:22px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"where yarn""fine fine""ends ends";align-items:center;gap:2px 12px;padding:10px 12px 10px 16px;display:grid;position:absolute;bottom:12px}.g-pick[data-at=head]{top:max(38px, calc(var(--cover,0px) + 6px));bottom:auto}.g-pick[data-at=below],.g-pick[data-at=above]{top:var(--y,12px);bottom:auto}.g-pick[data-at=head],.g-pick[data-at=above]{transform-origin:var(--tail,50%) 100%}@keyframes g-pick-in{0%{opacity:0;scale:.3}60%{opacity:1;scale:1.04 .96}to{scale:1}}.g-pick:after{content:"";left:var(--tail,50%);background:var(--card);border-left:var(--line) solid var(--ink);border-top:var(--line) solid var(--ink);border-top-left-radius:5px;width:14px;height:14px;position:absolute;top:-9px;transform:translate(-50%)rotate(45deg)}.g-pick[data-at=head]:after,.g-pick[data-at=above]:after{border:0;border-right:var(--line) solid var(--ink);border-bottom:var(--line) solid var(--ink);border-top-left-radius:0;border-bottom-right-radius:5px;top:auto;bottom:-9px}.g-pick:not([data-tail=on]):after{display:none}.g-pick-where{grid-area:where;font-size:15px;font-weight:800;line-height:1.25}.g-pick-where span{white-space:nowrap}.g-pick-where b{font:400 20px/1 var(--display);vertical-align:-1px}.g-pick-yarn{grid-area:yarn;justify-self:end;align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:700;line-height:1.2;display:flex}.g-pick-yarn .ball{border-width:2.5px;flex:none;width:22px;height:22px}.g-pick-name{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.g-pick .fine{grid-area:fine}.g-pick-ends{grid-area:ends;margin-top:4px}.g-pick-ends .pill{white-space:nowrap}.g-pick-x{display:none}@container g-stage (width<=330px){.g-pick{grid-template-columns:minmax(0,1fr);grid-template-areas:"where""yarn""fine""ends"}.g-pick-yarn{justify-self:start}}.g-pick[data-fit=line]{border-radius:26px;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:5px 5px 5px 8px;display:flex}.g-pick[data-fit=line] .g-pick-yarn{display:contents}.g-pick[data-fit=line] .ball{order:-1}.g-pick[data-fit=line] .g-pick-where{flex:99 1 0}.g-pick[data-fit=line] .g-pick-ends{flex-wrap:nowrap;flex:1 0 auto;gap:8px;margin:0;display:flex}.g-pick[data-fit=line] .g-pick-name,.g-pick[data-fit=line] .fine,.g-pick[data-fit=line] .g-pick-drop span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.g-pick[data-fit=line] .g-pick-drop{border:2.5px solid #2a14584d;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;margin:0;padding:0;display:grid}.g-pick[data-fit=line] .g-pick-x{width:18px;height:18px;display:block}.g-pick[data-at=beside]{width:min-content;top:var(--y,12px);bottom:auto}.g-pick[data-at=beside][data-side=right]{transform-origin:0 var(--tail-y,50%)}.g-pick[data-at=beside][data-side=left]{transform-origin:100% var(--tail-y,50%)}.g-pick[data-at=beside]:after{top:var(--tail-y,50%);border:0;border-left:var(--line) solid var(--ink);border-bottom:var(--line) solid var(--ink);border-radius:0 0 0 5px;left:-9px;transform:translateY(-50%)rotate(45deg)}.g-pick[data-at=beside][data-side=left]:after{border:0;border-top:var(--line) solid var(--ink);border-right:var(--line) solid var(--ink);border-radius:0 5px 0 0;left:auto;right:-9px}@media (width<=760px),(height<=600px){.guide{grid-template:"bar""note""now""dir""stage"minmax(0,1fr)"acts"/minmax(0,1fr);padding:10px 10px 12px}.guide-bar{box-shadow:0 4px 0 var(--ink);border-radius:26px;flex-wrap:wrap;gap:10px 8px;margin-bottom:10px;padding:8px 8px 12px}.guide-bar:has(.g-back) .wordmark{display:none}.guide-bar .wordmark{order:1;margin-left:6px;font-size:24px}.g-where{display:contents}.g-back{order:1;padding:7px 13px;font-size:14px}.g-row{order:2;margin-left:auto;padding:6px 12px 6px 14px;font-size:14px}.g-row b{font-size:17px}.g-track{flex:1 0 100%;order:3;gap:8px;margin:2px 0 0 6px}.g-where .g-bar{flex:1 1 0;min-width:0;max-width:none}.g-place-button{background:0 0;border:0;width:44px;height:44px;margin:-3px 0;position:relative}.g-place-signin{margin:-3px 0}.g-place{min-height:38px}.g-place-button:before{content:"";border:var(--line) solid var(--ink);background:var(--card);border-radius:50%;width:38px;height:38px;position:absolute}.g-place-button .g-ico{width:22px;height:22px;position:relative}@media (hover:hover){.g-place-button:hover{background:0 0}.g-place-button:hover:before{background:var(--lemon)}}.g-place-signin{padding:4px 12px 4px 9px;font-size:13px}.g-notes{gap:10px;margin-bottom:10px}.g-save-failed{padding:7px 10px 8px}.g-save-failed p{font-size:13px;line-height:1.25}.g-now{column-gap:12px;margin-bottom:8px;padding:10px 16px 12px}.g-count{font-size:72px}.g-now .ball.big{width:50px;height:50px}.g-yarn{font-size:20px}.g-dir-line{margin:0 0 8px}.g-dir{font-size:15px}.g-arrow{width:24px;height:24px}.g-stage{box-shadow:0 4px 0 var(--ink);border-radius:22px;margin-bottom:12px}.g-acts{gap:10px}.btn.g-go{padding:17px 20px;font-size:23px}.g-keys{display:none}.g-sheet{width:auto;box-shadow:none;animation:sheet-up var(--m-sheet) var(--spring) both;border-bottom:0;border-radius:26px 26px 0 0;padding:12px 18px 22px;inset:auto 0 0;translate:none}.g-grip{background:var(--ink);opacity:.22;border-radius:999px;justify-self:center;width:46px;height:5px;margin:-2px 0 2px;display:block}.g-sheet h2{font-size:22px}.g-hand-card{padding-top:22px}.g-hand-card h2{text-wrap:balance;font-size:24px}.g-hand-pick span{font-size:18px}.g-whole{gap:10px;padding:10px}.g-whole-stage{border-radius:22px}.g-whole .end-row{padding:6px 6px 6px 16px}.g-whole .end-row .fine{font-size:13px}.g-runs{display:none}.hero .carry{margin-top:22px}.carry-card{grid-template-columns:auto minmax(0,1fr);gap:12px 14px;padding:12px}.carry-chart{width:78px}.carry-go{grid-column:1/-1;width:100%}.hero:has(.carry) .pitch{padding-top:34px}.g-pick[data-at=head]{top:max(12px, calc(var(--cover,0px) + 6px))}}@media (height<=600px) and (width>=561px){.guide{grid-template:"stage bar""stage note""stage now""stage dir""stage acts"minmax(0,1fr)/minmax(0,1fr) 330px;column-gap:10px;padding:8px}.g-stage{margin-bottom:4px}.guide-bar{gap:7px 6px;margin-bottom:8px;padding:6px 6px 9px}.g-back span{font-size:13px}.g-back{padding:5px 10px}.g-row{padding:5px 10px 5px 12px}.g-where .g-bar{height:13px}.g-where .g-bar:after{width:calc(26px - var(--q,0) * 10px);height:calc(26px - var(--q,0) * 10px)}.g-notes{z-index:3;grid-area:stage;place-self:start center;width:min(460px,100% - 24px);margin:12px 0 0;position:relative}.g-now{margin-bottom:6px;padding:6px 14px 8px}.g-label{font-size:11px}.g-count{font-size:50px}.g-now .ball.big{width:38px;height:38px}.g-yarn{font-size:17px}.g-then{font-size:13px}.g-dir-line{margin-bottom:4px}.g-dir{font-size:13.5px}.g-hand-pill svg{width:40px;height:32px}.g-arrow{width:20px;height:20px}.g-acts{align-content:end;gap:7px}.btn.g-go{box-shadow:0 4px 0 var(--ink);padding:11px 16px;font-size:19px}.g-two .pill{padding:8px 6px;font-size:13px}.g-sheet{border:var(--line) solid var(--ink);border-right:0;border-radius:26px 0 0 26px;align-content:start;gap:8px;width:min(380px,60vw);max-height:none;animation-name:sheet-in;inset:0 0 0 auto}.g-grip{display:none}.g-hand-card{border-radius:var(--r);border:var(--line) solid var(--ink);gap:6px;width:min(560px,100vw - 24px);padding:12px 16px;animation-name:g-rise-centre;inset:50% auto auto 50%;translate:-50% -50%}.g-hand-card .g-hands{margin:2px 0}.g-hand-pick{gap:4px;padding:8px}.g-hand-pick svg{max-width:118px}.g-hand-card h2{font-size:21px}.btn.g-hand-go{box-shadow:0 4px 0 var(--ink);margin-top:2px;padding:11px 16px;font-size:19px}.btn.g-hand-go:active{box-shadow:0 1px 0 var(--ink)}.g-row-done{padding:7px 12px 8px;font-size:18px;top:-12px}.g-finish{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 22px;width:min(640px,100vw - 24px);max-height:calc(100dvh - 24px);padding:14px 20px 16px}.g-finish>*{grid-column:2}.g-finish-chart{grid-area:1/1/span 4;width:auto;height:min(260px,100dvh - 60px)}.g-finish h2{margin:0;font-size:34px}.g-finish p{font-size:15px}.g-finish-ends{gap:8px;margin-top:2px}}@media (height<=370px) and (width>=561px){.g-acts{gap:5px}.btn.g-go{padding:8px 14px;font-size:17px}.g-two .pill{padding:6px}}@media (height<=359px) and (width>=561px){.guide{padding:6px}.guide-bar{row-gap:5px;margin-bottom:6px;padding:5px 6px 7px}.g-now{margin-bottom:4px}.g-now .g-label{grid-area:1/3}.g-now .g-count,.g-now .ball.big{grid-row:1/4}.g-acts{gap:4px}.g-hand-pick svg{max-width:100px}}.a-ico{flex:none;width:16px;height:16px}.a-shelf{gap:14px;max-width:760px;margin:34px auto 0;display:grid}.a-shelf-head{font:400 26px/1.1 var(--display);align-items:center;gap:12px;padding-left:6px;display:flex}.a-count{background:var(--card);border:2.5px solid var(--ink);min-width:34px;height:34px;box-shadow:2px 3px 0 var(--ink);font:400 18px/1 var(--display);animation:pop-in var(--m-pop) calc(var(--at,0) * var(--m-stagger) + .35s) var(--spring) backwards;border-radius:999px;place-items:center;padding:1px 9px 0;display:inline-grid;rotate:-6deg}.a-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 18px;margin:0;padding:0;list-style:none;display:grid}.a-card{background:var(--card);border:var(--line) solid var(--ink);min-width:0;box-shadow:5px 6px 0 var(--ink);transition:transform var(--m-press) var(--spring), box-shadow var(--m-press) var(--spring);animation:rise-in var(--m-rise) calc((var(--at,0) + 1 + var(--i,0)) * var(--m-stagger)) var(--spring) backwards;border-radius:24px;grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative}@media (hover:hover){.a-card:has(.a-open:hover){box-shadow:6px 9px 0 var(--ink);transform:translateY(-3px)rotate(-1.5deg)}.a-card:has(.a-open:hover) .a-thumb{rotate:2deg}}.a-card:has(.a-open:active){box-shadow:2px 2px 0 var(--ink);transform:translateY(3px)scale(1.02,.96)}.a-open{min-width:0;color:inherit;border-bottom:2px solid #2a145821;align-content:start;gap:2px;padding:10px;text-decoration:none;display:grid}.a-open:focus-visible{outline-offset:2px;border-radius:18px}.a-thumb{aspect-ratio:1;border:2.5px solid var(--ink);background:var(--card);transition:rotate .3s var(--spring);border-radius:16px;margin-bottom:7px;display:block;position:relative;overflow:hidden}.a-thumb canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.a-name{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:800;line-height:1.22;display:-webkit-box;overflow:hidden}.a-meta{font-size:13px;line-height:1.3}.a-when{opacity:.75}.a-here{align-items:flex-start;gap:5px;margin-top:5px;font-size:12.5px;font-weight:800;line-height:1.25;display:flex}.a-here .a-ico{width:15px;height:15px;margin-top:1px}.a-del{transition:background var(--m-tint), transform var(--m-press) var(--spring);background:var(--card);border:2px solid #2a14584d;border-radius:999px;justify-content:center;justify-self:center;align-items:center;gap:5px;margin:6px 8px 8px;padding:5px 10px;font-size:12.5px;font-weight:700;line-height:1.2;display:flex}.a-del .a-ico{width:15px;height:15px}@media (hover:hover){.a-del:hover{background:var(--lemon);transform:translateY(-1px)}}.a-del:active{transform:scale(.94,.88)}.a-more{justify-self:center;align-items:center;gap:8px;margin-top:4px;padding:10px 20px;font-size:15px;display:inline-flex}.a-more .a-caret{width:12px;height:9px}.a-front-note{max-width:760px;margin:28px auto 0}.a-ask{gap:12px}.a-ask-top{align-items:center;gap:16px;min-width:0;display:flex}.a-ask-thumb{aspect-ratio:1;border:2.5px solid var(--ink);background:var(--card);width:66px;box-shadow:3px 4px 0 var(--ink);border-radius:14px;flex:none;margin:4px 0 6px 4px;position:relative;overflow:hidden;rotate:-5deg}.a-ask-thumb canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.a-ask h2{overflow-wrap:anywhere;min-width:0}.a-ask>p{font-size:16px;line-height:1.45}.a-ask .g-note-ends{gap:6px 12px;margin-top:4px}.a-ask .g-note-ends .g-link,.a-ask .g-note-ends .pill{padding:11px 16px;font-size:15px}.g-veil.a-gone-veil{z-index:44}.g-sheet.a-gone{z-index:45;grid-template-columns:minmax(0,1fr)}.a-gone>p{overflow-wrap:anywhere;min-width:0;font-size:15px;line-height:1.45}.a-gone-check{cursor:pointer;align-items:flex-start;gap:10px;font-size:15px;font-weight:700;line-height:1.35;display:flex}.a-gone-check input{width:22px;height:22px;accent-color:var(--ink);cursor:pointer;flex:none;margin:0}.a-gone-why{font-size:15px;font-weight:800;line-height:1.35}.a-opening{align-content:center;gap:26px;min-height:100dvh;padding-top:32px;padding-bottom:48px}.a-fetch{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);width:min(420px,100%);box-shadow:7px 8px 0 var(--ink);animation:rise-in var(--m-rise) var(--spring) both;justify-items:center;gap:16px;padding:26px 22px 24px;display:grid}.a-fetch-pic{margin:2px 0 8px;position:relative}.a-fetch-thumb{aspect-ratio:1;border:var(--line) solid var(--ink);background:var(--card);width:176px;box-shadow:3px 4px 0 var(--ink);animation:pop-in var(--m-pop) .15s var(--spring) backwards;border-radius:18px;display:block;position:relative;overflow:hidden;rotate:-4deg}.a-fetch-thumb canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.a-fetch-says{text-wrap:balance;overflow-wrap:anywhere;font-size:19px;font-weight:600;line-height:1.35}.a-wait{--p:62%;--q:0;width:min(250px,100%);margin:8px 0 6px;animation:3.6s ease-in-out infinite alternate a-roll}@keyframes a-roll{0%{--p:0%}to{--p:100%}}.a-fetch-off{justify-items:center;gap:14px;width:100%;display:grid}.a-badge{z-index:1;background:var(--card);border:var(--line) solid var(--ink);width:46px;height:46px;box-shadow:3px 4px 0 var(--ink);animation:pop-in var(--m-pop) .35s var(--spring) backwards;border-radius:50%;place-items:center;display:grid;position:absolute;top:-12px;right:-14px;rotate:8deg}.a-badge .a-ico{width:26px;height:26px}.a-fetch-off .g-note-ends{gap:8px 12px;width:100%}.a-fetch-off .g-note-ends .g-link,.a-fetch-off .g-note-ends .pill{padding:11px 16px;font-size:15px}.pc-ask{gap:14px;max-width:30em;padding:8px 12px}.pc-held{margin:6px 0 10px;display:block;position:relative}.pc-held-thumb{width:calc(184px * var(--pc-across,1));aspect-ratio:var(--pc-ratio,1);border:var(--line) solid var(--ink);background:var(--card);box-shadow:4px 5px 0 var(--ink);animation:pop-in var(--m-pop) .15s var(--spring) backwards;border-radius:20px;display:block;position:relative;overflow:hidden;rotate:-4deg}.pc-held-thumb canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pc-ask h2{font-size:24px;line-height:1.15}.pc-ask-name{overflow-wrap:anywhere}.pc-ask-says{text-wrap:balance;max-width:25em;font-size:16px;line-height:1.45}.pc-ask .btn{margin-top:4px}.pc-ask-fine{margin-top:-4px}.pc-ask .pc-ask-fine+.agree{margin-top:-10px}.pc-ask h2:focus,.pc-opening .a-fetch-says:focus{outline:none}.pc-opening .a-fetch-pic{display:block}.pc-opening .a-fetch-thumb{width:calc(176px * var(--pc-across,1));aspect-ratio:var(--pc-ratio,1)}.pc-sheet-thumb{background:var(--bg);place-items:center;display:grid}.pc-sheet-thumb svg{width:92px;height:107px;color:var(--ink);rotate:4deg}.pc-q{font:400 26px/1 var(--display);margin-top:3px}.pc-fetch-fine{text-wrap:balance;margin-top:-6px;font-size:15px;line-height:1.45}.pc-opening .g-note-ends .pill.strong{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pc-tag{background:var(--card);border:2px solid var(--ink);box-shadow:1.5px 2px 0 var(--ink);font-style:normal;font:800 11px/1.15 var(--body);white-space:nowrap;color:var(--ink);border-radius:999px;flex:none;align-items:center;gap:4px;padding:1px 8px 1px 6px;display:inline-flex;rotate:-3deg}.pc-tag svg{flex:none;width:11px;height:11px}.pc-tag.is-on{z-index:2;box-shadow:2px 3px 0 var(--ink);animation:pop-in var(--m-pop) .35s var(--spring) backwards;border-width:2.5px;gap:5px;padding:3px 11px 3px 8px;font-size:12.5px;position:absolute;top:-14px;left:-14px;rotate:-6deg}.pc-tag.is-on svg{width:13px;height:13px}.u-sticker.pc-sticker{font-style:normal}.u-sticker.pc-sticker svg{flex:none;width:13px;height:13px}.pc-yarn-dock{border-radius:30px;flex-wrap:wrap;justify-content:center;gap:4px;padding:6px 12px}.pc-yarn-dock .pick{border-radius:18px;width:auto;min-width:66px;max-width:132px;padding:6px 8px 5px}.pc-yarn-dock .pick .ball{width:34px;height:34px}.pc-yarn-dock .pick span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:700;overflow:hidden}.pc-line{align-items:center;gap:8px;min-width:0;margin-bottom:4px;display:flex}.pc-line b{min-width:0}.pc-copy .desk-stage:not([data-tool=move]) .chart-canvas{cursor:pointer}.desk-now .pc-note-card{flex:none;margin:0}.pc-note-card .g-note-ico{color:var(--ink)}.pc-card-says{margin-top:-2px}.panel-card .pc-card-says{font-size:13px}@media (width>=1081px){.app.desk.pc-copy .stage{grid-template-rows:auto minmax(0,1fr) auto;padding-bottom:16px}.app.desk.pc-copy .dock-hold{width:100%;position:static}}.desk-notes{display:contents}@media (width>=1081px) and (width<=1320px){.app.desk.pc-copy{grid-template:"bar bar""yarns stage"clamp(480px,100vh - 114px,780px)"now now"/268px minmax(0,1fr)}.app.desk.pc-copy .desk-yarns{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr);overflow:clip auto}.app.desk.pc-copy .desk-now{display:contents}.app.desk.pc-copy .desk-now>.log-card{grid-area:now}.app.desk.pc-copy .desk-notes{flex-direction:column;grid-area:notes;gap:14px;min-width:0;display:flex}.app.desk.pc-copy .desk-notes:empty{display:none}.app.desk.pc-copy:has(.desk-notes:not(:empty)){grid-template:"bar bar""yarns notes""yarns stage"minmax(0,1fr)"now now"/268px minmax(0,1fr)}.app.desk.pc-copy:has(.desk-notes:not(:empty)) .desk-yarns{height:clamp(480px,100vh - 114px,780px)}.app.desk.pc-copy:has(.desk-notes:not(:empty)) .stage{contain:size;min-height:0}}@media (width<=760px),(height<=600px){.pc-yarn-row{scrollbar-width:none;gap:2px;margin:0 -10px;padding:0 8px 1px;display:flex;overflow:auto clip}.pc-yarn-row::-webkit-scrollbar{display:none}.pc-yarn-row .pick{border-radius:16px;flex:none;width:clamp(54px,16.3934vw - 5.57377px,74px);padding:6px 2px 5px}.pc-yarn-row .pick .ball{width:36px;height:36px}.pc-yarn-row .pick span{overflow-wrap:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:10.5px;line-height:1.1;display:-webkit-box;overflow:hidden}.edit-dock.pc-b .dock-cue{min-height:0}.edit-dock.pc-b .cue-line{text-align:center;grid-column:1/-1}.u-card.pc-go{gap:4px;padding:10px 12px 9px;animation:none}.u-card.pc-go .btn.u-go{padding:14px;font-size:21px}.u-card.pc-go .u-under{margin-top:2px;font-size:12.5px}.edit-top .pc-tag{padding:1px 7px 1px 5px;font-size:10.5px}.edit-top .pc-tag svg{width:10px;height:10px}.pc-copy .phone-sheet .end-row{z-index:1;background:var(--card);margin:2px 0 -18px;padding:10px 0 18px;position:sticky;bottom:-18px}}.a-status{align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:600;line-height:1.3;display:flex}.a-status .a-ico{width:18px;height:18px}.a-status-says{min-width:0}.a-status-go{flex:none;margin-left:auto;padding:4px 13px;font-size:12.5px;font-weight:700}.a-top{border-radius:24px;flex-wrap:wrap;row-gap:5px;padding-bottom:7px}.a-top .project{flex:1 1 0}.a-top .a-status{border-top:2px solid #2a14581f;flex:100%;padding:6px 2px 0 0}.a-top .project b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-end .a-status{max-width:min(36em,40vw);font-size:13px}.a-top .a-status-agree{flex:100%;margin-top:-3px;padding-left:24px}.bar-end .a-status-agree{text-align:left;max-width:16em}.g-note-ico.a-dev{width:25px;height:23px}.app.phone-edit:has(>.a-edit-note){grid-template:"top""note""stage"minmax(0,1fr)"dock"/minmax(0,1fr)}.a-edit-note{grid-area:note;margin:0}.desk-now .a-edit-note{flex:none}.g-note>p{text-wrap:balance}.g-note-ends:not(:has(.g-link)) .pill.strong{text-align:center}.is-gone .chart-canvas,.is-gone .g-canvas{opacity:.5}.a-over{z-index:21;width:min(390px,100vw - 32px);box-shadow:7px 8px 0 var(--ink);animation:a-over-in var(--m-overlay) var(--spring) both;gap:12px;margin:0;padding:16px 14px 14px 16px;position:fixed;top:50%;left:50%;translate:-50% -50%}.a-over:focus{outline:none}@keyframes a-over-in{0%{opacity:0;translate:-50% calc(26px - 50%);scale:.92}to{opacity:1;translate:-50% -50%;scale:1}}.a-over-says{font:800 16px/1.3 var(--body)}.a-over .g-note-ends .pill{justify-content:center;padding:11px 16px;font-size:15px;text-decoration:none}@media (width<=760px),(height<=600px){.a-shelf{gap:12px;margin-top:28px}.a-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}.a-card{box-shadow:4px 5px 0 var(--ink);border-radius:22px}.a-open{padding:8px 8px 9px}.a-thumb{border-radius:14px;margin-bottom:6px}.a-name{font-size:14.5px}.a-meta{font-size:12.5px}.a-del{margin:5px 6px 7px}.a-front-note{margin-top:22px}.a-opening{gap:22px;padding-top:40px}.a-fetch{padding:22px 18px 20px}.a-fetch-thumb{width:156px}.a-fetch-says{font-size:18px}}@media (height<=600px) and (aspect-ratio>=1){.app.phone-edit:has(>.a-edit-note){grid-template:"stage top""stage note""stage dock"minmax(0,1fr)/minmax(0,1fr) 216px}.a-top .project{flex:100%}}.u-sticker{z-index:1;background:var(--card);border:2.5px solid var(--ink);box-shadow:2px 3px 0 var(--ink);white-space:nowrap;animation:pop-in var(--m-pop) calc((var(--at,0) + var(--i,0)) * var(--m-stagger) + .45s) var(--spring) backwards;border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 7px;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex;position:absolute;top:-13px;left:10px;rotate:-5deg}.u-sticker .a-ico{width:14px;height:14px}.u-spare{background:var(--card);border:var(--line) solid var(--ink);box-shadow:3px 4px 0 var(--ink);animation:pop-in var(--m-pop) calc(var(--at,0) * var(--m-stagger) + .3s) var(--spring) backwards;border-radius:999px;justify-self:start;align-items:center;gap:8px;margin:-2px 0 6px 6px;padding:6px 16px 6px 11px;font-size:15px;font-weight:800;line-height:1.2;display:inline-flex;rotate:-2deg}.u-spare .a-ico{width:20px;height:20px}@media (width<=760px),(height<=600px){.u-sticker{font-size:11.5px;top:-12px;left:8px}.u-spare{font-size:14px}}.u-asleep{position:relative}.u-asleep>:not(.u-lock){opacity:.42}@media (hover:hover){.tool.u-asleep:hover,.yarn-chip.u-asleep:hover,.pill.u-asleep:hover{background:var(--card);transform:none}.tool.u-asleep:hover svg{rotate:0deg;scale:1}.yarn-row.u-asleep:hover,.log-row.u-asleep:hover{background:0 0;transform:none}}.tool.u-asleep{background:0 0}.pill.u-asleep{opacity:.55}.yarn-row.u-asleep>:not(.u-lock){opacity:1}.yarn-row.u-asleep{cursor:default}.u-lock{z-index:1;background:var(--card);border:2px solid var(--ink);width:18px;height:18px;color:var(--ink);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:-5px;left:calc(50% + 3px)}:is(.tool,.yarn-chip,.pill) .u-lock svg{width:11px;height:11px;overflow:visible;rotate:0deg;scale:1}.u-lock .u-shackle{transform-box:fill-box;transform-origin:100% 100%}.yarn-chip .u-lock{top:-8px;left:22px}.tool-row .u-lock{top:-3px;left:calc(50% + 7px)}[data-nod]{animation:.42s ease-in-out u-nod}@keyframes u-nod{0%,to{rotate:0deg}25%{rotate:-9deg}60%{rotate:7deg}}.u-lock.is-off{opacity:0;animation:u-lock-off .5s calc(.28s + var(--i,0) * 80ms) var(--spring) backwards;scale:0}.u-lock.is-off .u-shackle{animation:u-shackle .26s calc(.28s + var(--i,0) * 80ms) ease-out backwards;translate:0 -2px;rotate:32deg}@keyframes u-lock-off{0%{opacity:1;translate:0;scale:1}45%{opacity:1;translate:0 -5px;scale:1.25}to{opacity:0;translate:0 -8px;scale:0}}@keyframes u-shackle{0%{translate:0;rotate:0deg}to{translate:0 -2px;rotate:32deg}}.u-woke{animation:u-wake .5s calc(.4s + var(--i,0) * 80ms) var(--spring) backwards;position:relative}@keyframes u-wake{0%{opacity:.42;scale:.86}60%{opacity:1;scale:1.14}to{opacity:1;scale:1}}.u-card{z-index:6;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);min-width:0;box-shadow:0 4px 0 var(--ink);text-align:center;animation:rise-in var(--m-rise) .15s var(--spring) both;justify-items:center;gap:8px;padding:10px 12px;display:grid;position:relative}.u-badge{background:var(--card);border:var(--line) solid var(--ink);width:38px;height:38px;box-shadow:2px 3px 0 var(--ink);animation:pop-in var(--m-pop) .45s var(--spring) backwards;border-radius:50%;place-items:center;display:grid;position:absolute;top:-14px;right:16px;rotate:9deg}.u-badge svg{width:21px;height:21px}.u-says{text-wrap:balance;overflow-wrap:anywhere;min-width:0;max-width:100%;transition:background var(--m-tint), color var(--m-tint);border-radius:14px;padding:6px 12px;font-size:13.5px;font-weight:700;line-height:1.3;display:block;position:relative}.u-says .a-ico{vertical-align:-4px;width:18px;height:18px;margin-right:7px;display:inline-block}.u-says b{font-weight:800}.u-s{max-width:100%;display:inline-block}.u-says.is-news{font-size:14.5px;font-weight:800}.u-says.is-loud{background:var(--ink);color:var(--card);animation:pop-in var(--m-pop) var(--spring)}.u-says.is-loud:before{content:"";top:-7px;left:var(--tail,50%);border:7px solid #0000;border-top:0;border-bottom-color:var(--ink);position:absolute;translate:-50%}.btn.u-go{white-space:nowrap;width:100%;padding:15px 14px;font-size:20px}.btn.u-go[disabled]{opacity:.5}.u-wait{text-align:center;border:2.5px dashed #2a145866;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;width:100%;min-height:57px;padding:6px 14px;font-size:16px;font-weight:800;line-height:1.25;display:flex}.u-wait.is-trouble{border-style:solid;border-color:var(--ink);background:var(--card)}.u-wait-says{align-items:center;gap:12px;display:inline-flex}.u-wait.is-trouble .u-wait-says{font-size:15px;font-weight:700}.btn.small.u-retry{padding:7px 16px;font-size:15px}.u-wait-mini{justify-content:center;padding:8px 0 2px;display:flex}.u-wait-line{align-items:center;gap:8px;display:flex}.btn.u-go[data-calling]{box-shadow:0 6px 0 var(--ink), 0 0 0 6px var(--lemon);animation:.6s ease-in-out u-wiggle}@keyframes u-wiggle{0%,to{rotate:0deg}20%{rotate:-3deg}45%{rotate:2.5deg}70%{rotate:-1.5deg}}.u-under{text-wrap:balance;margin-top:-1px;font-size:13px;line-height:1.35}.u-agree{margin-top:-3px}.u-card .a-wait{width:min(250px,86%);margin:12px 0 10px}.u-card.is-message .u-says{padding:8px 10px 10px;font-size:15px;font-weight:700}.u-card.is-message .u-says .a-ico{width:26px;height:26px;margin:0 auto 8px;display:block}.u-yay-row{justify-content:center;align-items:center;gap:12px;padding:6px 0 4px;display:flex;position:relative}.u-yay{z-index:1;background:var(--lemon);border:var(--line) solid var(--ink);box-shadow:3px 4px 0 var(--ink);font:400 25px/1 var(--display);animation:u-yay .55s var(--spring) backwards;border-radius:999px;align-items:center;gap:8px;padding:7px 18px 7px 12px;display:inline-flex;position:relative;rotate:-4deg}.u-yay .a-ico{width:24px;height:24px}.u-yay:focus,.u-else .a-fetch-says:focus{outline:none}@keyframes u-yay{0%{rotate:8deg;scale:.2}65%{rotate:-6deg;scale:1.15}to{rotate:-4deg;scale:1}}.u-thanks{z-index:1;margin-top:-2px;font-size:15px;font-weight:800;position:relative}.u-pop{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.u-stitch{background:var(--c);border:2px solid var(--ink);width:12px;height:12px;translate:var(--x) var(--y);rotate:var(--r);scale:var(--s,1);animation:u-stitch .6s var(--d,0s) var(--spring) backwards;border-radius:3px;position:absolute;top:-6px;left:-6px}@keyframes u-stitch{0%{translate:0;rotate:0deg;scale:0}}@media (prefers-reduced-motion:reduce){.u-pop{display:none}}.u-card.is-going{animation:u-going .35s var(--spring) forwards;pointer-events:none}@keyframes u-going{to{opacity:0;rotate:-6deg;scale:.6}}.u-back{animation:pop-in var(--m-pop) .5s var(--spring) backwards}.app.phone-edit.u-locked{grid-template:"top""stage"minmax(0,1fr)"dock""unlock"/minmax(0,1fr)}.app.phone-edit.u-locked:has(>.a-edit-note){grid-template:"top""note""stage"minmax(0,1fr)"dock""unlock"/minmax(0,1fr)}.app.phone-edit .u-card{grid-area:unlock}.app.phone-edit .u-badge{width:34px;height:34px;top:-13px;right:14px}.app.phone-edit .u-badge svg{width:19px;height:19px}.more-end .btn.u-go{width:auto;padding:11px 20px;font-size:19px;font-weight:700}.desk-now:has(>.u-card){padding-top:14px}.desk-now .u-card{box-shadow:0 5px 0 var(--ink);flex:none;gap:10px;padding:16px 16px 14px}.desk-now .u-card .btn.u-go{font-size:21px}.desk-now .u-card .u-says{font-size:14px}.desk-now .u-card:has(.u-yay){padding:22px 16px 18px}@media (height<=600px) and (aspect-ratio>=1){.app.phone-edit.u-locked{grid-template:"stage top""stage dock"minmax(0,1fr)"stage unlock"/minmax(0,1fr) 216px}.app.phone-edit.u-locked:has(>.a-edit-note){grid-template:"stage top""stage note""stage dock"minmax(0,1fr)"stage unlock"/minmax(0,1fr) 216px}.app.phone-edit .u-card{gap:6px;padding:8px}.app.phone-edit .u-card .btn.u-go{white-space:normal;padding:11px 8px;font-size:15px}.app.phone-edit .u-card:not(:has(.u-yay)) .btn.u-go{background:#ce482b}.app.phone-edit .u-card .u-says{padding:4px 6px;font-size:12.5px}.app.phone-edit .u-card .u-under{font-size:12px}}.u-veil{z-index:34;animation:veil-in var(--m-overlay) var(--spring) both;background:#2a14582e;position:fixed;inset:0}.u-card.u-ask{z-index:35;gap:10px;position:fixed}.u-ask:focus{outline:none}.u-card.u-ask.is-sheet{box-shadow:none;animation:sheet-up var(--m-sheet) var(--spring) both;border-bottom:0;border-radius:26px 26px 0 0;padding:12px 18px 22px;bottom:0;left:0;right:0}.u-card.u-ask.is-dialog{width:min(440px,100vw - 32px);box-shadow:7px 8px 0 var(--ink);animation:g-rise-centre var(--m-overlay) var(--spring) both;padding:24px 26px 20px;top:50%;left:50%;translate:-50% -50%}.u-grip{background:var(--ink);opacity:.22;border-radius:999px;width:46px;height:5px;margin:-2px 0 2px;display:block}.u-ask h2{font:400 24px/1.1 var(--display);text-wrap:balance}.u-ask-line{text-wrap:balance;overflow-wrap:anywhere;min-width:0;max-width:100%;font-size:15.5px;line-height:1.4}.u-ask-name{vertical-align:bottom;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden}.u-ask-name b{font-weight:800}.u-ask .u-badge{animation-delay:.25s;top:-17px;right:18px}.u-ask.is-dialog .u-badge{top:-16px;right:22px}.u-ask-ends{justify-items:center;gap:8px;width:100%;margin-top:2px;display:grid}.u-ask-ends .btn.u-go{padding:15px 14px;font-size:20px}.u-ask.is-dialog .u-ask-ends .btn.u-go{font-size:21px}.u-ask-ends .u-under{margin-top:-2px;font-size:13px}.u-card.u-ask .eg-keep{margin-top:0;padding:4px 6px;font-size:13.5px}.u-ask-ends .u-yay-row{padding:10px 0 6px}.u-next{opacity:.8;font-size:14px;font-weight:700}@media (height<=600px) and (aspect-ratio>=1){.u-card.u-ask.is-sheet{border-bottom:var(--line) solid var(--ink);border-radius:var(--r);width:min(440px,100vw - 24px);box-shadow:7px 8px 0 var(--ink);animation:g-rise-centre var(--m-overlay) var(--spring) both;gap:8px;padding:14px 18px;inset:50% auto auto 50%;translate:-50% -50%}.u-ask.is-sheet .u-grip{display:none}}.u-else-pic{background:var(--card);border:var(--line) solid var(--ink);width:92px;height:92px;box-shadow:3px 4px 0 var(--ink);animation:pop-in var(--m-pop) .15s var(--spring) backwards;border-radius:50%;place-items:center;margin:4px 0 6px;display:grid;position:relative;rotate:-5deg}.u-else-ico{width:46px;height:46px}.u-else-card{background:var(--card);border:var(--line) solid var(--ink);width:40px;height:40px;box-shadow:2px 3px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-6px;right:-12px;rotate:12deg}.u-else-card .a-ico{width:22px;height:22px}.u-else .a-fetch-says{font-weight:800}.u-else-more{text-wrap:balance;font-size:15px;line-height:1.4}.u-else .g-note-ends{width:100%;margin-top:6px}.u-else .g-note-ends .pill{justify-content:center;padding:11px 16px;font-size:15px;text-decoration:none}.eg-or{width:min(100%,300px);font:800 11px/1 var(--body);text-transform:uppercase;letter-spacing:.08em;opacity:.55;align-items:center;gap:10px;margin-top:2px;display:flex}.eg-or:before,.eg-or:after{content:"";background:var(--ink);opacity:.3;border-radius:2px;flex:1;height:2px}.eg-grid-pill{gap:9px;padding-left:16px}.eg-grid-ico{flex:none;width:19px;height:19px}.eg-front .steps{flex-wrap:nowrap;justify-content:space-between;width:max-content;min-width:760px;margin:8px auto 0}.eg-front .steps li{flex:none}.eg-new-plus{z-index:1;background:var(--card);border:2.5px solid var(--ink);width:30px;height:30px;box-shadow:2px 3px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:-11px;right:-11px;rotate:8deg}.eg-new-plus svg{width:16px;height:16px}.eg-new .a-open{border-bottom:0}.eg-new .a-thumb{background:var(--card)}.eg-new .eg-new-plus{width:34px;height:34px;top:-9px;right:-9px}.eg-new .eg-new-plus svg{width:18px;height:18px}.eg-new .a-thumb{overflow:visible}.eg-new .a-thumb canvas{border-radius:13px}@media (width>=561px) and (width<=880px){.eg-front .steps{flex-direction:column;gap:8px;width:min(100%,340px);min-width:0;margin-top:28px}.eg-front .steps li,.eg-front .sp{width:100%}.eg-front .sp{justify-content:flex-start}.eg-front .links{display:none}}@media (width<=560px){.eg-front .steps{width:100%;min-width:0;margin-top:28px}.eg-front .steps li,.eg-front .sp{width:100%}.eg-front .sp{justify-content:flex-start}.eg-or{width:min(100%,260px)}}.eg-setup .stage{gap:8px;padding:18px 18px 14px}.eg-preview-hold{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid}.eg-preview{width:100%;height:100%;display:block;rotate:-2deg}.eg-preview.is-jelly{animation:.7s ease-out jelly}.eg-caption{text-align:center;text-wrap:balance;font-size:14px;font-weight:700;line-height:1.35}.step .eg-fine{margin-top:9px}.step .readout{margin-top:10px}.step .readout+.eg-fine{margin-top:6px}.field input[aria-invalid=true]{box-shadow:0 0 0 4px var(--lemon)}.eg-measure-body{gap:8px;margin-top:12px;display:grid}.eg-measure-body .label{margin-top:1px}.eg-units .pill.choose{padding:7px 14px;font-size:13px}.eg-measure-body .says{margin-top:2px}.eg-measure-body .says+.fine{margin-top:-6px}.eg-colour summary{gap:9px;padding-left:9px}.eg-colour summary .ball{border-width:2.5px;width:24px;height:24px}.eg-colour summary span:first-of-type{font-weight:700}.eg-change{opacity:.55;margin-left:4px;font-weight:700}.eg-colour-body{gap:10px;margin-top:12px;display:grid}.eg-custom{gap:10px;display:grid}.panel-foot .eg-start-note{text-align:left}.eg-drawn .tool-row{grid-template-columns:repeat(4,minmax(0,1fr))}.yarn-chip.eg-waiting{position:relative}.eg-fresh{z-index:1;background:var(--card);border:2px solid var(--ink);width:18px;height:18px;color:var(--ink);pointer-events:none;animation:pop-in var(--m-pop) var(--spring) backwards;border-radius:50%;place-items:center;display:grid;position:absolute;top:-8px;left:22px}.eg-fresh svg{width:10px;height:10px}.yarn-chip[aria-expanded=true] .eg-fresh{background:var(--card)}.pop .eg-swatches{margin-top:2px}.pop .eg-swatches+.row{margin-top:10px;padding:0 4px}.pop .field{margin-top:8px;padding:0 4px}.phone-sheet .eg-swatches+.row{margin-top:2px}.u-card .eg-keep{margin-top:-2px;padding:4px 6px;font-size:13px}@media (width<=760px),(height<=600px){.app.setting-up.eg-setup .stage{height:250px;min-height:0;padding:12px 12px 10px}.eg-caption{font-size:13px}.app.setting-up.eg-setup{padding-bottom:calc(var(--eg-foot,190px) + 4px)}.eg-foot-strip{z-index:8;background:var(--bg);padding:10px 12px 12px;position:fixed;bottom:0;left:0;right:0}.eg-foot-strip:before,.eg-foot-strip:after{content:"";pointer-events:none;-webkit-mask-image:var(--tx);-webkit-mask-image:var(--tx);mask-image:var(--tx);-webkit-mask-size:var(--tx-size);-webkit-mask-size:var(--tx-size);mask-size:var(--tx-size);position:absolute;inset:0}.eg-foot-strip:after{background:var(--tx-light);-webkit-mask-position:0 var(--eg-shift,0px);-webkit-mask-position:0 var(--eg-shift,0px);mask-position:0 var(--eg-shift,0px)}.eg-foot-strip:before{background:var(--tx-shade);-webkit-mask-position:1.5px calc(2.5px + var(--eg-shift,0px));-webkit-mask-position:1.5px calc(2.5px + var(--eg-shift,0px));mask-position:1.5px calc(2.5px + var(--eg-shift,0px))}.eg-foot-strip .panel-foot{z-index:1;position:relative}}.guide-account{flex:none;display:none}@media (width>=700px){.guide-account:has(.dot){display:flex}}@media (width>=700px) and (width<=779px){.guide-bar:has(.g-back) .guide-account{display:none}}.account-dot{display:flex;position:relative}.account-menu{z-index:6;width:260px;max-width:calc(100vw - 32px);font-family:var(--body);background:var(--card);border:var(--line) solid var(--ink);box-shadow:0 5px 0 var(--ink);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--m-exit) var(--spring), scale var(--m-exit) var(--spring), visibility 0s linear var(--m-exit);border-radius:20px;justify-items:stretch;gap:0;padding:14px;display:grid;position:absolute;top:calc(100% + 10px);right:0;scale:.96}.account-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--m-overlay) var(--spring), scale var(--m-overlay) var(--spring), visibility 0s;scale:1}.account-identity{gap:3px;min-width:0;display:grid}.account-identity strong{font:400 18px/1.2 var(--display);overflow-wrap:anywhere}.account-identity span{font:500 13px/1.3 var(--body);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-divider{background:#2a145829;height:2px;margin:12px 0 7px}.account-rows{gap:2px;width:100%;display:grid}.account-row{width:100%;height:44px;color:var(--ink);font:700 15px/1.2 var(--body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:0 10px;display:flex}.account-row svg{flex:none;width:18px;height:18px}.account-row:hover,.account-row:focus{background:var(--lemon)}.account-inline{gap:8px;width:100%;display:grid}.account-inline .account-rows{display:grid}.account-veil{z-index:42}.g-sheet.account-sheet{z-index:43;font-family:var(--body);gap:16px}.account-sheet-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.g-sheet.account-sheet h2{font:400 26px/1.1 var(--display)}.account-close{width:32px;height:32px;color:var(--ink);font:28px/1 var(--body);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.account-close:hover,.account-close:focus-visible{background:var(--lemon)}.account-delete-section{border-top:2px solid #2a145829;border-bottom:2px solid #2a145829;justify-items:start;gap:12px;padding:16px 0;display:grid}.account-delete-section p{margin:0;font-size:15px}.account-sheet .legal-links{justify-content:center;font-size:13px}@media (prefers-reduced-motion:reduce){.account-menu,.account-menu.is-open{transition:none}.g-sheet.account-sheet,.account-veil{animation:none}}.page-wait{place-items:center;min-height:100dvh;padding:24px;display:grid}.page-wait-box{transition:opacity var(--m-overlay) var(--spring);justify-items:center;gap:18px;display:grid}.page-wait-box.is-quiet{opacity:0;transition:none}.page-wait-says:focus{outline:none}.page-wait .sw{--cell:14px}.page-wait .sw-ball{width:28px}.page-wait-says{font:700 16px/1.35 var(--body);color:var(--ink);text-align:center;text-wrap:balance;max-width:300px}.mini-sw{vertical-align:middle;flex:none;grid-template-columns:repeat(5,7px);gap:2px;display:inline-grid}.mini-sw i{background:var(--lemon);width:7px;height:7px;box-shadow:inset 0 0 0 1.5px var(--ink);animation:mini-sw 1.8s var(--spring) infinite both;animation-delay:calc(var(--k) * .15s);border-radius:2px;scale:0}@keyframes mini-sw{0%,8%{scale:0}22%,78%{scale:1}90%,to{scale:0}}.btn.is-busy,.btn.is-busy[disabled]{opacity:1;cursor:progress;gap:10px}.btn.small.is-busy{gap:8px}.is-remaking>:not(.stitching){opacity:.35;transition:opacity .3s}.setup-over[hidden]{display:none}.is-remaking>.stitching{top:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.page-wait-box{transition:none}.mini-sw i{animation:none;scale:1}}.gift-card{z-index:19;background:var(--card);width:min(420px,100vw - 32px);color:var(--ink);border:var(--line) solid var(--ink);box-shadow:0 6px 0 var(--ink);animation:gift-card-drop var(--m-rise) var(--spring) both;border-radius:24px;align-items:flex-start;gap:16px;margin:0 auto;padding:18px;display:flex;position:fixed;top:92px;left:0;right:0;transform:rotate(-1.5deg)}.gift-card.is-leaving{animation:gift-card-away var(--m-exit) var(--spring) forwards;pointer-events:none}.gift-card-icon{flex:none;width:64px;height:64px;overflow:visible}.gift-card-copy{min-width:0}.gift-card h2{font:400 22px/1.1 var(--display);margin:0}.gift-card p{font:600 15px/1.35 var(--body);margin:6px 0 12px}.gift-card .btn.small{margin-top:12px}.gift-card p+.btn.small{margin-top:0}.gift-card .btn:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.gift-card-dots{gap:6px;margin-top:12px;display:flex}.gift-card-dot{background:var(--ink);width:7px;height:7px;animation:gift-card-pulse 1.2s var(--spring) infinite;border-radius:50%}.gift-card-dot:nth-child(2){animation-delay:.2s}.gift-card-dot:nth-child(3){animation-delay:.4s}@keyframes gift-card-drop{0%{opacity:0;transform:translateY(-40px)rotate(-1.5deg)}70%{opacity:1;transform:rotate(-1.5deg)scale(1.06,.94)}to{opacity:1;transform:rotate(-1.5deg)scale(1)}}@keyframes gift-card-away{to{opacity:0;transform:translateY(-12px)rotate(-1.5deg)scale(.85)}}@keyframes gift-card-pulse{0%,60%,to{opacity:1;transform:scale(1)}30%{opacity:.45;transform:scale(1.45)}}@media (width<=699px){.gift-card{gap:12px;padding:14px;top:72px}.gift-card h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.gift-card,.gift-card.is-leaving,.gift-card-dot{transition:none!important;animation:none!important}}