:root{--phone-w:375px;--phone-h:667px;--wheelSize:188px;--pickerSize:calc(var(--wheelSize) * 1.2)}@media (height<=520px) and (orientation:landscape){:root{--phone-w:667px;--phone-h:375px;--wheelSize:176px;--pickerSize:var(--wheelSize)}}.page.svelte-1b7q6au{background:var(--background);justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;overflow:hidden}.phoneScreen.svelte-1b7q6au{width:var(--phone-w);height:var(--phone-h);transform-origin:50%;background:var(--background);flex:none;position:relative;overflow:hidden}@media (width>=700px){.phoneScreen.svelte-1b7q6au{border:12px solid var(--grey);border-radius:46px;box-shadow:0 40px 70px #00000052,0 0 0 2px #00000014}}.screenContent.svelte-1b7q6au{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;height:100%;padding:28px 24px;display:flex;overflow-y:auto}.title.svelte-1b7q6au{font-family:var(--font-heading);font-size:var(--text-h3,30px);color:var(--text);text-align:center;margin:12px 0 0}.subtitle.svelte-1b7q6au{font-family:var(--font-heading);font-size:var(--text-lead,24px);color:var(--text);margin:12px 0 0}.body.svelte-1b7q6au{font-family:var(--font-body);font-size:var(--text-body,16px);color:var(--text);margin:0;line-height:1.5}.resultsDetail.svelte-1b7q6au{font-size:var(--text-caption,14px)}.centredScreen.svelte-1b7q6au{text-align:center}.bodyGap.svelte-1b7q6au{margin-bottom:1.5em}.fieldLabel.svelte-1b7q6au{font-family:var(--font-body);font-size:var(--text-caption,14px);color:var(--text);margin-top:8px}.textInput.svelte-1b7q6au{font-family:var(--font-body);font-size:var(--text-body,16px);border:1.5px solid var(--grey);color:var(--text);background:#fff;border-radius:10px;padding:10px 12px}.fieldHint.svelte-1b7q6au{font-family:var(--font-body);font-size:var(--text-micro,12px);color:var(--grey);margin:2px 0 0}.introScreen.svelte-1b7q6au .textInput:where(.svelte-1b7q6au){text-align:center}.inlineLink.svelte-1b7q6au{color:var(--purple);text-underline-offset:2px;text-decoration:underline}.storyLink.svelte-1b7q6au,.shareLink.svelte-1b7q6au{font-family:var(--font-body);font-size:calc((var(--text-caption,14px) + var(--text-body,16px)) / 2);color:var(--purple);text-underline-offset:2px;text-decoration:underline}.shareLink.svelte-1b7q6au{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.shareLink.svelte-1b7q6au:disabled{cursor:default;opacity:.6}.secondaryButton.svelte-1b7q6au{font-family:var(--font-heading);font-weight:600;font-size:var(--text-body,16px);color:var(--greyDark);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:10px 20px;text-decoration:underline}.keyHint.svelte-1b7q6au{font-family:var(--font-body);font-size:var(--text-micro,12px);color:var(--grey);text-align:center;margin:-8px 0 0}.toggleGroup.svelte-1b7q6au{gap:8px;display:flex}.toggleButton.svelte-1b7q6au{font-family:var(--font-body);font-size:var(--text-caption,14px);border:1.5px solid var(--grey);color:var(--text);cursor:pointer;background:#fff;border-radius:10px;flex:1;padding:10px 12px}.toggleButtonActive.svelte-1b7q6au{border-color:var(--purple);background:var(--purple);color:#fff}.primaryButton.svelte-1b7q6au{font-family:var(--font-heading);font-weight:600;font-size:var(--text-body,16px);background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:999px;margin-top:auto;padding:14px 20px}.primaryButton.svelte-1b7q6au:disabled{background:var(--grey);cursor:not-allowed}.trialScreen.svelte-1b7q6au,.demoScreen.svelte-1b7q6au{align-items:stretch;padding-bottom:20px}.screenChrome.svelte-1b7q6au{display:contents}.progressTrack.svelte-1b7q6au{margin:calc(var(--text-body,16px) * 1.5) 0 0;background:var(--backgroundTint);border-radius:3px;height:6px;overflow:hidden}.progressFill.svelte-1b7q6au{background:var(--purple);height:100%;transition:width .2s}.progressLabel.svelte-1b7q6au{font-family:var(--font-body);font-size:var(--text-caption,14px);color:var(--grey);margin:0}.trialRow.svelte-1b7q6au{flex-direction:column-reverse;flex:1;justify-content:center;align-items:center;gap:16px;min-height:0;display:flex;transform:translateY(16px)}.graphemeStage.svelte-1b7q6au{flex:0 0 calc(var(--wheelSize) * .8);justify-content:center;align-items:center;width:100%;display:flex}.grapheme.svelte-1b7q6au{font-family:var(--font-heading);font-weight:600;font-size:calc(var(--wheelSize) * .58 * 1.2 * 1.2);text-shadow:0 0 1px #00000040,0 2px 6px #0000001f;line-height:1;transition:color .1s}.picker.svelte-1b7q6au{flex-direction:column;flex-shrink:0;gap:12px;display:flex}.pickerMain.svelte-1b7q6au{height:var(--pickerSize);align-items:stretch;gap:12px;display:flex}.greyBar.svelte-1b7q6au{width:var(--pickerSize);touch-action:none;cursor:pointer;border:1px solid var(--grey);background:linear-gradient(90deg,#fff,#000);border-radius:6px;height:24px;position:relative}.greyBar.svelte-1b7q6au:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.greyThumb.svelte-1b7q6au{cursor:grab;border:2px solid #fff;border-radius:4px;width:8px;position:absolute;top:-4px;bottom:-4px;transform:translate(-50%);box-shadow:0 0 0 1.5px #00000059,0 1px 3px #00000040}.greyThumbIdle.svelte-1b7q6au{opacity:.45}.svSquare.svelte-1b7q6au{width:var(--pickerSize);height:var(--pickerSize);touch-action:none;cursor:pointer;border:1px solid var(--grey);background:linear-gradient(to top, #000, #0000), linear-gradient(to right, #fff, hsl(var(--hue) 100% 50%));border-radius:6px;position:relative}.hueBar.svelte-1b7q6au{touch-action:none;cursor:pointer;border:1px solid var(--grey);background:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;width:28px;position:relative}.svSquare.svelte-1b7q6au:active,.hueBar.svelte-1b7q6au:active,.greyBar.svelte-1b7q6au:active,.svSquare.svelte-1b7q6au:active .pickerThumb:where(.svelte-1b7q6au),.hueBar.svelte-1b7q6au:active .hueThumb:where(.svelte-1b7q6au),.greyBar.svelte-1b7q6au:active .greyThumb:where(.svelte-1b7q6au){cursor:grabbing}.svSquare.svelte-1b7q6au:focus-visible,.hueBar.svelte-1b7q6au:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.pickerThumb.svelte-1b7q6au{cursor:grab;border:3px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #00000059,0 1px 3px #00000040}.hueThumb.svelte-1b7q6au{cursor:grab;border:2px solid #fff;border-radius:4px;height:8px;position:absolute;left:-4px;right:-4px;transform:translateY(-50%);box-shadow:0 0 0 1.5px #00000059,0 1px 3px #00000040}.colorHint.svelte-1b7q6au{font-family:var(--font-body);font-size:var(--text-caption,14px);color:var(--text);text-align:center;margin:0}.demoLabel.svelte-1b7q6au{font-family:var(--font-heading);font-weight:600;font-size:var(--text-body,16px);color:var(--purple);text-align:center;margin:calc(var(--text-body,16px) * 1.5) 0 0}.demoQuote.svelte-1b7q6au{font-style:italic}.demoPicker.svelte-1b7q6au .svSquare:where(.svelte-1b7q6au),.demoPicker.svelte-1b7q6au .hueBar:where(.svelte-1b7q6au),.demoPicker.svelte-1b7q6au .greyBar:where(.svelte-1b7q6au),.demoPicker.svelte-1b7q6au .pickerThumb:where(.svelte-1b7q6au),.demoPicker.svelte-1b7q6au .hueThumb:where(.svelte-1b7q6au),.demoPicker.svelte-1b7q6au .greyThumb:where(.svelte-1b7q6au){cursor:default;pointer-events:none}@media screen{.trialScreen.svelte-1b7q6au,.demoScreen.svelte-1b7q6au{padding-top:64px}.screenChrome.svelte-1b7q6au{box-sizing:border-box;flex-direction:column;gap:4px;padding:8px 24px 0;display:flex;position:absolute;top:0;left:0;right:0}.trialRow.svelte-1b7q6au{flex-direction:column}}@media (height<=520px) and (orientation:landscape){.screenContent.trialScreen.svelte-1b7q6au,.screenContent.demoScreen.svelte-1b7q6au{padding-top:0}.trialRow.svelte-1b7q6au{margin-bottom:-8px;transform:none}.grapheme.svelte-1b7q6au{font-size:calc(var(--wheelSize) * .58 * 1.2 * 1.2 * 1.5)}.trialScreen.svelte-1b7q6au .screenChrome:where(.svelte-1b7q6au),.demoScreen.svelte-1b7q6au .screenChrome:where(.svelte-1b7q6au){left:236px}.demoLabel.svelte-1b7q6au{font-size:var(--text-lead,24px)}.demoScreen.svelte-1b7q6au .graphemeStage:where(.svelte-1b7q6au){transform:translateY(14px)}.progressTrack.svelte-1b7q6au{margin:0}.trialScreen.svelte-1b7q6au .progressTrack:where(.svelte-1b7q6au){margin-top:10px}.screenChrome.svelte-1b7q6au{box-sizing:border-box;flex-direction:column;gap:4px;padding:8px 24px 0;display:flex;position:absolute;top:0;left:0;right:0}.trialRow.svelte-1b7q6au{flex-direction:row}.graphemeStage.svelte-1b7q6au{width:auto;min-width:0;height:var(--wheelSize);flex:1}}.scoreLabel.svelte-1b7q6au{font-family:var(--font-heading);font-weight:600;font-size:var(--text-lead,24px);color:var(--purple);margin:0}.swatchGrid.svelte-1b7q6au{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.swatchCell.svelte-1b7q6au{flex-direction:column;align-items:center;gap:4px;display:flex}.swatchGrapheme.svelte-1b7q6au{font-family:var(--font-heading);font-size:var(--text-micro,12px);color:var(--text)}.swatchTrio.svelte-1b7q6au{gap:2px;display:flex}.swatchDot.svelte-1b7q6au{border-radius:50%;width:8px;height:8px}.footnote.svelte-1b7q6au{font-family:var(--font-body);font-size:var(--text-micro,12px);color:var(--grey);margin:0}.resultsSubheading.svelte-1b7q6au{font-family:var(--font-heading);font-weight:600;font-size:var(--text-body,16px);color:var(--greyDark);margin:12px 0 0}.speedScreen.svelte-1b7q6au{align-items:stretch}.speedGrapheme.svelte-1b7q6au{min-height:0;font-family:var(--font-heading);color:var(--text);flex:1;justify-content:center;align-items:center;font-size:150px;font-weight:600;line-height:1;display:flex}.speedGrid.svelte-1b7q6au{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.speedSwatch.svelte-1b7q6au{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000002e;border-radius:12px;padding:0}.speedSwatch.svelte-1b7q6au:active{transform:scale(.96)}.speedSwatch.svelte-1b7q6au:focus-visible{outline:3px solid var(--purple);outline-offset:2px}@media (height<=520px) and (orientation:landscape){.phoneScreen.svelte-1b7q6au{--text-body:14px;--text-lead:19px;--text-h3:22px;--text-caption:12px}.screenContent.svelte-1b7q6au{gap:8px;padding:14px 24px}.title.svelte-1b7q6au{margin:0}.bodyGap.svelte-1b7q6au{margin-bottom:.75em}.speedScreen.svelte-1b7q6au{overflow-y:auto}.speedGrapheme.svelte-1b7q6au{flex:none;font-size:72px}.speedGrid.svelte-1b7q6au{grid-template-columns:repeat(6,1fr);transform:translateY(12px)}}