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