@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c9a0d344f313d307.3ik2qu-u9tgho.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(../media/aa914dbbd9a27e94.0n4hkusom70ae.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5a1ede1938590d51.19gzon4xl8qiz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5d6231e6818a3930.2vs72h_x6qrve.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5ad8fdb5805e9b4a.0-uv4l43gdmt7.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(../media/bb8a9270184a3556.0phk7_etl12r4.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b3f2ed44161db83e.3c64at4xi6rda.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(../media/84cd8d504984ae62.0iritm8hg8q1a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.ibm_plex_sans_arabic_92714471-module__kCpv9a__className{font-family:IBM Plex Sans Arabic,Noto Sans Arabic,Segoe UI,Tahoma,system-ui,sans-serif;font-style:normal}.ibm_plex_sans_arabic_92714471-module__kCpv9a__variable{--font-plex:"IBM Plex Sans Arabic", Noto Sans Arabic, Segoe UI, Tahoma, system-ui, sans-serif}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:var(--font-plex), "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--blur-md:12px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-plex), "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.btn{-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;min-height:48px;padding:0 1.25rem;font-size:1rem;font-weight:600;transition:transform .12s,background-color .15s,opacity .15s;display:inline-flex}.btn:active:not(:disabled):not(.is-off){transform:scale(.97)}.btn:disabled,.btn.is-off{opacity:.4;cursor:not-allowed}.btn.is-used:disabled{opacity:1;color:var(--muted);border-style:dashed}.btn-primary{background:var(--ink);color:var(--board)}.btn-ghost{color:var(--ink);border:1.5px solid var(--thread);background:0 0}@supports (color:color-mix(in lab, red, red)){.btn-ghost{border:1.5px solid color-mix(in srgb, var(--thread) 55%, transparent)}}.btn-soft{background:var(--surface-2);color:var(--ink)}.btn-saffron{background:var(--saffron);color:var(--on-saffron)}.icon-btn{width:44px;height:44px;color:var(--ink);touch-action:manipulation;border-radius:999px;place-items:center;transition:background-color .15s;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}.card{background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 10px var(--shadow);border-radius:22px}.board{container-type:inline-size}.bead-row{--bead-h:54px;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(5px,2cqw,10px);padding-block:7px;display:grid;position:relative}.bead-row>svg.thread{pointer-events:none;inset-inline:-4px;width:calc(100% + 8px);height:40px;position:absolute;top:50%;overflow:visible;translate:0 -50%}.bead{--fs:20px;--sag:0px;min-height:calc(var(--bead-h,54px) * var(--mode-scale));text-align:center;font-weight:600;line-height:1.15;font-size:max(14px, min(calc(var(--fs) * var(--ui-scale) * var(--mode-scale)), calc((23cqw - 10px) / (var(--len,4) * .6))));word-break:keep-all;color:var(--ink);background:var(--bead);border:1px solid var(--line);box-shadow:0 3px 7px var(--shadow);background:radial-gradient(110% 120% at 32% 22%, var(--gloss) 0%, transparent 42%), radial-gradient(120% 120% at 70% 90%, var(--thread) 0%, transparent 60%), var(--bead);border-radius:999px;place-items:center;padding:6px 4px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.bead{background:radial-gradient(110% 120% at 32% 22%, var(--gloss) 0%, transparent 42%), radial-gradient(120% 120% at 70% 90%, color-mix(in srgb, var(--thread) 14%, transparent) 0%, transparent 60%), var(--bead)}}.bead{border:1px solid var(--thread)}@supports (color:color-mix(in lab, red, red)){.bead{border:1px solid color-mix(in srgb, var(--thread) 30%, transparent)}}.bead{box-shadow:0 -2px 5px var(--thread) inset, 0 3px 7px var(--shadow)}@supports (color:color-mix(in lab, red, red)){.bead{box-shadow:0 -2px 5px color-mix(in srgb, var(--thread) 14%, transparent) inset, 0 3px 7px var(--shadow)}}.bead{translate:0 var(--sag);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s,opacity .26s}.bead[aria-pressed=true]{background:radial-gradient(110% 120% at 32% 22%, #ffffff29 0%, transparent 45%), var(--bead-selected);color:var(--bead-selected-ink);box-shadow:0 8px 14px var(--shadow);border-color:#0000;transform:translateY(-4px)}.bead:disabled{cursor:default}.bead.is-hint{box-shadow:0 0 0 3px var(--saffron), 0 3px 7px var(--shadow);box-shadow:0 0 0 3px var(--saffron), 0 0 22px var(--saffron), 0 3px 7px var(--shadow)}@supports (color:color-mix(in lab, red, red)){.bead.is-hint{box-shadow:0 0 0 3px color-mix(in srgb, var(--saffron) 70%, transparent), 0 0 22px color-mix(in srgb, var(--saffron) 70%, transparent), 0 3px 7px var(--shadow)}}.bead .hint-tag{background:var(--saffron);color:var(--on-saffron);white-space:nowrap;top:-.6rem;border-radius:999px;padding:3px 7px;font-size:.75rem;font-weight:700;line-height:1;position:absolute;inset-inline-start:50%;translate:50%}.bead.gather{transform:translate(var(--gx,0px), var(--gy,0px)) scale(.84);opacity:0;transition:transform .24s cubic-bezier(.4,0,.2,1),opacity .16s .1s}.bead.intruder-out{opacity:.7;border-style:dashed;border-width:1.5px;border-color:var(--thread);cursor:default}.bead .intruder-tag{background:var(--surface-2);color:var(--ink);white-space:nowrap;bottom:-.55rem;border-radius:999px;padding:2px 6px;font-size:.75rem;font-weight:700;line-height:1;position:absolute;inset-inline-start:50%;translate:50%}.bead.is-wrong{box-shadow:0 0 0 2.5px var(--terracotta), 0 6px 12px var(--shadow)}@media (max-height:700px){.bead-row{--bead-h:46px;padding-block:5px}}.bead.sway-a{animation:.42s sway-a}.bead.sway-b{animation:.42s sway-b}@keyframes sway-a{0%,to{transform:translateY(-4px)translate(0)}20%{transform:translateY(-4px)translate(-7px)}45%{transform:translateY(-4px)translate(6px)}70%{transform:translateY(-4px)translate(-3px)}}@keyframes sway-b{0%,to{transform:translateY(-4px)translate(0)}20%{transform:translateY(-4px)translate(-7px)}45%{transform:translateY(-4px)translate(6px)}70%{transform:translateY(-4px)translate(-3px)}}.strand{--c:var(--sand);--on:var(--on-sand);background:var(--c);color:var(--on);box-shadow:inset 0 1px 0 #ffffff38, 0 3px 10px var(--shadow);border-radius:24px;padding:10px 14px 12px;animation:.42s cubic-bezier(.2,.8,.2,1) both strand-in;position:relative;container-type:inline-size}.strand[data-d=easy]{--c:var(--sand);--on:var(--on-sand)}.strand[data-d=medium]{--c:var(--saffron);--on:var(--on-saffron)}.strand[data-d=hard]{--c:var(--terracotta);--on:var(--on-terracotta)}.strand[data-d=devious]{--c:var(--indigo);--on:var(--on-indigo)}.strand.revealed{outline:2px dashed var(--on)}@supports (color:color-mix(in lab, red, red)){.strand.revealed{outline:2px dashed color-mix(in srgb, var(--on) 55%, transparent)}}.strand.revealed{outline-offset:-6px}.strand .strand-name{font-size:calc(1.05rem * var(--mode-scale))}.strand .strand-why{font-size:calc(.9rem * var(--mode-scale))}.strand .why-btn{white-space:nowrap;background:0 0;border:1.5px solid;border-radius:999px;min-height:24px;padding:1px 10px;font-size:.78rem;font-weight:700;position:relative}.strand .why-btn:before{content:"";position:absolute;inset:-12px -6px}.blank-slot{vertical-align:baseline;opacity:.8;border-bottom:2px dashed;width:2.5em;height:.9em;margin-inline:.25em;display:inline-block}.strand .diff-chip{white-space:nowrap;border:1.5px solid;border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:700}.strand .mini-beads{justify-content:space-between;gap:6px;margin-top:8px;display:flex;position:relative}.strand .mini-beads>svg{inset-inline:-6px;width:calc(100% + 12px);height:2px;position:absolute;top:50%;overflow:visible;translate:0 -50%}.strand .mini-beads path{stroke:currentColor;stroke-opacity:.55;stroke-dasharray:1;stroke-dashoffset:1px;animation:.45s .12s forwards draw}.mini-bead{text-align:center;min-width:0;font-size:clamp(.72rem, 4.4cqi, calc(.85rem * var(--mode-scale)));background:var(--mini-bead);color:var(--mini-bead-ink);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1 1 0;padding:5px 4px;font-weight:600;animation:.3s both pop;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000002e}@container (max-width:290px){.strand .mini-beads{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.strand .mini-beads>svg{display:none}.mini-bead{font-size:calc(.85rem * var(--mode-scale))}}.mini-bead:nth-child(3){animation-delay:60ms}.mini-bead:nth-child(4){animation-delay:.12s}.mini-bead:nth-child(5){animation-delay:.18s}@keyframes strand-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:.35s both rise}.fade-in{animation:.35s both fade-in}.cup .liquid{transform-box:fill-box;transform-origin:bottom;transition:transform .6s cubic-bezier(.5,0,.3,1),opacity .6s}.cup.empty .liquid{opacity:0;transform:scaleY(0)}.cup .steam{transition:opacity .3s}.cup.empty .steam{opacity:0}.cup.empty .body{opacity:.55}.cups-pulse{animation:.6s cups-pulse}@keyframes cups-pulse{0%,to{transform:none}30%{transform:scale(1.08)}}.toast{bottom:calc(var(--toast-offset,24px) + env(safe-area-inset-bottom));z-index:50;background:var(--ink);width:max-content;max-width:min(92vw,440px);color:var(--board);text-align:center;box-shadow:0 8px 22px var(--shadow);pointer-events:none;border-radius:22px;padding:10px 20px;font-weight:700;animation:.25s both toast-in;position:fixed;left:50%;translate:-50%}.action-bar .toast{position:absolute;bottom:calc(100% + 10px)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.action-bar{z-index:20;padding:10px 1rem calc(10px + env(safe-area-inset-bottom));background:var(--board);border-top:1px solid var(--line);margin-inline:-1rem;position:sticky;bottom:0}dialog.sheet{background:var(--surface);width:100%;max-width:480px;max-height:90dvh;color:var(--ink);padding:10px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px var(--shadow);border:0;border-radius:28px 28px 0 0;margin:0 auto;animation:.3s cubic-bezier(.2,.8,.2,1) both sheet-in;position:fixed;inset:auto 0 0;overflow-y:auto}dialog.sheet::backdrop{background:#140f0a73;animation:.2s both fade-in}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}.switch{background:var(--surface-2);border:1.5px solid var(--track-border);border-radius:999px;flex:none;width:52px;height:30px;transition:background-color .2s;position:relative}.switch:before{content:"";position:absolute;inset:-8px -4px}.switch:after{content:"";background:var(--bead);border:1px solid var(--track-border);width:22px;height:22px;box-shadow:0 1px 3px var(--shadow);top:2.5px;border-radius:999px;transition:inset-inline-start .2s;position:absolute;inset-inline-start:3px}.switch[aria-checked=true],.switch[data-on=true]{background:var(--ink);border-color:var(--ink)}.switch[aria-checked=true]:after,.switch[data-on=true]:after{inset-inline-start:25px}.switch:disabled{opacity:.45}.seg{background:var(--surface-2);border-radius:999px;max-width:100%;padding:3px;display:inline-flex}.seg button{min-height:44px;color:var(--muted);border-radius:999px;padding:0 14px;font-size:.9rem;font-weight:600}@media (max-width:359px){.seg button{padding:0 10px}}.seg button[aria-pressed=true],.seg button[aria-checked=true]{background:var(--bead);color:var(--ink);box-shadow:0 1px 4px var(--shadow)}.demo-bead{background:radial-gradient(110% 120% at 32% 22%, var(--gloss) 0%, transparent 42%), var(--bead);border:1px solid var(--thread);border-radius:999px;place-items:center;height:36px;font-size:.85rem;font-weight:600;display:grid}@supports (color:color-mix(in lab, red, red)){.demo-bead{border:1px solid color-mix(in srgb, var(--thread) 30%, transparent)}}.demo-bead{box-shadow:0 2px 5px var(--shadow)}.demo-pick{animation:4s 3 forwards demo-pick}.demo-check{background:var(--surface-2);min-width:6rem;height:34px;color:var(--ink);border-radius:999px;place-items:center;padding:0 18px;font-size:.9rem;font-weight:700;animation:4s 3 forwards demo-check;display:inline-grid}@keyframes demo-check{0%,55%{background:var(--surface-2);color:var(--ink);transform:none}60%,68%{background:var(--ink);color:var(--board);transform:scale(.94)}72%,to{background:var(--ink);color:var(--board);transform:none}}@keyframes demo-pick{0%,10%{background:var(--bead);color:var(--ink);transform:none}18%,60%{background:var(--bead-selected);color:var(--bead-selected-ink);transform:translateY(-3px)}72%,to{background:var(--sand);color:var(--on-sand);transform:none}}.demo-intruder{animation:4s 3 forwards demo-intruder}@keyframes demo-intruder{0%,30%{opacity:1}45%,55%{transform:translate(-5px)}50%{transform:translate(5px)}70%,to{opacity:.35;border-style:dashed}}.demo-drain .liquid{transform-box:fill-box;transform-origin:bottom;animation:4s 3 forwards drain}@keyframes drain{0%,40%{opacity:1;transform:scaleY(1)}70%,to{opacity:0;transform:scaleY(0)}}.demo-star{animation:4s 3 forwards star}.coach{--arrow-at:50%;background:var(--saffron);color:var(--on-saffron);font-size:calc(.95rem * var(--mode-scale));box-shadow:0 8px 22px var(--shadow);border-radius:18px;align-items:flex-start;gap:6px;margin-block:4px 12px;padding-block:10px;padding-inline:14px;font-weight:700;line-height:1.45;animation:.3s both rise;display:flex;position:relative}.coach:after{content:"";right:var(--arrow-at);background:inherit;width:14px;height:14px;position:absolute;translate:50%;rotate:45deg}.coach[data-arrow=down]:after{bottom:-6px}.coach[data-arrow=up]:after{top:-6px}.coach[data-arrow=none]:after{display:none}.coach[data-arrow=up]{margin-block:10px 12px}.coach .coach-off{color:inherit;text-underline-offset:3px;touch-action:manipulation;margin-top:4px;font-size:.85em;font-weight:700;text-decoration:underline;display:inline-block;position:relative}.coach .coach-off:before{content:"";position:absolute;inset:-12px -10px}.coach.coach-inline{font-size:calc(.9rem * var(--mode-scale));box-shadow:none;margin-block:0 4px;padding-block:6px;line-height:1.4}.coach-pulse{outline:3px solid var(--coach-ring);outline-offset:2px;position:relative}.coach-pulse:after{content:"";border-radius:inherit;box-shadow:0 0 0 6px var(--saffron);position:absolute;inset:-2px}@supports (color:color-mix(in lab, red, red)){.coach-pulse:after{box-shadow:0 0 0 6px color-mix(in srgb, var(--saffron) 55%, transparent)}}.coach-pulse:after{opacity:0;pointer-events:none;animation:1.4s ease-in-out 3 coach-pulse}@keyframes coach-pulse{0%{opacity:.9;transform:scale(.97)}to{opacity:0;transform:scale(1.06)}}.master-strands{container-type:inline-size}.master-strands>div{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}@container (min-width:22rem){.master-strands>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes star{0%,50%{opacity:0;transform:scale(.4)}65%{opacity:1;transform:scale(1.2)}75%,to{opacity:1;transform:scale(1)}}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-x-0{inset-inline:0}.start-3{inset-inline-start:calc(var(--spacing) * 3)}.end-0\.5{inset-inline-end:calc(var(--spacing) * .5)}.end-1{inset-inline-end:calc(var(--spacing) * 1)}.-top-3{top:calc(var(--spacing) * -3)}.top-0{top:0}.top-1{top:var(--spacing)}.top-3{top:calc(var(--spacing) * 3)}.top-\[calc\(env\(safe-area-inset-top\)\+64px\)\]{top:calc(env(safe-area-inset-top) + 64px)}.-bottom-1\.5{bottom:calc(var(--spacing) * -1.5)}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.left-2{left:calc(var(--spacing) * 2)}.z-30{z-index:30}.z-40{z-index:40}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-\[0\.25em\]{margin-inline:.25em}.mx-auto{margin-inline:auto}.ms-auto{margin-inline-start:auto}.-me-2{margin-inline-end:calc(var(--spacing) * -2)}.me-1{margin-inline-end:var(--spacing)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-\[70px\]{height:70px}.h-auto{height:auto}.h-full{height:100%}.min-h-0{min-height:0}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-\[70dvh\]{min-height:70dvh}.min-h-\[80dvh\]{min-height:80dvh}.min-h-\[100dvh\],.min-h-dvh{min-height:100dvh}.w-2{width:calc(var(--spacing) * 2)}.w-6{width:calc(var(--spacing) * 6)}.w-10{width:calc(var(--spacing) * 10)}.w-32{width:calc(var(--spacing) * 32)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[420px\]{max-width:420px}.max-w-\[480px\]{max-width:480px}.max-w-\[680px\]{max-width:680px}.max-w-\[720px\]{max-width:720px}.max-w-\[1100px\]{max-width:1100px}.min-w-0{min-width:0}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-\[25\%\]{min-width:25%}.flex-1{flex:1}.flex-\[1_1_auto\]{flex:auto}.flex-\[2_1_auto\]{flex:2 auto}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.animate-spin{animation:var(--animate-spin)}.\!cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[86px_1fr\]{grid-template-columns:86px 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.\!gap-0{gap:0!important}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-line>:not(:last-child)){border-color:var(--line)}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[22px\]{border-radius:22px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\!border-transparent{border-color:#0000!important}.border-\[var\(--track-border\)\]{border-color:var(--track-border)}.border-ink{border-color:var(--ink)}.border-line{border-color:var(--line)}.border-terracotta{border-color:var(--terracotta)}.border-thread,.border-thread\/60{border-color:var(--thread)}@supports (color:color-mix(in lab, red, red)){.border-thread\/60{border-color:color-mix(in oklab, var(--thread) 60%, transparent)}}.border-transparent{border-color:#0000}.border-white\/60{border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.border-white\/60{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.border-t-ink{border-top-color:var(--ink)}.border-t-thread{border-top-color:var(--thread)}.\!bg-terracotta{background-color:var(--terracotta)!important}.bg-\[var\(--bead\)\]{background-color:var(--bead)}.bg-bar{background-color:var(--bar)}.bg-bead{background-color:var(--bead)}.bg-board\/20{background-color:var(--board)}@supports (color:color-mix(in lab, red, red)){.bg-board\/20{background-color:color-mix(in oklab, var(--board) 20%, transparent)}}.bg-board\/85{background-color:var(--board)}@supports (color:color-mix(in lab, red, red)){.bg-board\/85{background-color:color-mix(in oklab, var(--board) 85%, transparent)}}.bg-board\/90{background-color:var(--board)}@supports (color:color-mix(in lab, red, red)){.bg-board\/90{background-color:color-mix(in oklab, var(--board) 90%, transparent)}}.bg-indigo,.bg-indigo\/10{background-color:var(--indigo)}@supports (color:color-mix(in lab, red, red)){.bg-indigo\/10{background-color:color-mix(in oklab, var(--indigo) 10%, transparent)}}.bg-ink,.bg-ink\/85{background-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/85{background-color:color-mix(in oklab, var(--ink) 85%, transparent)}}.bg-line{background-color:var(--line)}.bg-saffron,.bg-saffron\/20{background-color:var(--saffron)}@supports (color:color-mix(in lab, red, red)){.bg-saffron\/20{background-color:color-mix(in oklab, var(--saffron) 20%, transparent)}}.bg-saffron\/25{background-color:var(--saffron)}@supports (color:color-mix(in lab, red, red)){.bg-saffron\/25{background-color:color-mix(in oklab, var(--saffron) 25%, transparent)}}.bg-surface{background-color:var(--surface)}.bg-surface-2{background-color:var(--surface-2)}.bg-terracotta,.bg-terracotta\/15{background-color:var(--terracotta)}@supports (color:color-mix(in lab, red, red)){.bg-terracotta\/15{background-color:color-mix(in oklab, var(--terracotta) 15%, transparent)}}.bg-thread,.bg-thread\/15{background-color:var(--thread)}@supports (color:color-mix(in lab, red, red)){.bg-thread\/15{background-color:color-mix(in oklab, var(--thread) 15%, transparent)}}.bg-thread\/20{background-color:var(--thread)}@supports (color:color-mix(in lab, red, red)){.bg-thread\/20{background-color:color-mix(in oklab, var(--thread) 20%, transparent)}}.bg-white{background-color:var(--color-white)}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.ps-1{padding-inline-start:var(--spacing)}.ps-4{padding-inline-start:calc(var(--spacing) * 4)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.pe-2{padding-inline-end:calc(var(--spacing) * 2)}.pe-10{padding-inline-end:calc(var(--spacing) * 10)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-\[env\(safe-area-inset-top\)\]{padding-top:env(safe-area-inset-top)}.pt-\[max\(12px\,env\(safe-area-inset-top\)\)\]{padding-top:max(12px, env(safe-area-inset-top))}.pt-\[max\(20px\,env\(safe-area-inset-top\)\)\]{padding-top:max(20px, env(safe-area-inset-top))}.pt-\[max\(24px\,env\(safe-area-inset-top\)\)\]{padding-top:max(24px, env(safe-area-inset-top))}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-\[max\(20px\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(20px, env(safe-area-inset-bottom))}.pb-\[max\(24px\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(24px, env(safe-area-inset-bottom))}.text-center{text-align:center}.text-start{text-align:start}.font-sans{font-family:var(--font-plex), "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[0\.55em\]{font-size:.55em}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.45rem\]{font-size:1.45rem}.text-\[2rem\]{font-size:2rem}.text-\[length\:calc\(0\.75rem\*min\(var\(--mode-scale\)\,1\.15\)\)\]{font-size:calc(.75rem * min(var(--mode-scale), 1.15))}.text-\[length\:calc\(0\.75rem\*var\(--mode-scale\)\)\]{font-size:calc(.75rem * var(--mode-scale))}.text-\[length\:calc\(0\.875rem\*var\(--mode-scale\)\)\]{font-size:calc(.875rem * var(--mode-scale))}.text-\[length\:calc\(1\.05rem\*var\(--mode-scale\)\)\]{font-size:calc(1.05rem * var(--mode-scale))}.text-\[length\:calc\(1\.125rem\*var\(--mode-scale\)\)\]{font-size:calc(1.125rem * var(--mode-scale))}.text-\[length\:calc\(1rem\*var\(--mode-scale\)\)\]{font-size:calc(1rem * var(--mode-scale))}.text-\[length\:calc\(clamp\(0\.85rem\,4\.2vw\,0\.95rem\)\*min\(var\(--mode-scale\)\,1\.15\)\)\]{font-size:calc(clamp(.85rem, 4.2vw, .95rem) * min(var(--mode-scale), 1.15))}.leading-\[1\.85\]{--tw-leading:1.85;line-height:1.85}.leading-\[14px\]{--tw-leading:14px;line-height:14px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--bar-ink\)\]{color:var(--bar-ink)}.text-\[var\(--on-saffron\)\]{color:var(--on-saffron)}.text-\[var\(--on-terracotta\)\]{color:var(--on-terracotta)}.text-board{color:var(--board)}.text-friday{color:var(--friday-ink)}.text-indigo{color:var(--indigo)}.text-ink{color:var(--ink)}.text-muted{color:var(--muted)}.text-terracotta{color:var(--terracotta)}.text-thread{color:var(--thread)}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.decoration-line{-webkit-text-decoration-color:var(--line);-webkit-text-decoration-color:var(--line);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.decoration-dashed{text-decoration-style:dashed}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.accent-\[var\(--terracotta\)\]{accent-color:var(--terracotta)}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[0\.6px\]{--tw-blur:blur(.6px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:bg-surface-2:hover{background-color:var(--surface-2)}.hover\:decoration-current:hover{text-decoration-color:currentColor}}.focus\:border-thread:focus{border-color:var(--thread)}.disabled\:opacity-60:disabled{opacity:.6}.has-\[\:focus-visible\]\:outline:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:1px}.has-\[\:focus-visible\]\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}@media not all and (min-width:399px){.max-\[399px\]\:gap-0\.5{gap:calc(var(--spacing) * .5)}.max-\[399px\]\:p-1{padding:var(--spacing)}}@media not all and (min-width:359px){.max-\[359px\]\:hidden{display:none}}@media (min-width:360px){.min-\[360px\]\:hidden{display:none}}@media (min-width:40rem){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-\[1fr_340px\]{grid-template-columns:1fr 340px}}@media not all and (min-width:359px){.\[\&_svg\]\:max-\[359px\]\:hidden svg{display:none}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}}:root{--sand:#d9b98c;--saffron:#e39b3b;--terracotta:#c0563b;--indigo:#2e3a6b;--board:#f6efe3;--bead:#fffdf8;--bead-selected:#3a2e22;--bead-selected-ink:#fff;--ink:#2a2118;--muted:#6f604e;--thread:#8c6b45;--focus:#2e3a6b;--star-edge:#a8650d;--friday-ink:#9a3f28;--bar:#7a5b38;--bar-ink:#fffdf8;--mini-bead:#fffdf8;--mini-bead-ink:#2a2118;--track-border:#8c6b45;--coach-ring:#8c6b45;--on-sand:#2a2118;--on-saffron:#2a2118;--on-terracotta:#fff;--on-indigo:#fff;--surface:#fbf7ef;--surface-2:#efe5d4;--line:#8c6b4538;--gloss:#fffffff2;--shadow:#3a2e2224;--noise-alpha:.07;--ui-scale:1;--mode-scale:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sand:#b8956a;--saffron:#c9842c;--terracotta:#d16a4e;--indigo:#5866a8;--board:#1e1a16;--bead:#2c2620;--bead-selected:#f1e4cf;--bead-selected-ink:#2a2118;--ink:#f3eadb;--muted:#b5a48d;--thread:#c9a574;--on-sand:#1e1a16;--on-saffron:#1e1a16;--on-terracotta:#1e1a16;--on-indigo:#fff;--surface:#26211b;--surface-2:#332c24;--line:#c9a57433;--gloss:#ffffff1a;--shadow:#0006;--noise-alpha:.05;--focus:#8fa0e8;--star-edge:var(--saffron);--friday-ink:#e8957c;--bar:#c9a574;--bar-ink:#1e1a16;--mini-bead:#f3eadb;--mini-bead-ink:#1e1a16;--track-border:#c9a574b3;--coach-ring:var(--saffron);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--sand:#b8956a;--saffron:#c9842c;--terracotta:#d16a4e;--indigo:#5866a8;--board:#1e1a16;--bead:#2c2620;--bead-selected:#f1e4cf;--bead-selected-ink:#2a2118;--ink:#f3eadb;--muted:#b5a48d;--thread:#c9a574;--on-sand:#1e1a16;--on-saffron:#1e1a16;--on-terracotta:#1e1a16;--on-indigo:#fff;--surface:#26211b;--surface-2:#332c24;--line:#c9a57433;--gloss:#ffffff1a;--shadow:#0006;--noise-alpha:.05;--focus:#8fa0e8;--star-edge:var(--saffron);--friday-ink:#e8957c;--bar:#c9a574;--bar-ink:#1e1a16;--mini-bead:#f3eadb;--mini-bead-ink:#1e1a16;--track-border:#c9a574b3;--coach-ring:var(--saffron);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-large=true]{--ui-scale:1.25}html{font-size:calc(100% * var(--ui-scale));-webkit-tap-highlight-color:transparent;scroll-padding-top:calc(4.75rem + env(safe-area-inset-top));scroll-padding-bottom:calc(7rem + env(safe-area-inset-bottom))}body{background-color:var(--board);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);isolation:isolate;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:var(--noise-alpha);z-index:-1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:-2;background-image:radial-gradient(120% 60% at 50% 0%, var(--sand), transparent 70%), radial-gradient(90% 50% at 50% 110%, var(--thread), transparent 70%);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){body:after{background-image:radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--sand) 18%, transparent), transparent 70%), radial-gradient(90% 50% at 50% 110%, color-mix(in srgb, var(--thread) 10%, transparent), transparent 70%)}}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.strand :focus-visible{outline-color:var(--on)}.coach :focus-visible{outline-color:var(--on-saffron)}.on-indigo :focus-visible{outline-color:var(--on-indigo)}[tabindex="-1"]:focus:not(:focus-visible){outline:none}.ltr{direction:ltr;unicode-bidi:isolate}.intro-alt,:root[data-seen-howto] .intro-first{display:none}:root[data-seen-howto] .intro-alt{display:block}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .demo-pick{background:var(--sand);color:var(--on-sand);animation:none!important}:root:not([data-motion=full]) .demo-intruder{opacity:.45;border-style:dashed;animation:none!important}:root:not([data-motion=full]) .demo-drain .liquid{opacity:0;transform:scaleY(0);animation:none!important}:root:not([data-motion=full]) .demo-star{opacity:1;transform:none;animation:none!important}:root:not([data-motion=full]) .demo-check{background:var(--ink);color:var(--board);animation:none!important}}:root[data-motion=reduce] .demo-pick{background:var(--sand);color:var(--on-sand);animation:none!important}:root[data-motion=reduce] .demo-intruder{opacity:.45;border-style:dashed;animation:none!important}:root[data-motion=reduce] .demo-drain .liquid{opacity:0;transform:scaleY(0);animation:none!important}:root[data-motion=reduce] .demo-star{opacity:1;transform:none;animation:none!important}:root[data-motion=reduce] .demo-check{background:var(--ink);color:var(--board);animation:none!important}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) *,:root:not([data-motion=full]) :before,:root:not([data-motion=full]) :after{transition-property:opacity,background-color,color!important;animation-name:fade-in!important;animation-iteration-count:1!important}:root:not([data-motion=full]) .bead[aria-pressed=true],:root:not([data-motion=full]) .bead.gather{transform:none}:root:not([data-motion=full]) .strand .mini-beads path{stroke-dashoffset:0}}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{transition-property:opacity,background-color,color!important;animation-name:fade-in!important;animation-iteration-count:1!important}:root[data-motion=reduce] .bead[aria-pressed=true],:root[data-motion=reduce] .bead.gather{transform:none}:root[data-motion=reduce] .strand .mini-beads path{stroke-dashoffset:0}:root[data-lang=en] body :not(.ltr){unicode-bidi:plaintext}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}