.qs{--ink:#2a241d;--ink-soft:#54483a;--calico:#f5eedd;--calico-2:#ebe1ca;--linen:#e4d9c1;--table:#cbbd9d;--seam:#45392c;--madder:#9c3428;--indigo:#2f4370;--ease:cubic-bezier(.16, 1, .3, 1);--font-d:var(--font-vollkorn), Georgia, serif;--font-u:var(--font-karla), system-ui, sans-serif;--font-hand:var(--font-kalam), var(--font-karla), system-ui, sans-serif;--font-felt:var(--font-alfa), Georgia, serif;font-family:var(--font-u);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9 .42' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0 0 0 -.38'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--specks:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='1' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .26 0 0 0 0 .16 2.4 0 0 0 -1.62'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23s)'/%3E%3C/svg%3E");--weave:repeating-linear-gradient(0deg,#ffffff12 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#00000016 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,transparent 0 17px,#00000009 17px 19px,transparent 19px 43px),repeating-linear-gradient(0deg,transparent 0 23px,#ffffff09 23px 24px,transparent 24px 51px);--weave-light:repeating-linear-gradient(0deg,#785a320d 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#785a320f 0 1px,transparent 1px 3px);--weave-coarse:repeating-linear-gradient(0deg,#ffffff14 0 1.5px,transparent 1.5px 4px),repeating-linear-gradient(90deg,#3c280f14 0 1.5px,transparent 1.5px 4px),repeating-linear-gradient(90deg,transparent 0 29px,#3c280f0a 29px 32px,transparent 32px 71px);--sh-near:0 1px 2px #2e1e0e38,0 8px 16px -6px #2e1e0e4d;--focus-ink:#1b1510;--focus-bed:#fbf3e2}.qs *,.qs :before,.qs :after{box-sizing:border-box}:is(html:has(.qs),body:has(.qs)){overscroll-behavior:none;background:#cbbd9d;height:100%;margin:0;overflow:hidden}.qs button,.qs input,.qs textarea{font:inherit;color:inherit}.qs button{cursor:pointer}.qs :focus{outline:none}.qs :focus-visible{outline:3px dashed var(--focus-ink);outline-offset:3px}.qs .skip{z-index:95;background:var(--calico);color:var(--ink);font:700 16px/1 var(--font-u);box-shadow:var(--sh-near);border-radius:6px;padding:12px 16px;position:fixed;top:12px;left:12px;transform:translateY(-300%)}.qs .skip:focus{transform:none}.qs .skip:focus-visible{outline:3px dashed var(--focus-ink);outline-offset:3px;box-shadow:0 0 0 7px var(--focus-bed),var(--sh-near)}.qs .vh{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.qs .defs{width:0;height:0;position:absolute;overflow:hidden}.qs .viewport{overflow-anchor:none;scrollbar-width:none;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background-color:var(--table);background-image:var(--noise),var(--weave-coarse);position:fixed;inset:0;overflow:hidden}.qs .viewport.dragging{cursor:grabbing}.qs .viewport::-webkit-scrollbar{display:none}.qs .scroll-room{visibility:hidden;pointer-events:none;width:32000px;height:32000px;position:absolute;top:0;left:0}.qs .world{transform-origin:0 0;position:absolute;top:16000px;left:16000px}.qs .quilt{width:var(--qw);height:var(--qh);background-color:var(--linen);background-image:var(--noise),var(--weave);border-radius:5px;position:absolute;top:0;left:0;box-shadow:0 2px 3px #2e1e0e33,0 30px 60px -22px #2e1e0e80}.qs .q-seam{background:var(--seam);position:absolute;box-shadow:0 0 1.5px 1px #1e140a40}.qs .q-backing{background-color:#ece3cd;background-image:var(--specks),var(--weave-light);position:absolute;box-shadow:inset 0 12px 16px -12px #28190a59}.qs .q-slots{pointer-events:none;position:absolute;inset:0}.qs .q-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.qs .bind-stitch{fill:none;stroke:#8c3024;stroke-width:2.4px;stroke-dasharray:9 7;stroke-linecap:round}.qs .bind-sh{fill:none;stroke:#0003;stroke-width:2.4px;stroke-dasharray:9 7;stroke-linecap:round}.qs .bind-fold{fill:none;stroke:#3c281429;stroke-width:1.2px}.qs .chalk{fill:none;stroke:#3a5c966b;stroke-width:1.6px;stroke-dasharray:7 8;stroke-linecap:round}.qs .chalk-x{fill:none;stroke:#3a5c9680;stroke-width:1.6px;stroke-linecap:round}.qs .field{z-index:2;position:absolute;inset:0}.qs .world.far .quilt{background-image:var(--noise)}.qs .world.far .patch{background-image:var(--print,none),var(--noise)}.qs .world.far .q-backing,.qs .world.far .slot-empty{background-image:var(--specks)}.qs .pend-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.qs .pend-layer>*{pointer-events:auto}.qs .breeze-clip{pointer-events:none;z-index:4;border-radius:5px;position:absolute;inset:0;overflow:hidden}.qs .breeze{background:linear-gradient(90deg,#0000 0%,#301e0c0f 34%,#301e0c18 52%,#301e0c0d 68%,#0000 100%);width:620px;height:160%;animation:38s linear infinite q-breeze;position:absolute;top:-30%;left:0}.qs .breeze.b2{animation-delay:-19s}@keyframes q-breeze{0%{transform:translate(-820px)rotate(17deg)}to{transform:translateX(calc(var(--qw) + 260px)) rotate(17deg)}}.qs .patch{cursor:pointer;background-color:var(--cloth);background-image:var(--print,none),var(--noise),var(--weave);box-shadow:var(--sh-rest);-webkit-tap-highlight-color:transparent;border:0;border-radius:3px;margin:0;padding:0;display:block;position:absolute}.qs .patch>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.qs .patch.is-lifted{opacity:0;pointer-events:none}.qs .patch:focus{outline:none}.qs .patch:focus-visible{outline:calc(3px * var(--inv,1)) dashed var(--focus-ink);outline-offset:calc(3px * var(--inv,1));box-shadow:var(--sh-rest),0 0 0 calc(7px * var(--inv,1)) var(--focus-bed);z-index:5}.qs .c-indigo{--cloth:#2f4370;--thread:#f3e9d2;--stitch:#e8d6a4;--ap-a:#dcae45;--ap-b:#e8dcc0;--ap-c:#d9a29c}.qs .c-madder{--cloth:#9c3428;--thread:#f6ead0;--stitch:#f0d9b0;--ap-a:#e0b14a;--ap-b:#ecdfc2;--ap-c:#e8b7b0}.qs .c-mustard{--cloth:#c99a32;--thread:#2a2216;--stitch:#3b2f1c;--ap-a:#8e2f24;--ap-b:#2f4370;--ap-c:#23503b}.qs .c-green{--cloth:#2e5b45;--thread:#f3e9d2;--stitch:#e6c98a;--ap-a:#e2a9a2;--ap-b:#dcae45;--ap-c:#ecdfc2}.qs .c-undyed{--cloth:#d8c9a8;--thread:#6e2419;--stitch:#7a2a1f;--ap-a:#2f4370;--ap-b:#9c3428;--ap-c:#2e5b45}.qs .c-rose{--cloth:#c9908c;--thread:#3b1f33;--stitch:#4a2a40;--ap-a:#2e5b45;--ap-b:#2f4370;--ap-c:#8a2c22;--pocket:#b97f7b;--flap:#b07571}.qs .pr-gingham{--print:repeating-linear-gradient(0deg,#fffaf03d 0 9px,transparent 9px 18px),repeating-linear-gradient(90deg,#fffaf03d 0 9px,transparent 9px 18px)}.qs .pr-ticking{--print:repeating-linear-gradient(90deg,transparent 0 12px,#fffaf080 12px 14px,transparent 14px 17px,#fffaf057 17px 18px,transparent 18px 32px)}.qs .pr-floral{--print:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg fill='rgba(255,248,236,.6)'%3E%3Ccircle cx='5' cy='3.4' r='1.4'/%3E%3Ccircle cx='6.6' cy='5' r='1.4'/%3E%3Ccircle cx='5' cy='6.6' r='1.4'/%3E%3Ccircle cx='3.4' cy='5' r='1.4'/%3E%3Ccircle cx='16' cy='14.4' r='1.4'/%3E%3Ccircle cx='17.6' cy='16' r='1.4'/%3E%3Ccircle cx='16' cy='17.6' r='1.4'/%3E%3Ccircle cx='14.4' cy='16' r='1.4'/%3E%3C/g%3E%3Cg fill='rgba(220,174,69,.85)'%3E%3Ccircle cx='5' cy='5' r='1'/%3E%3Ccircle cx='16' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E")}.qs .pr-floral-dark{--print:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg fill='rgba(110,36,25,.5)'%3E%3Ccircle cx='5' cy='3.4' r='1.4'/%3E%3Ccircle cx='6.6' cy='5' r='1.4'/%3E%3Ccircle cx='5' cy='6.6' r='1.4'/%3E%3Ccircle cx='3.4' cy='5' r='1.4'/%3E%3Ccircle cx='16' cy='14.4' r='1.4'/%3E%3Ccircle cx='17.6' cy='16' r='1.4'/%3E%3Ccircle cx='16' cy='17.6' r='1.4'/%3E%3Ccircle cx='14.4' cy='16' r='1.4'/%3E%3C/g%3E%3Cg fill='rgba(47,67,112,.75)'%3E%3Ccircle cx='5' cy='5' r='1'/%3E%3Ccircle cx='16' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E")}.qs .p-stitch{fill:none;stroke:var(--stitch);stroke-width:2.4px;stroke-dasharray:8 6;stroke-linecap:round}.qs .p-stitch-sh{fill:none;stroke:#0000004d;stroke-width:2.4px;stroke-dasharray:8 6;stroke-linecap:round;transform:translate(.7px,1px)}.qs .p-fray{fill:none;stroke:var(--stitch);stroke-opacity:.4;stroke-width:1.3px;stroke-dasharray:1.4 2.6;stroke-linecap:round}.qs .p-name{fill:var(--thread);font-family:var(--font-hand);filter:drop-shadow(0 1px .7px #0000005c);font-weight:700}.qs .p-name-tex{fill:url(#q-thread);font-family:var(--font-hand);font-weight:700}.qs .felt .p-name,.qs .felt .p-name-tex,.qs .felt .p-name-run{font-family:var(--font-felt);letter-spacing:.04em;font-weight:400}.qs .felt .p-name-tex{fill:url(#q-felt)}.qs .p-name-run{fill:none;stroke:var(--cloth);stroke-opacity:.85;stroke-width:1.2px;stroke-dasharray:2.8 2.4;stroke-linecap:round}.qs .p-rel,.qs .p-hand{fill:var(--thread);font-family:var(--font-hand);font-weight:400}.qs .p-band{fill:var(--cloth)}.qs .p-band-st{fill:none;stroke:var(--stitch);stroke-width:1.8px;stroke-dasharray:6 4.5;stroke-linecap:round}.qs .ap-edge{fill:none;stroke:var(--thread);stroke-width:3.4px;stroke-dasharray:.9 2.7;stroke-linecap:butt}.qs .ap-run{fill:none;stroke:var(--thread);stroke-width:2.2px;stroke-dasharray:3.6 1.9;stroke-linecap:round}.qs .ap-satin{fill:none;stroke:#f6efe0;stroke-width:3.6px;stroke-linecap:round}.qs .ap-knot{fill:var(--thread)}.qs .ap-letter{fill:#2a2216;font-family:var(--font-u);font-weight:700}.qs .pk-btn{fill:var(--flap)}.qs .pk-gather{fill:none;stroke:var(--stitch);stroke-opacity:.7;stroke-width:1px;stroke-dasharray:1.6 1.8}.qs .field .lift-only,.qs .pend-layer .lift-only{display:none}.qs .pk-body{fill:var(--pocket)}.qs .pk-flap{fill:var(--flap)}.qs .pk-sh{fill:#280a1952}.qs .pk-stitch{fill:none;stroke:var(--stitch);stroke-width:2.2px;stroke-dasharray:7 5;stroke-linecap:round}.qs .pk-tag{fill:#f3ead6}.qs .pk-tag-st{fill:none;stroke:#9c3428;stroke-opacity:.78;stroke-width:1.3px;stroke-dasharray:3.2 2.2;stroke-linecap:round}.qs .pk-label{fill:#2a241d;font-family:var(--font-u);letter-spacing:.01em;font-weight:700}.qs .slot-empty{background-color:#ece3cd;background-image:var(--specks),var(--weave-light);border-radius:2px;position:absolute;box-shadow:inset 0 0 0 1px #28190a40,inset 0 8px 14px -8px #28190a66}.qs .pending{position:absolute}.qs .pend-cloth{transform-origin:50% 40%;position:absolute;inset:0}.qs .pend-cloth .patch{width:100%;height:100%;box-shadow:var(--sh-pin);top:0;left:0}.qs .pend-cloth .patch:focus-visible{box-shadow:var(--sh-pin),0 0 0 calc(7px * var(--inv,1)) var(--focus-bed)}.qs .pend-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:absolute;left:0;right:0}.qs .act{min-height:48px;font:700 18px/1 var(--font-u);box-shadow:var(--sh-near);border:0;border-radius:8px;align-items:center;gap:8px;padding:0 18px;display:inline-flex;position:relative}.qs .act svg{width:20px;height:20px}.qs .act-approve{background-color:#2e5b45;background-image:var(--noise),var(--weave);color:#f6eedc}.qs .act-notnow{background-color:var(--calico);background-image:var(--specks),var(--weave-light);color:var(--ink)}.qs .act:before{content:"";opacity:.45;pointer-events:none;border:1.5px dashed;border-radius:5px;position:absolute;inset:4px}.qs .act:focus-visible{outline:3px dashed var(--focus-ink);outline-offset:3px;box-shadow:0 0 0 7px var(--focus-bed),var(--sh-near)}.qs .ico{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.qs .nameplate{left:12px;right:12px;top:calc(14px + env(safe-area-inset-top));z-index:20;pointer-events:none;flex-direction:column;align-items:flex-start;max-width:470px;display:flex;position:fixed}.qs .nameplate>*{pointer-events:auto}.qs .np-cloth{background-color:var(--calico);background-image:var(--specks),var(--weave-light);box-shadow:var(--sh-near);border-radius:4px;align-self:stretch;padding:11px 14px 10px;position:relative}.qs .np-cloth:before{content:"";pointer-events:none;border:2px dashed #9c34289e;border-radius:3px;position:absolute;inset:6px}.qs .np-top{align-items:center;gap:11px;display:flex}.qs .np-dahlia{--ap-a:#d9a29c;--ap-b:#c99a32;--ap-c:#9c3428;--thread:#6e2419;flex:none;width:42px;height:42px;overflow:visible}.qs .np-name{font:600 25px/1.1 var(--font-d);letter-spacing:-.005em;color:var(--ink);margin:0}.qs .np-dates{font:500 16px/1.3 var(--font-u);color:var(--ink-soft);margin:3px 0 0}.qs .np-line{font:400 16px/1.35 var(--font-u);color:var(--ink);margin:6px 0 0}.qs .nb{white-space:nowrap}.qs .sample-tag{z-index:2;background-color:#efe3c4;background-image:var(--weave-light);font:700 13px/1 var(--font-u);letter-spacing:.04em;color:#3a3127;box-shadow:var(--sh-near);white-space:nowrap;border-radius:3px;padding:6px 12px 6px 18px;position:absolute;top:-11px;right:-6px;transform:rotate(2.5deg)}.qs .sample-tag:before{content:"";background:#2a241d73;border-radius:50%;width:5px;height:5px;margin-top:-2.5px;position:absolute;top:50%;left:7px}.qs .zoom{right:12px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:20;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.qs .zoom>*,.qs .dock>*{pointer-events:auto}.qs .dock{pointer-events:none}.qs .zbtn{width:52px;height:52px;color:var(--indigo);background-color:var(--calico-2);background-image:var(--specks),var(--weave-light);box-shadow:var(--sh-near);border:0;border-radius:50%;place-items:center;display:grid;position:relative}.qs .zbtn:before{content:"";border:1.5px dashed #2a241d4d;border-radius:50%;position:absolute;inset:5px}.qs .pill{background-color:var(--calico-2);background-image:var(--specks),var(--weave-light);min-height:48px;color:var(--ink);font:700 16px/1 var(--font-u);box-shadow:var(--sh-near);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px 0 15px;display:inline-flex;position:relative}.qs .pill:before{content:"";pointer-events:none;border:1.5px dashed #2a241d4d;border-radius:999px;position:absolute;inset:4px}.qs .seeall{color:var(--indigo)}.qs .zbtn:focus-visible,.qs .pill:focus-visible,.qs .leave:focus-visible{outline:3px dashed var(--focus-ink);outline-offset:3px;box-shadow:0 0 0 7px var(--focus-bed),var(--sh-near)}.qs .dock{left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:20;align-items:stretch;gap:8px;display:flex;position:fixed}.qs .music{border-radius:10px;flex:none;min-height:54px;padding:0 16px 0 14px}.qs .music:before{border-radius:7px}.qs .leave{background-color:var(--madder);background-image:var(--noise),var(--weave);color:#fbf1dc;min-height:54px;font:700 18px/1 var(--font-u);letter-spacing:.005em;box-shadow:var(--sh-near);border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:10px;padding:0 18px;display:inline-flex;position:relative}.qs .leave:before{content:"";pointer-events:none;border:1.6px dashed #fbf1dc99;border-radius:7px;position:absolute;inset:5px}.qs .thanks{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:30;opacity:0;background-color:var(--calico);background-image:var(--specks),var(--weave-light);width:max-content;max-width:calc(100% - 32px);box-shadow:var(--sh-near);font:italic 500 18px/1.4 var(--font-d);color:var(--ink);text-align:center;text-wrap:balance;pointer-events:none;transition:opacity .6s var(--ease),transform .6s var(--ease);border-radius:4px;padding:14px 20px;position:fixed;transform:translate(-50%,8px)}.qs .thanks:before{content:"";border:1.6px dashed #9c34288c;border-radius:3px;position:absolute;inset:5px}.qs .thanks.show{opacity:1;transform:translate(-50%)}.qs .empty-note{z-index:19;background-color:var(--calico);background-image:var(--specks),var(--weave-light);width:max-content;max-width:calc(100% - 32px);box-shadow:var(--sh-near);font:italic 500 19px/1.4 var(--font-d);color:var(--ink);text-align:center;text-wrap:balance;pointer-events:none;border-radius:4px;margin:0;padding:14px 20px;position:fixed;left:50%;transform:translate(-50%)}.qs .empty-note:before{content:"";border:1.6px dashed #9c34288c;border-radius:3px;position:absolute;inset:5px}.qs .empty-note[hidden]{display:none}.qs .dim{z-index:50;background:#20160c8f;position:fixed;inset:0}.qs .dim[hidden]{display:none}.qs .lift{z-index:60;perspective:1700px;outline:none;width:0;height:0;position:fixed}.qs .lift-shadow{filter:blur(18px);transform-origin:50%;background:#24160899;border-radius:8px;position:absolute}.qs .turn{width:0;height:0;transform-style:preserve-3d;position:absolute;top:0;left:0}.qs .face{backface-visibility:hidden;position:absolute}.qs .face.front{transform-origin:50%}.qs .face.back{transform-origin:50%;background-color:var(--cloth);background-image:linear-gradient(#fffaee21,#fffaee21),var(--noise),var(--weave);border-radius:5px;padding:16px;transform:rotateY(180deg);box-shadow:inset 0 0 0 9px #00000017,inset 0 0 2px 10px #00000024}.qs .face.back:before{content:"";border:2px dashed var(--stitch);opacity:.55;pointer-events:none;border-radius:3px;position:absolute;inset:9px}.qs .face.back.scroll{overflow:auto}.qs .calico{background-color:var(--calico);background-image:var(--specks),var(--weave-light);border-radius:3px;padding:24px 22px 20px;position:relative;box-shadow:0 1px 2px #2e1e0e47,0 6px 12px -6px #2e1e0e4d}.qs .calico:before{content:"";pointer-events:none;border:2px dashed #9c342899;border-radius:2px;position:absolute;inset:7px}.qs .calico:not(.veiled){flex-direction:column;max-height:70dvh;display:flex}.qs .m-read{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9c342880 transparent;border-radius:2px;min-height:0;margin-right:-12px;padding-right:12px;overflow-y:auto}.qs .m-read.is-scroll{box-shadow:inset 0 -16px 14px -14px #2a241d4d}.qs .m-read:focus-visible{outline:3px dashed var(--focus-ink);outline-offset:3px}.qs .m-text{font:400 20px/1.5 var(--font-d);color:var(--ink);text-wrap:pretty;margin:0}.qs .m-text p{margin:0 0 .75em}.qs .m-text p:last-child{margin-bottom:.2em}.qs .m-meta{border-top:2px dashed #2a241d2e;flex:none;margin-top:14px;padding-top:12px}.qs .m-from{font:700 17px/1.3 var(--font-u);color:var(--ink);margin:0}.qs .m-rel,.qs .m-date{font:400 16px/1.35 var(--font-u);color:var(--ink-soft);margin:2px 0 0}.qs .m-shared{font:600 16px/1.3 var(--font-u);color:var(--ink);flex:none;align-items:center;gap:10px;margin:12px 0 0;display:flex}.qs .calico.veiled{text-align:center;padding:30px 22px 26px}.qs .calico.veiled .swatch{margin:0 auto 14px}.qs .v-title{font:500 22px/1.3 var(--font-d);color:var(--ink);margin:0}.qs .calico.veiled .m-from{margin-top:8px}.qs .back-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.qs .back-actions .act{min-height:50px}.qs .sheet-wrap{z-index:70;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.qs .sheet-wrap[hidden]{display:none}.qs .sheet{pointer-events:auto;filter:drop-shadow(0 -4px 16px #24160852);width:100%;max-width:560px;max-height:calc(100% - 16px);display:flex}.qs .sheet-cloth{--z:9px;overscroll-behavior:contain;width:100%;padding:calc(var(--z) + 18px) 20px calc(22px + env(safe-area-inset-bottom));background-color:var(--calico);background-image:var(--specks),var(--weave-light);-webkit-mask:conic-gradient(from 135deg at 50% 0,#000 90deg,#0000 0) 0 0/calc(var(--z)*2) var(--z) repeat-x,linear-gradient(#000 0 0) 0 var(--z)/100% 100% no-repeat;-webkit-mask:conic-gradient(from 135deg at 50% 0,#000 90deg,#0000 0) 0 0/calc(var(--z)*2) var(--z) repeat-x,linear-gradient(#000 0 0) 0 var(--z)/100% 100% no-repeat;mask:conic-gradient(from 135deg at 50% 0,#000 90deg,#0000 0) 0 0/calc(var(--z)*2) var(--z) repeat-x,linear-gradient(#000 0 0) 0 var(--z)/100% 100% no-repeat;position:relative;overflow:auto}.qs .sheet-cloth:before{content:"";left:14px;right:14px;top:calc(var(--z) + 7px);border-top:2px dashed #9c34288c;position:absolute}.qs .sheet-head{justify-content:space-between;align-items:center;gap:12px;margin:6px 0 4px;display:flex}.qs .sheet-head h2{font:600 24px/1.2 var(--font-d);text-wrap:balance;margin:0}.qs .sheet-close{flex:none;width:48px;height:48px;min-height:48px;padding:0}.qs .f-label{font:700 16px/1.3 var(--font-u);color:var(--ink);margin:16px 0 6px;display:block}.qs .f-field{width:100%;color:var(--ink);background:#fffdf7b8;border:0;border-bottom:2px dashed #9c3428b3;border-radius:4px 4px 0 0;padding:11px 12px;display:block;box-shadow:inset 0 1px 2px #2a241d1f}.qs textarea.f-field{font:400 19px/1.5 var(--font-d);resize:none;min-height:150px;max-height:45dvh;overflow-y:hidden}.qs input.f-field{font:400 18px/1.3 var(--font-u);min-height:48px}.qs .f-field::placeholder{color:#7b6d5a;opacity:1}.qs .f-field:focus{outline:none}.qs .f-field:focus-visible{outline:3px dashed var(--focus-ink);outline-offset:3px}.qs .share{border:0;gap:10px;margin:18px 0 0;padding:0;display:grid}.qs .share legend{font:700 16px/1.3 var(--font-u);margin-bottom:8px;padding:0}.qs .opt{cursor:pointer;min-height:56px;font:600 17px/1.25 var(--font-u);background:#fffdf773;border:2px dashed #2a241d52;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:relative}.qs .opt input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.qs .opt input:focus-visible{outline:none}.qs .opt .dot{border:2px solid var(--ink);background:#fffdf7;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.qs .opt .dot:after{content:"";background:0 0;border-radius:50%;width:12px;height:12px}.qs .opt input:checked~.dot:after{background-color:var(--madder);background-image:var(--weave)}.qs .opt:has(input:checked){border-style:solid;border-color:var(--madder);background:#fffaf0;font-weight:700}.qs .opt:has(input:focus-visible){outline:3px dashed var(--focus-ink);outline-offset:3px}.qs .swatch-slot{margin-left:auto;display:flex}.qs .swatch{filter:drop-shadow(0 1px 1.5px #2e1e0e4d);flex:none;display:block}.qs .f-note{font:400 16px/1.4 var(--font-u);color:var(--ink-soft);margin:6px 2px 0}.qs .share-note{font:400 16px/1.45 var(--font-u);color:var(--ink-soft);margin:10px 2px 0}.qs .form-hint{font:600 16px/1.4 var(--font-u);color:#7a2a1f;min-height:0;margin:12px 0 0}.qs .form-hint:empty{display:none}.qs .send{width:100%;min-height:56px;margin-top:18px}.qs .ph-add{background-color:var(--calico-2);background-image:var(--specks),var(--weave-light);color:var(--ink);font:700 17px/1 var(--font-u);box-shadow:var(--sh-near);border-radius:8px;position:relative}.qs .ph-add:before{content:"";pointer-events:none;border:1.5px dashed #2a241d52;border-radius:5px;position:absolute;inset:4px}.qs .ph-add .ico{color:var(--madder)}.qs .ph-input:focus-visible+.ph-add{outline:3px dashed var(--focus-ink);outline-offset:3px;box-shadow:0 0 0 7px var(--focus-bed),var(--sh-near)}.qs .ph-note{font:400 16px/1.4 var(--font-u);color:var(--ink-soft)}.qs .ph-hint{font:600 16px/1.4 var(--font-u);color:#7a2a1f}.qs .ph-item{background:#fbf8f0;padding:4px;box-shadow:0 1px 2px #2e1e0e47,0 6px 10px -6px #2e1e0e4d}.qs .ph-item:nth-child(3n+1){transform:rotate(-1.2deg)}.qs .ph-item:nth-child(3n+3){transform:rotate(1deg)}.qs .ph-adding{background-color:var(--linen);background-image:var(--specks),var(--weave-light);inset:4px}.qs .ph-remove{background-color:var(--calico);background-image:var(--specks),var(--weave-light);color:var(--ink);box-shadow:var(--sh-near);border:0}.qs .ph-remove:before{content:"";pointer-events:none;border:1.5px dashed #2a241d4d;border-radius:50%;position:absolute;inset:4px}.qs .ph-remove:focus-visible{outline:3px dashed var(--focus-ink);outline-offset:2px;box-shadow:0 0 0 6px var(--focus-bed),var(--sh-near)}.qs .ph-remove .ico{width:18px;height:18px}.qs .ph-strip{margin-top:18px}.qs .ph-print{background:#fbf8f0;padding:5px 5px 7px;box-shadow:0 1px 1.5px #2e1e0e4d,0 7px 12px -8px #2e1e0e59}.qs .ph-open:focus-visible{outline:3px dashed var(--focus-ink);outline-offset:6px}.qs .st{background:var(--madder);border-radius:2px;width:13px;height:2.6px;position:absolute;box-shadow:.4px .8px #00000047}.qs .st.tl{top:4px;left:-3px;transform:rotate(-45deg)}.qs .st.tr{top:4px;right:-3px;transform:rotate(45deg)}.qs .st.bl{bottom:5px;left:-3px;transform:rotate(45deg)}.qs .st.br{bottom:5px;right:-3px;transform:rotate(-45deg)}.qs .ph-print .ph-decor:after{content:"";background-image:var(--weave-light);mix-blend-mode:multiply;opacity:.5;position:absolute;inset:0}.qs .ph-viewer-scrim{background:#20160cdb}.qs .ph-viewer-surface{background-color:var(--calico);background-image:var(--specks),var(--weave-light);border-radius:4px;padding:16px;box-shadow:0 16px 26px -10px #140c048c,0 38px 70px -20px #140c0480}.qs .ph-viewer-surface:before{content:"";pointer-events:none;border:2px dashed #9c342899;border-radius:2px;position:absolute;inset:6px}.qs .ph-viewer-img{border:6px solid #fbf8f0;position:relative;box-shadow:0 1px 2px #2e1e0e4d}.qs .ph-viewer-surface .ph-decor{inset:16px}.qs .ph-viewer-surface .st{width:18px;height:3px}.qs .ph-viewer-surface .st.tl,.qs .ph-viewer-surface .st.tr{top:6px}.qs .ph-viewer-surface .st.bl,.qs .ph-viewer-surface .st.br{bottom:6px}@media (min-width:900px){.qs .nameplate{width:420px;top:24px;left:24px;right:auto}.qs .np-name{font-size:28px}.qs .np-dahlia{width:48px;height:48px}.qs .zoom{top:50%;bottom:auto;right:24px;transform:translateY(-50%)}.qs .dock{bottom:24px;left:auto;right:24px}.qs .leave{flex:none;padding:0 30px}.qs .thanks{bottom:96px}.qs .m-text{font-size:22px}.qs .sheet-wrap{align-items:center}.qs .sheet{max-height:calc(100% - 48px)}.qs .sheet-cloth{--z:10px;-webkit-mask:conic-gradient(from 135deg at 50% 0,#000 90deg,#0000 0) 0 0/calc(var(--z)*2) var(--z) repeat-x,conic-gradient(from -45deg at 50% 100%,#000 90deg,#0000 0) 0 100%/calc(var(--z)*2) var(--z) repeat-x,linear-gradient(#000 0 0) 0 var(--z)/100% calc(100% - 2*var(--z)) no-repeat;-webkit-mask:conic-gradient(from 135deg at 50% 0,#000 90deg,#0000 0) 0 0/calc(var(--z)*2) var(--z) repeat-x,conic-gradient(from -45deg at 50% 100%,#000 90deg,#0000 0) 0 100%/calc(var(--z)*2) var(--z) repeat-x,linear-gradient(#000 0 0) 0 var(--z)/100% calc(100% - 2*var(--z)) no-repeat;mask:conic-gradient(from 135deg at 50% 0,#000 90deg,#0000 0) 0 0/calc(var(--z)*2) var(--z) repeat-x,conic-gradient(from -45deg at 50% 100%,#000 90deg,#0000 0) 0 100%/calc(var(--z)*2) var(--z) repeat-x,linear-gradient(#000 0 0) 0 var(--z)/100% calc(100% - 2*var(--z)) no-repeat;padding-left:30px;padding-right:30px}}@media (prefers-reduced-motion:reduce){.qs .breeze{animation:none;display:none}.qs .thanks{transition:opacity .2s linear;transform:translate(-50%)}}