.loop-lab{--ink:#28222c;--muted:#6c6570;--pink:#d91379;--pink-bright:#ff1493;--purple:#7e3fa0;--teal:#13866a;--border:#5d3a6a21;--soft-border:#5d3a6a17;--panel-shadow:0 22px 60px #49235417;--piece-size:clamp(2.125rem, 4vw, 2.875rem);min-height:100vh;color:var(--ink);padding:clamp(1rem,2.5vw,2rem)}.loop-lab button,.loop-lab input{color:inherit}.loop-lab button{cursor:pointer}.loop-lab button:disabled{cursor:not-allowed}.loop-lab [hidden]{display:none!important}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.loop-lab__skip{z-index:100;color:#fff;background:var(--purple);border-radius:999px;padding:.75rem 1rem;font-weight:800;text-decoration:none;transition:transform .16s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.loop-lab__skip:focus{transform:translateY(0)}.loop-lab__header,.loop-lab__workspace,.loop-lab__footer{width:min(100%,77.5rem);margin-inline:auto}.loop-lab__header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1.25rem,3vw,3rem);padding:.25rem 0 clamp(1.25rem,3vw,2rem);display:grid}.loop-brand{color:var(--ink);align-items:center;gap:.65rem;font-family:Nunito,ui-rounded,sans-serif;font-size:1.05rem;font-weight:900;text-decoration:none;display:inline-flex}.loop-brand__mark{width:2.55rem;height:2.2rem;position:relative}.loop-brand__mark span{border:.28rem solid;border-radius:50%;width:1.7rem;height:1.7rem;position:absolute;top:.18rem;transform:rotate(-20deg)}.loop-brand__mark span:first-child{border-color:var(--pink-bright);left:0}.loop-brand__mark span:last-child{border-color:#9b59b6;right:0;transform:rotate(20deg)}.loop-lab__heading{min-width:0}.loop-lab__eyebrow{color:var(--pink);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .2rem;font-size:.72rem;font-weight:800}.loop-lab__heading h1{letter-spacing:-.045em;background:linear-gradient(110deg, var(--pink) 5%, var(--purple) 80%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Nunito,ui-rounded,sans-serif;font-size:clamp(2rem,4vw,2.75rem);font-weight:900;line-height:1}.loop-lab__heading>p:last-child{color:var(--muted);margin:.35rem 0 0;font-size:.9rem}.loop-lab__quick-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;max-width:min(36rem,40vw);display:flex}.game-link{color:#fff;background:linear-gradient(110deg, var(--pink), var(--purple));white-space:nowrap;border:1px solid #7e3fa02e;border-radius:999px;justify-content:center;align-items:center;min-height:2.75rem;padding:.65rem 1rem;font-size:.82rem;font-weight:850;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 7px 18px #7e3fa02e}.game-link span{color:#ffe79b;margin-right:.3rem;font-size:.9rem}.game-link--match{background:linear-gradient(110deg,#1d9ca3,#6753b8);border-color:#15819138;box-shadow:0 7px 18px #2a669133}.game-link--tycoon{background:linear-gradient(110deg,#c98a12,#d4488e);border-color:#9458163d;box-shadow:0 7px 18px #9a5c1838}.game-link:hover{filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 10px 24px #7e3fa047}.game-link:active{transform:scale(.97)}.soft-button{border:1px solid var(--border);background:#ffffffc7;border-radius:999px;min-height:2.75rem;padding:.65rem .9rem;font-size:.82rem;font-weight:750;transition:transform .16s,border-color .16s,box-shadow .16s;box-shadow:0 5px 16px #4923540a}.soft-button span{color:var(--pink);margin-right:.22rem;font-size:1rem}.soft-button:hover:not(:disabled){border-color:#d9137959;transform:translateY(-2px);box-shadow:0 8px 20px #7e3fa01a}.soft-button:active:not(:disabled){transform:scale(.96)}.soft-button:disabled{opacity:.42}.loop-lab__workspace{grid-template-columns:minmax(0,1.65fr) minmax(20.5rem,1fr);align-items:stretch;gap:1.5rem;display:grid}.loop-stage,.bead-bar{border:1px solid var(--soft-border);box-shadow:var(--panel-shadow)}.loop-stage{border-radius:2rem;min-width:0;min-height:38.75rem;padding:clamp(1rem,2.25vw,1.75rem);transition:background .22s;position:relative;overflow:hidden}.loop-lab[data-theme=candy] .loop-stage,.keepsake[data-theme=candy]{background:linear-gradient(145deg,#fff4f8 0%,#f1ecff 100%)}.loop-lab[data-theme=peach] .loop-stage,.keepsake[data-theme=peach]{background:linear-gradient(145deg,#fff3ed 0%,#ffe7ee 100%)}.loop-lab[data-theme=mint] .loop-stage,.keepsake[data-theme=mint]{background:linear-gradient(145deg,#eefff9 0%,#eaf7ff 100%)}.loop-stage__status{z-index:3;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:relative}.loop-stage__status p{color:var(--muted);margin:.38rem 0 0;font-size:.84rem;font-weight:550}.mode-pill,.piece-count{letter-spacing:.04em;border-radius:999px;align-items:center;min-height:1.75rem;font-size:.7rem;font-weight:800;display:inline-flex}.mode-pill{color:#8d0b52;background:#ffffffbf;border:1px solid #d9137926;padding:.25rem .65rem}.piece-count{color:#5d3a6a;background:#ffffffa6;flex:none;padding:.25rem .7rem}.work-mat{isolation:isolate;place-items:center;min-height:28.5rem;display:grid;position:relative}.mat-doodle{z-index:-1;color:#7e3fa0;opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.mat-doodle--star{font-size:3.5rem;top:12%;right:7%;transform:rotate(12deg)}.mat-doodle--flower{font-size:3.2rem;bottom:12%;left:6%;transform:rotate(-15deg)}.mat-doodle--loop{border:.28rem solid;border-radius:50%;width:4rem;height:2.4rem;top:20%;left:6%;transform:rotate(-24deg)}.bracelet-editor,.result-bracelet{aspect-ratio:25/17;width:min(100%,32.5rem);position:relative}.elastic-string,.bracelet-ring,.result-ring{width:100%;height:100%;position:absolute;inset:0}.elastic-string{fill:none;stroke:#5d3a6a57;stroke-width:3.5px;filter:url(#elastic-shadow);overflow:visible}.elastic-string__shine{stroke:#ffffff80;stroke-width:1.3px;filter:none}.bracelet-slot,.result-slot{left:var(--slot-x);top:var(--slot-y);width:max(2.75rem, var(--piece-size));height:max(2.75rem, var(--piece-size));transform:translate(-50%, -50%) scale(var(--slot-depth));transform-origin:50%;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.bracelet-slot{z-index:2}.bracelet-slot:nth-child(n+8):nth-child(-n+13){z-index:4}.slot-marker{background:#ffffff38;border:2px solid #5d3a6a2e;border-radius:50%;place-items:center;width:.65rem;height:.65rem;display:grid}.loop-lab[data-motion-ready=true] .slot-marker{transition:width .18s,height .18s,border-color .18s,box-shadow .18s}.bracelet-slot.is-active .slot-marker{border:2px dashed var(--pink);background:#fffc;width:1.45rem;height:1.45rem;box-shadow:0 0 0 .45rem #ff149314}.loop-lab[data-motion-ready=true] .bracelet-slot.is-active .slot-marker{animation:1.8s ease-in-out infinite loop-slot-breathe}.bracelet-slot.is-active .slot-marker:after{content:"+";color:var(--pink);font-size:.95rem;font-weight:900;line-height:1}.bracelet-slot.is-selected:after{content:"";border:3px solid var(--purple);pointer-events:none;border-radius:50%;position:absolute;inset:-.28rem;box-shadow:0 0 0 3px #fffffff2}.bracelet-slot:focus-visible{outline-offset:5px;outline:3px solid #28222c}.bracelet-slot .piece-art{transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s}.bracelet-slot:hover .piece-art{filter:drop-shadow(0 7px 6px #48264e33);transform:translateY(-3px)scale(1.03)}.bracelet-slot.is-new .piece-art{animation:.26s cubic-bezier(.2,.85,.25,1.35) loop-piece-pop}.piece-art{width:var(--piece-size);height:var(--piece-size);pointer-events:none;flex:none;place-items:center;display:grid;position:relative}.piece-art--bead{border:1px solid color-mix(in srgb, var(--piece-accent) 68%, #331f3c);background:var(--piece-color);border-radius:50%;overflow:hidden;box-shadow:inset .22rem .25rem .35rem #ffffff8c,inset -.3rem -.35rem .45rem #3a1d443d,0 .32rem .5rem #4923542e}.piece-art--bead:before{content:"";filter:blur(1px);background:#ffffffad;border-radius:50%;width:28%;height:18%;position:absolute;top:15%;left:20%;transform:rotate(-25deg)}.piece-art--bead:after{content:"";background:#3d22439e;border-radius:50%;width:.28rem;height:.28rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:inset 1px 1px 1px #00000059,0 0 0 2px #ffffff2e}.piece-art--swirl{background:radial-gradient(circle at 33% 25%, #ffffffb3 0 8%, transparent 9%), repeating-conic-gradient(from 15deg, var(--piece-color) 0 22deg, var(--piece-accent) 24deg 40deg)}.piece-art--facet{background:conic-gradient(from 20deg at 50% 50%, var(--piece-color), var(--piece-accent), #e59b00, var(--piece-color), #fff0a3, var(--piece-color))}.piece-art--stripe{background:repeating-linear-gradient(125deg, var(--piece-color) 0 .58rem, var(--piece-accent) .58rem .85rem)}.piece-art--confetti{background:radial-gradient(circle at 28% 25%, #fff 0 .12rem, transparent .14rem), radial-gradient(circle at 68% 30%, #f4bd18 0 .13rem, transparent .15rem), radial-gradient(circle at 72% 68%, var(--piece-accent) 0 .12rem, transparent .14rem), radial-gradient(circle at 30% 72%, #ff6b6b 0 .11rem, transparent .13rem), var(--piece-color)}.piece-art--crystal{background:linear-gradient(145deg, #ffffffd1 0 18%, transparent 19%), conic-gradient(from 15deg, var(--piece-color), var(--piece-accent), #388bd0, var(--piece-color));border-radius:30% 48% 34% 45%;transform:rotate(10deg)}.piece-art--pearl{background:radial-gradient(circle at 35% 28%, #fff 0 12%, var(--piece-color) 38%, var(--piece-accent) 100%)}.piece-art--charm{width:calc(var(--piece-size) * 1.12);height:calc(var(--piece-size) * 1.12);filter:drop-shadow(0 .3rem .25rem #49235433)}.piece-art--charm svg{width:100%;height:100%;fill:var(--piece-color);stroke:var(--piece-accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.piece-art--charm .charm-loop{fill:none;stroke:#aa7a25;stroke-width:2.5px}.piece-art--daisy .daisy-petals{fill:#fffdf8;stroke:#d9b8d1;stroke-width:1.4px}.piece-art--daisy .daisy-center{fill:#f4bd18;stroke:#b67500;stroke-width:1.6px}@keyframes loop-slot-breathe{50%{transform:scale(1.05);box-shadow:0 0 0 .62rem #ff14931f}}@keyframes loop-piece-pop{0%{opacity:0;transform:scale(.35)translateY(.7rem)}70%{opacity:1;transform:scale(1.12)translateY(-.1rem)}to{transform:scale(1)}}.bracelet-center,.piece-tools{z-index:3;width:min(48%,13.5rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bracelet-center{text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex}.bracelet-center__loops{opacity:.7;width:2.5rem;height:1.7rem;margin-bottom:.35rem;position:relative}.bracelet-center__loops span{border:.2rem solid;border-radius:50%;width:1.55rem;height:1.25rem;position:absolute}.bracelet-center__loops span:first-child{border-color:var(--pink);left:0;transform:rotate(-18deg)}.bracelet-center__loops span:last-child{border-color:var(--purple);right:0;transform:rotate(18deg)}.bracelet-center strong{font-family:Nunito,ui-rounded,sans-serif;font-size:clamp(.98rem,2vw,1.3rem);font-weight:900;line-height:1.15}.bracelet-center>span:last-child{color:var(--muted);margin-top:.25rem;font-size:clamp(.68rem,1.3vw,.78rem);line-height:1.35}.piece-tools{-webkit-backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #7e3fa029;border-radius:1rem;padding:.7rem;box-shadow:0 12px 28px #4923541f}.piece-tools p{justify-content:center;align-items:baseline;gap:.35rem;margin:0 0 .5rem;font-size:.72rem;display:flex}.piece-tools p span{color:var(--muted)}.piece-tools p strong{font-family:Nunito,ui-rounded,sans-serif;font-size:.85rem}.piece-tools>div{grid-template-columns:repeat(4,1fr);gap:.3rem;display:grid}.piece-tools button{background:#fff7fb;border:0;border-radius:.65rem;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:2.75rem;padding:.25rem;font-size:.56rem;font-weight:750;line-height:1.05;transition:background .15s,transform .15s;display:flex}.piece-tools button span:first-child{color:var(--purple);font-size:1rem;line-height:1}.piece-tools button:hover{background:#f4eaf9;transform:translateY(-1px)}.piece-tools button:focus-visible,.game-link:focus-visible,.soft-button:focus-visible,.piece-choice:focus-visible,.mat-choice:focus-visible,.finish-button:focus-visible,.start-over:focus-visible,.dialog-close:focus-visible,.keepsake__actions button:focus-visible,.name-field input:focus-visible{outline-offset:3px;outline:3px solid #28222c}.stage-options{z-index:4;grid-template-columns:minmax(11rem,1fr) auto;align-items:end;gap:1.25rem;padding-top:.5rem;display:grid;position:relative}.name-field{gap:.38rem;min-width:0;display:grid}.name-field>span,.mat-picker legend{color:#4c3e52;letter-spacing:.02em;font-size:.72rem;font-weight:800}.name-field small{color:var(--muted);font-weight:500}.name-field input{background:#ffffffb8;border:1px solid #5d3a6a29;border-radius:.8rem;width:100%;min-height:2.75rem;padding:.7rem .85rem;font-size:.82rem;transition:border-color .15s,background .15s,box-shadow .15s;box-shadow:inset 0 1px #fffc}.name-field input:focus{background:#fff;border-color:#d913798c;box-shadow:0 0 0 4px #d9137914}.name-field input::placeholder{color:#978d9a}.mat-picker{border:0;min-width:0;padding:0}.mat-picker>div{gap:.45rem;margin-top:.38rem;display:flex}.mat-choice{min-width:3.65rem;min-height:2.75rem;color:var(--muted);background:#ffffff7a;border:0;border-radius:.7rem;padding:.3rem .35rem;font-size:.6rem;font-weight:700}.mat-choice__swatch{border:2px solid #fff;border-radius:.38rem;place-items:center;width:100%;height:1.2rem;margin-bottom:.18rem;display:grid;box-shadow:0 0 0 1px #5d3a6a1f}.mat-choice__swatch span{color:#702953;opacity:0;font-size:.65rem;font-weight:900}.mat-choice--candy .mat-choice__swatch{background:linear-gradient(135deg,#fff0f6,#ddd1ff)}.mat-choice--peach .mat-choice__swatch{background:linear-gradient(135deg,#ffe5d8,#ffcbd8)}.mat-choice--mint .mat-choice__swatch{background:linear-gradient(135deg,#cff7e9,#cdeaff)}.mat-choice[aria-pressed=true]{color:#4d2443;box-shadow:inset 0 0 0 2px var(--pink);background:#ffffffd1}.mat-choice[aria-pressed=true] .mat-choice__swatch span{opacity:1}.save-note{z-index:2;color:#433c46a8;margin:0;font-size:.62rem;position:absolute;bottom:.65rem;right:1.75rem}.save-note span{color:var(--teal);font-weight:900}.bead-bar{background:#ffffffeb;border-radius:1.5rem;flex-direction:column;min-width:0;padding:clamp(1rem,2.2vw,1.5rem);display:flex}.bead-bar__heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.bead-bar__heading h2{letter-spacing:-.035em;margin:0;font-family:Nunito,ui-rounded,sans-serif;font-size:1.65rem;font-weight:900}.bead-bar__mini-loop{border:.22rem solid #d913792e;border-radius:50%;width:2.4rem;height:1.6rem;transform:rotate(-18deg)}.bead-bar__helper{min-height:2.5rem;color:var(--muted);margin:.4rem 0 .8rem;font-size:.78rem;line-height:1.45}.piece-group+.piece-group{margin-top:1rem}.piece-group h3{color:#4e4451;letter-spacing:.04em;text-transform:uppercase;margin:0 0 .55rem;font-size:.72rem;font-weight:800}.piece-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.piece-choice{background:#fff9fb;border:1px solid #5d3a6a1a;border-radius:.85rem;flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;min-height:4.65rem;padding:.45rem .2rem .4rem;transition:transform .17s,border-color .17s,box-shadow .17s,opacity .17s;display:flex;box-shadow:0 3px 8px #49235409}.piece-choice .piece-art{--piece-size:2.55rem}.piece-choice>span:last-child{color:#4c434f;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:.3rem;font-size:.61rem;font-weight:700;line-height:1.05;overflow:hidden}.piece-choice:hover:not(:disabled){border-color:#d9137947;transform:translateY(-3px);box-shadow:0 8px 18px #7e3fa01a}.piece-choice:active:not(:disabled){transform:scale(.94)}.piece-choice:disabled{opacity:.38;filter:grayscale(.25)}.finish-zone{margin-top:auto;padding-top:1.2rem}.finish-zone>p{min-height:2.3rem;color:var(--muted);text-align:center;margin:0 0 .65rem;font-size:.72rem;line-height:1.4}.finish-zone>p strong{color:#47384d}.finish-button{background:linear-gradient(110deg, var(--pink), var(--purple));border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:3.25rem;padding:.75rem 1rem;font-family:Nunito,ui-rounded,sans-serif;font-size:1rem;font-weight:900;transition:transform .17s,box-shadow .17s,filter .17s;display:flex;box-shadow:0 12px 24px #7e3fa038;color:#fff!important}.finish-button:hover:not(:disabled){filter:saturate(1.06);transform:translateY(-2px);box-shadow:0 16px 30px #7e3fa04d}.finish-button:active:not(:disabled){transform:scale(.97)}.finish-button:disabled{box-shadow:none;opacity:.78;background:#d9d1da;color:#756b77!important}.start-over{color:#7a6f7d;text-underline-offset:.2rem;background:0 0;border:0;min-height:2.75rem;margin:.4rem auto -.45rem;padding:.5rem .75rem;font-size:.68rem;font-weight:700;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:block}.start-over:hover:not(:disabled){color:#9f164f;text-decoration-color:currentColor}.start-over:disabled{opacity:.4}.loop-lab__footer{color:#8a808d;justify-content:center;gap:.5rem;padding:1.2rem 0 .25rem;font-size:.65rem;display:flex}.result-dialog{width:min(100% - 2rem,32rem);max-width:none;color:var(--ink);background:0 0;border:0;padding:0;overflow:visible}.result-dialog::backdrop{-webkit-backdrop-filter:blur(8px);background:#2d193766}.keepsake{z-index:1;text-align:center;border:1px solid #ffffffe6;border-radius:1.75rem;width:min(100%,26.25rem);min-height:32.5rem;margin:auto;padding:1.6rem;position:relative;box-shadow:0 30px 80px #2a143247,inset 0 0 0 .55rem #ffffff75}.dialog-close{z-index:4;color:#604f66;background:#ffffffb8;border:1px solid #5d3a6a1f;border-radius:50%;width:2.75rem;height:2.75rem;font-size:1.4rem;line-height:1;position:absolute;top:.85rem;right:.85rem}.keepsake__brand{color:var(--pink);margin:0;font-family:Nunito,ui-rounded,sans-serif;font-size:.8rem;font-weight:900}.keepsake__kicker{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:1rem 0 .15rem;font-size:.65rem;font-weight:800}.keepsake h2{letter-spacing:-.035em;margin:0;font-family:Nunito,ui-rounded,sans-serif;font-size:1.75rem;font-weight:900}.keepsake h2:focus{outline:none}.result-bracelet{--piece-size:clamp(1.9rem, 8vw, 2.55rem);width:min(100%,22rem);margin:.25rem auto -.35rem}.result-slot{width:var(--piece-size);height:var(--piece-size)}.result-slot:empty{visibility:hidden}.result-bracelet.is-celebrating{animation:.65s cubic-bezier(.2,.8,.2,1) loop-finish-wobble}.keepsake__name{color:#5b2f66;margin:.25rem 0 0;font-family:Nunito,ui-rounded,sans-serif;font-size:1.35rem;font-weight:900}.keepsake__footer{width:min(100%,18rem);color:var(--muted);margin:.35rem auto 1.1rem;font-size:.68rem;line-height:1.45}.keepsake__actions{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.keepsake__actions form{margin:0}.keepsake__actions button{border-radius:999px;width:100%;min-height:2.9rem;padding:.65rem .8rem;font-size:.78rem;font-weight:850}.keep-editing{color:var(--purple);background:#fff9;border:1px solid #7e3fa052}.make-another{background:linear-gradient(110deg, var(--pink), var(--purple));border:0;box-shadow:0 9px 20px #7e3fa033;color:#fff!important}.confetti-layer{z-index:3;pointer-events:none;border-radius:3rem;position:absolute;inset:-3rem;overflow:hidden}.loop-confetti{background:var(--confetti-color);opacity:0;width:.55rem;height:.8rem;animation:loop-confetti-burst .95s cubic-bezier(.15, .7, .25, 1) var(--confetti-delay) forwards;border-radius:.2rem;position:absolute;top:42%;left:50%}@keyframes loop-finish-wobble{25%{transform:rotate(-2deg)scale(1.02)}55%{transform:rotate(1.5deg)scale(1.03)}to{transform:rotate(0)scale(1)}}@keyframes loop-confetti-burst{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(.4)}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--confetti-x)), calc(-50% + var(--confetti-y))) rotate(var(--confetti-rotate)) scale(1)}}@media (width<=56.25rem){.loop-lab{padding:1rem}.loop-lab__header{grid-template-columns:1fr auto;gap:.8rem 1rem}.loop-lab__heading{grid-area:2/1/auto/-1}.loop-lab__quick-actions{grid-area:3/1/auto/-1;justify-content:flex-start;max-width:none}.loop-lab__workspace{grid-template-columns:minmax(0,1fr)}.loop-stage{min-height:0}.work-mat{min-height:23rem}.bracelet-editor{width:min(100%,28rem)}.bead-bar{padding-bottom:0}.finish-zone{padding:.8rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--soft-border);background:#ffffffb8;margin-inline:-1rem;position:static}.start-over{margin-bottom:-.3rem}}@media (width<=37.5rem){.loop-lab{--piece-size:clamp(2rem, 10vw, 2.2rem);padding:.75rem}.loop-brand>span:last-child{display:none}.loop-lab__header{grid-template-columns:minmax(0,1fr);padding-bottom:1rem}.loop-brand{grid-area:1/1;justify-self:start}.loop-lab__quick-actions{grid-area:2/1;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.loop-lab__heading{grid-area:3/1}.loop-lab__heading h1{font-size:2rem}.loop-lab__heading>p:last-child{font-size:.78rem}.game-link,.soft-button{min-height:2.75rem;padding-inline:.7rem;font-size:.72rem}.loop-stage{border-radius:1.4rem;padding:.85rem}.loop-stage__status p{max-width:13rem;font-size:.72rem}.work-mat{min-height:19.5rem}.bracelet-editor{width:min(100%,18.75rem)}.elastic-string{stroke-width:3px}.bracelet-center{width:42%}.piece-tools{width:57%;padding:.45rem}.piece-tools button{min-height:2.6rem;font-size:.49rem}.piece-tools button span:first-child{font-size:.88rem}.stage-options{grid-template-columns:1fr;gap:.8rem}.mat-picker>div{grid-template-columns:repeat(3,1fr);display:grid}.mat-choice{width:100%}.save-note{text-align:right;margin:.6rem 0 0;position:static}.bead-bar{border-radius:1.3rem;padding:1rem}.piece-grid{gap:.45rem}.piece-choice{min-height:4.4rem;padding-inline:.1rem}.piece-choice .piece-art{--piece-size:2.25rem}.piece-choice>span:last-child{font-size:.53rem}.loop-lab__footer{text-align:center;flex-wrap:wrap;padding-inline:1rem}.keepsake{border-radius:1.5rem;min-height:0;padding:1.2rem}.result-bracelet{width:min(100%,19rem)}.keepsake__actions{grid-template-columns:1fr}}@media (width<=22rem){.loop-lab__quick-actions{gap:.3rem}.game-link,.soft-button{padding-inline:.55rem;font-size:.66rem}.piece-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.loop-lab *,.loop-lab :before,.loop-lab :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loop-confetti{display:none}}:root{color:#28222c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;background:#fffbfd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#fffbfd;min-width:20rem}body{background:radial-gradient(circle at 8% 8%,#ff69b414,#0000 26rem),radial-gradient(circle at 94% 24%,#20c99712,#0000 24rem),#fffbfd;min-width:20rem;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}