:root{--color-cream-50:#fffaf1;--color-cream-100:#f7f0e4;--color-cream-200:#ebe0d1;--color-ink-900:#201b17;--color-ink-700:#43382f;--color-ink-500:#6a5b4d;--color-rule:rgba(65,53,44,0.18);--color-rule-strong:rgba(65,53,44,0.3);--color-accent:#5f4a32;--color-accent-hover:#463522;--color-focus:#245d6f;--color-helper-text:#5a636b;--color-pigment-label:#736f68;--color-silver-star:#7e8795;--color-gold-master:#c58b2c;--color-coral-accent:#ff6f6f;--font-display:var(--font-eb-garamond),Georgia,"Times New Roman",serif;--font-interface:var(--font-inter),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-meta:0.75rem;--text-body:1rem;--text-helper:0.7rem;--text-pigment-label:0.5rem;--text-small:0.9375rem;--text-section-header:0.625rem;--text-heading:2.55rem;--line-tight:1.05;--line-body:1.55;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:44px;--radius-small:4px;--radius-medium:8px;--rule:1px solid var(--color-rule);--rule-strong:1px solid var(--color-rule-strong);--shadow-card:0 1px 5px 1px rgba(147,147,147,0.15);--shadow-shell:-5px 0 12px rgba(15,17,21,0.12),5px 0 12px rgba(15,17,21,0.12),0 5px 7px rgba(15,17,21,0.12);--content-width:31rem;--phone-shell-width:433px;--component-max-width:min(405px,100%);--target-size:44px;--duration-quick:140ms;--duration-standard:220ms;--ease-standard:cubic-bezier(0.2,0,0.2,1);color:var(--color-ink-900);background:#1d1f29;font-family:var(--font-interface);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-height:100%;min-height:var(--app-vh,100%);-webkit-text-size-adjust:100%}body,html{overflow-x:hidden}body{min-height:100%;margin:0;background:#1d1f29}a,button{font:inherit}a{color:var(--color-accent);text-underline-offset:.18em;transition:color var(--duration-quick) var(--ease-standard),-webkit-text-decoration-color var(--duration-quick) var(--ease-standard);transition:color var(--duration-quick) var(--ease-standard),text-decoration-color var(--duration-quick) var(--ease-standard);transition:color var(--duration-quick) var(--ease-standard),text-decoration-color var(--duration-quick) var(--ease-standard),-webkit-text-decoration-color var(--duration-quick) var(--ease-standard)}a:hover{color:var(--color-accent-hover)}button{min-width:var(--target-size);min-height:var(--target-size);border-radius:var(--radius-small);-webkit-tap-highlight-color:transparent;border:var(--rule-strong);background:#0f1115;color:var(--color-ink-900);cursor:pointer}button:disabled{color:var(--color-ink-500);background:#0f1115;cursor:default}button:focus,button:focus-visible{outline:0}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}::selection{color:var(--color-ink-900);background:#ead2a7}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-page,.splash-page{align-items:flex-start}.phone-frame.splash-screen{display:grid;place-items:center;padding:0;background:#0f1115}.splash-content{display:grid;width:min(100%,342px);justify-items:center}.splash-logo{display:block;width:min(100%,342px);height:auto}.splash-play.component-lab-button{margin-top:24px}.phone-frame.home-screen{padding:14px 14px 24px;color:#736f68}.study-date-line{margin:0;color:#736f68;font-family:var(--font-interface);font-size:10px;font-weight:400;letter-spacing:2px;line-height:1.5;text-align:center;text-transform:uppercase}.study-date-line-number{color:var(--color-coral-accent)}.study-date-line-separator{color:inherit}.home-date{margin:0;color:#cacdd3;font-size:10px;font-weight:400}.home-artwork{width:var(--component-max-width);margin:10px auto 0;padding:0}.home-artwork,.home-artwork-image-frame{position:relative}.home-artwork-frame{z-index:0;width:var(--component-max-width);height:auto}.tombstone-card{box-sizing:border-box;width:var(--component-max-width);min-height:0;align-content:center;margin:10px auto;padding:10px 20px;overflow:hidden;border-radius:10px;background:#1d1f29;text-align:center}.tombstone-card,.tombstone-identity{display:grid;justify-items:center;color:#cacdd3}.tombstone-identity{margin:0;font-family:var(--font-cormorant-garamond);font-weight:400;line-height:1.3}.tombstone-artist{color:#cacdd3;font-size:18px;font-weight:600}.tombstone-title{font-family:var(--font-cormorant-garamond);font-size:16px}.tombstone-source{width:100%;margin:8.5px 0 0;color:#cacdd3;font-family:var(--font-interface);font-size:10px;font-weight:400;letter-spacing:2px;line-height:1.5;text-align:center;text-transform:uppercase;white-space:nowrap}.home-challenge{display:grid;justify-items:center;margin-top:24px}.home-challenge-kicker{margin:0 0 16px;color:#cacdd3;font-family:var(--font-interface);font-size:10px;font-weight:400;letter-spacing:2px;line-height:1;text-align:center;text-transform:uppercase}.home-challenge-button{text-decoration:none}.home-next-study-countdown{display:grid;width:min(100%,320px);justify-items:stretch;margin:14px auto 0;grid-row-gap:10px;row-gap:10px}.home-next-study-countdown p{margin:0;color:#cacdd3;font-family:var(--font-interface);font-size:10px;font-weight:400;letter-spacing:2px;line-height:1.2;text-align:center;text-transform:uppercase}.home-next-study-progress{width:100%}.home-complete-message{margin:0 0 16px;color:#404040;font-family:var(--font-interface);font-size:12px;font-weight:500;letter-spacing:.2em;line-height:1.25;text-align:center}.home-progress{display:grid;justify-items:center;margin-top:0}.home-progress-card{display:grid;justify-items:center;margin-top:37px;grid-row-gap:20px;row-gap:20px}.weekly-collection{display:grid;width:100%;justify-items:center;margin:0}.weekly-collection h2{margin:0;color:#cacdd3;font-family:var(--font-interface);font-size:10px;font-weight:400;letter-spacing:.2em;line-height:1.25;text-align:center}.weekly-collection ul{display:grid;width:100%;grid-template-columns:repeat(7,32px);grid-column-gap:0;column-gap:0;justify-content:space-between;margin:12px 0 0;padding:0;list-style:none}.weekly-collection li,.weekly-collection-day{display:grid;width:32px;height:32px;place-items:center}.weekly-collection-day{box-sizing:border-box;border-radius:50%;background:#0f1115;color:#736f68;font-family:var(--font-display);font-size:15px;font-weight:600;line-height:1;box-shadow:inset 0 1px 3px rgba(0,0,0,.2);text-decoration:none;-webkit-tap-highlight-color:transparent}.weekly-collection-day:active,.weekly-collection-day:hover{color:inherit;text-decoration:none}.weekly-collection-day:focus,.weekly-collection-day:focus-visible{outline:0}.weekly-collection-day[data-state=completed]{background:var(
    --Dome,radial-gradient(76.59% 93.13% at 18% 4.79%,#fff 0,#cdcdcd 100%)
  );color:#0f1115}.weekly-collection-day[data-state=today]{border:1px solid #ff6f6f;color:#ff6f6f}.weekly-collection-day[data-state=future-locked],.weekly-collection-day[data-state=today]{background:radial-gradient(circle at 32% -8%,rgba(255,255,255,.4) 0,rgba(255,255,255,.18) 46%,rgba(0,0,0,.16) 100%),#0f1115;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.weekly-collection-day[data-state=future-locked]{border:0;color:#697281}.weekly-collection-day[data-state=future-locked] svg{color:#cacdd3}.weekly-collection-day[data-state=missed-this-week]{border:1px dashed #697281;background:#0f1115;color:#697281;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.weekly-collection-action{margin-top:24px;text-decoration:none}.collection-screen{display:grid;align-content:start}.collection-view{display:grid;width:100%;grid-gap:0;gap:0}.collection-view h1{margin:0;color:#cacdd3;font-family:var(--font-interface);font-size:10px;font-weight:400;letter-spacing:2px;line-height:1.2;text-align:center;text-transform:uppercase}.collection-content-card{display:grid;grid-gap:20px;gap:20px;margin-top:20px}.collection-filter-controls{display:flex;min-width:0;align-items:center;gap:10px}.collection-layout{display:grid;grid-gap:18px;gap:18px}.collection-list{margin:0;padding:0;list-style:none}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;grid-gap:14px;gap:14px}.collection-column,.collection-span-list{display:grid;align-content:start;grid-gap:22px;gap:22px;margin:0;padding:0;list-style:none}.collection-span-list{gap:0}.collection-wide-list{gap:22px}.collection-column>li,.collection-list>li,.collection-span-list>li{min-width:0}.collection-card{display:grid;width:100%;grid-gap:7px;gap:7px;min-width:0;color:#cacdd3;text-decoration:none}.collection-card[data-variant=list]{grid-template-columns:86px minmax(0,1fr);align-items:center;gap:12px}.collection-card[data-variant=wide]{gap:8px}.gallery-frame.collection-thumbnail{width:100%}.gallery-frame .painting-frame.display-artwork-frame.collection-thumbnail-artwork{width:100%;max-width:none;margin:0;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.collection-card[data-variant=list] .gallery-frame.collection-thumbnail{width:86px}.collection-card-copy{display:grid;width:100%;min-width:0;justify-items:center;grid-gap:5px;gap:5px}.collection-card[data-variant=list] .collection-card-copy{justify-items:start}.collection-card-rating{display:grid;justify-items:center;grid-gap:3px;gap:3px;min-width:0;overflow:hidden;color:#fff;font-family:var(--font-cormorant-garamond);font-size:14px;font-weight:400;letter-spacing:0;line-height:1.1;text-align:center;text-overflow:ellipsis;white-space:nowrap}.collection-card[data-variant=list] .collection-card-rating{display:flex;align-items:center;gap:6px;justify-content:flex-start;text-align:left}.collection-card-tier-label{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}.collection-card-stars{display:inline-flex;gap:2px;color:#7e8795;font-family:var(--font-interface);font-size:10px;line-height:1}.collection-card-star[data-filled=true]{color:#ff6f6f}.collection-card-star[data-filled=false]{color:#7e8795}.collection-card-masterstroke-star{color:#c5963e}.collection-card-rating[data-tier=fine-study],.collection-card-rating[data-tier=sketch],.collection-card-rating[data-tier=sure-hand],.collection-card-rating[data-tier=underpainting]{color:#fff}.collection-card-title{display:block;max-width:100%;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#cacdd3;font-family:var(--font-cormorant-garamond);font-size:18px;font-weight:600;letter-spacing:0;line-height:1.2}.collection-card[data-variant=list] .collection-card-title{text-align:left}.collection-empty{color:#7e8795;font-family:var(--font-interface);font-size:10px;font-weight:400;letter-spacing:0;line-height:1.3;margin:0;text-align:center}.page-shell{display:flex;justify-content:center;padding:0 var(--space-5);background:#1d1f29}.page-shell,.phone-frame{min-height:100svh;min-height:var(--app-vh,100svh)}.phone-frame{width:min(100%,var(--phone-shell-width));padding:14px 14px var(--space-6);border:0;background:#0f1115;box-shadow:var(--shadow-shell)}.eyebrow{color:var(--color-ink-500);font-size:var(--text-meta);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 var(--space-5)}h1{margin:0;color:var(--color-ink-900);font-family:var(--font-display);font-size:var(--text-heading);font-weight:500;line-height:var(--line-tight)}.lede,h1{max-width:var(--content-width)}.lede{margin:var(--space-5) 0 0;color:var(--color-ink-700);font-size:var(--text-body);line-height:var(--line-body)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.state-message{display:flex;flex-direction:column;justify-content:center}.state-actions{margin-top:var(--space-7)}.daily-shell{align-items:flex-start}.daily-study{display:flex;flex-direction:column;gap:0}.daily-study>*{min-width:0}.daily-study:has(>.daily-gameplay-flow){padding-top:14px;background:#fdfdfd}.daily-gameplay-flow{display:contents}.daily-top-row{display:grid;grid-template-rows:32px 21px;grid-row-gap:8px;row-gap:8px;width:100%;max-width:405px;height:61px;margin:0 auto;justify-items:center}.daily-study-date{font-family:var(--font-interface);font-size:10px;font-weight:400;letter-spacing:2px;line-height:1.5;text-transform:uppercase}.daily-access-message{display:grid;min-height:100%;align-content:center;justify-items:center;grid-gap:16px;gap:16px;padding:48px 32px;text-align:center}.daily-access-message h1,.daily-access-message p{margin:0}.daily-access-message h1{color:#404040;font-family:var(--font-interface);font-size:14px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.daily-access-message p{color:#736f68;font-size:14px;line-height:1.4}.section-heading-row p,.section-note{margin:0;color:var(--color-ink-500);font-size:var(--text-small);line-height:var(--line-body)}.study-section{padding-top:16px;border-top:var(--rule)}.study-section h2{margin:0;color:var(--color-ink-900);font-size:.95rem;font-weight:700;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}.section-heading-row{display:flex;gap:0;align-items:baseline;justify-content:center;margin-bottom:9px;min-width:0}.section-heading-row:after,.section-heading-row:before{content:none}.section-heading-row h2{flex:none;color:#404040;font-family:var(--font-display);font-size:11px;font-weight:500;letter-spacing:.2em;line-height:1.34;text-align:center}.section-heading-row p{flex:none;max-width:40%;text-align:right;overflow-wrap:anywhere}.daily-top-row+.game-painting-viewport{margin-top:11px}.game-painting-viewport{position:relative;display:grid;width:var(--component-max-width);height:267px;margin:0 auto}.game-painting-viewport-frame{position:absolute;inset:0 0 11px;overflow:hidden;border-radius:10px}.game-painting-viewport .painting-frame{width:var(--component-max-width);max-width:405px;height:256px;border-radius:10px;aspect-ratio:auto}.game-painting-progress{position:absolute;right:22px;bottom:0;left:22px;display:grid;height:3px;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px}.game-painting-progress-segment{display:block;min-width:0;border-radius:2px;background:#cacdd3}.game-painting-progress-segment[data-progress-state=complete]{background:#ff6f6f}.game-painting-progress-segment[data-progress-state=current]{animation:progress-segment-working 2.4s ease-in-out infinite;background:#ff6f6f}@media (prefers-reduced-motion:reduce){.game-painting-progress-segment[data-progress-state=current]{animation:none}}.daily-game .component-lab-restoration-area{margin-top:20px}.daily-game>.component-lab-colours,.daily-game>.component-lab-mixing-pot{margin-top:26px}.daily-game .daily-colours-card{margin-top:15px}.painting-frame{position:relative;display:grid;width:361px;max-width:361px;height:228px;margin:0 auto;min-height:0;overflow:hidden;place-items:center;border:0;border-radius:10px;background:#939393;aspect-ratio:auto;box-shadow:var(--shadow-card)}.painting-image{position:absolute;inset:0 -10px;width:calc(100% + 20px);height:100%;object-fit:cover}.painting-frame.display-artwork-frame{width:var(--component-max-width);max-width:405px;height:auto;min-height:0;aspect-ratio:auto}.display-artwork-frame .display-artwork-image{position:static;display:block;width:100%;height:auto;object-fit:contain}.display-artwork-frame[data-artwork-crop=measured] .display-artwork-image{position:absolute;top:var(--display-artwork-top,0);left:var(--display-artwork-left,0);width:var(--display-artwork-width,100%);max-width:none;height:var(--display-artwork-height,100%);object-fit:fill}.painting-layer{position:absolute;inset:0 -10px;pointer-events:none}.painting-selected-region{width:100%;height:100%;mix-blend-mode:multiply;mask-mode:alpha;mask-position:center;mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-mode:alpha;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;background:rgba(195,146,67,.68);opacity:.58;transition:opacity var(--duration-quick) var(--ease-standard)}.painting-selected-region.is-pulsing{animation:selected-region-observe 1.5s ease-out 1}.painting-restored-regions-layer{display:grid}.painting-restored-region{grid-area:1/1;width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;mask-mode:alpha;mask-position:center;mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-mode:alpha;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}.painting-restored-region.is-blooming{animation:restored-region-bloom 1.1s ease-out 1 both}.painting-mask-preload{opacity:0;pointer-events:none}.painting-mask-preload,.plate-context{position:absolute;width:1px;height:1px}.plate-context{padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.plate-context h2{margin:0;color:var(--color-ink-900);font-family:var(--font-display);font-size:1.45rem;font-weight:500;line-height:1.1;letter-spacing:0;text-transform:none}.study-notes-plate-card{overflow:hidden;border-radius:10px;background:#1d1f29;color:#cacdd3}.colour-palette-heading-row{display:flex;gap:0;align-items:baseline;min-width:0;justify-content:center;margin-top:0;margin-bottom:9px;font-family:var(--font-interface)}.colour-palette{position:relative;width:100%;max-width:var(--component-max-width);margin:31px auto 0;padding-top:0;border-top:0}.colour-palette-heading-row:after,.colour-palette-heading-row:before{content:none}.colour-palette-heading-row h2{color:#697281;font-family:var(--font-interface);font-size:10px;font-weight:600;letter-spacing:2px;line-height:normal;text-align:center}.colour-palette-row{position:relative;width:100%}.colour-palette-grid{display:grid;grid-template-columns:repeat(5,50px);grid-auto-rows:73px;width:100%;max-width:100%;grid-column-gap:0;column-gap:0;grid-row-gap:16px;row-gap:16px;justify-content:space-between;overflow:visible;padding:0}.colour-palette-choice{position:relative;display:flex;width:50px;height:73px;min-width:0;flex-direction:column;align-items:center;gap:12px;padding:0;border:0;background:transparent;text-align:center;font-family:var(--font-interface)}.colour-palette-choice:active{background:transparent}.colour-palette-choice:disabled{background:transparent;opacity:.72}.pigment-daub{position:relative;display:block;border:0;border-radius:50%;background:var(--pigment-daub-color,transparent);overflow:hidden}.pigment-daub[data-tone=colour]{background:var(--pigment-daub-color);box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.colour-palette-choice .pigment-daub[data-tone=colour],.mix-pot-slot.filled .pigment-daub[data-tone=colour]{background:radial-gradient(circle at 32% -8%,rgba(255,255,255,.4) 0,rgba(255,255,255,.18) 46%,rgba(0,0,0,.16) 100%),var(--pigment-daub-color)}.colour-palette-choice .pigment-daub{flex:none;margin-bottom:0}.colour-palette-name{width:50px;color:#736f68;font-family:var(--font-interface);font-size:10px;font-weight:500;letter-spacing:0;line-height:1.1;overflow-wrap:normal;text-align:center;text-transform:capitalize;white-space:normal;word-break:normal}.test-settings{display:flex;width:max-content;margin:20px auto 0;align-items:center;justify-content:center;gap:14px}.home-storage-reset{margin-top:20px}.layout-debug-panel{position:fixed;right:8px;bottom:8px;z-index:100;display:grid;width:min(380px,calc(100vw - 16px));max-height:45svh;max-height:min(45svh,calc(var(--app-vh, 100svh) - 16px));overflow:hidden;border:1px solid rgba(202,205,211,.42);border-radius:8px;background:rgba(15,17,21,.92);color:#cacdd3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:1.35}.layout-debug-panel.collapsed{width:auto;max-width:calc(100vw - 16px)}.layout-debug-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-bottom:1px solid rgba(202,205,211,.28)}.layout-debug-header p{margin:0;font-weight:700}.layout-debug-panel.collapsed .layout-debug-header p{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.layout-debug-status{margin:0;padding:0 8px 8px;color:#ff6f6f;font-weight:700}.layout-debug-header button{width:auto;min-width:0;height:auto;min-height:0;padding:4px 8px;border:1px solid rgba(202,205,211,.5);border-radius:4px;background:transparent;color:#cacdd3;font:inherit}.layout-debug-panel pre{margin:0;overflow:auto;padding:8px;white-space:pre-wrap}.mix-composition-row{display:grid;grid-template-columns:repeat(9,26px);grid-column-gap:0;column-gap:0;grid-row-gap:0;row-gap:0;align-items:center;justify-content:space-between;width:var(--component-max-width);max-width:100%;margin:28px auto 0}.mix-pot-slot{display:grid;width:26px;height:26px;min-width:0;min-height:26px;margin:0;padding:0;place-items:center;justify-self:center;border:0;border-radius:50%;-webkit-tap-highlight-color:transparent}.mix-pot-slot:focus,.mix-pot-slot:focus-visible{outline:0}.mix-pot-slot.empty{background:#0f1115;box-shadow:inset 0 1px 5px rgba(0,0,0,1)}.mix-pot-slot.filled{background:transparent}.mix-pot-slot.filled .pigment-daub{grid-area:1/1}.mix-pot-slot-icon{z-index:1;grid-area:1/1;color:#ffffff;pointer-events:none}.clear-mix-control{display:grid;width:26px;height:26px;min-width:0;min-height:26px;margin:0;padding:0;place-items:center;border:1px dashed rgba(65,53,44,.3);border-radius:50%;background:transparent;color:#939393;line-height:1;-webkit-tap-highlight-color:transparent}.clear-mix-control:focus,.clear-mix-control:focus-visible{outline:0}.clear-mix-control[data-active=true]{border-color:#404040;background:#404040;color:#ffffff}.clear-mix-control:disabled{background:transparent;color:#939393}.current-preview[data-tone=empty]{border:1px dashed #939393;border-radius:50%;background:transparent;box-shadow:none}.pigment-daub[data-tone=empty]{border:1px dashed #939393;background:transparent;box-shadow:none}.test-patch-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.68);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.test-patch-dialog{display:grid;width:-moz-fit-content;width:fit-content;max-width:100%;height:auto;box-sizing:border-box;padding:20px;border:1px solid #1d1f29;border-radius:10px;background:#0f1115;box-shadow:none;color:#404040;outline:none;text-align:center}.test-patch-dialog:focus-visible{outline:2px solid var(--color-coral-accent);outline-offset:4px}.test-patch-swatches p{margin:0;color:#cacdd3;font-family:var(--font-interface);font-size:12px;font-weight:600;letter-spacing:2px;line-height:normal;text-transform:uppercase;white-space:nowrap}.test-patch-swatches{display:grid;width:260px;height:129px;grid-template-columns:54px 12px 121px 16px 57px;align-items:center;justify-self:center;border:0;border-radius:0}.test-patch-swatches p:first-child{grid-column:1}.test-patch-swatches .reveal-split-chip{grid-column:3}.test-patch-swatches p:last-child{grid-column:5}.test-patch-verdict{display:grid;margin-top:16px;grid-gap:0;gap:0;align-content:start;justify-items:center;opacity:1}.test-patch-tier{margin:0;color:#fff;font-family:var(--font-cormorant-garamond);font-size:20px;font-weight:400;line-height:normal;text-align:center;white-space:nowrap}.test-patch-dialog[data-tier=fine-study] .test-patch-tier,.test-patch-dialog[data-tier=sketch] .test-patch-tier,.test-patch-dialog[data-tier=sure-hand] .test-patch-tier,.test-patch-dialog[data-tier=underpainting] .test-patch-tier{color:#fff}.test-patch-stars{display:flex;margin-top:10px;gap:8px;color:#7e8795;font-family:var(--font-interface);font-size:12px;font-weight:400;line-height:1}.test-patch-star{color:#7e8795}.test-patch-star[data-filled=true]{color:#ff6f6f}.test-patch-masterstroke-contention{margin:8px 0 0;color:#c5963e;font-family:var(--font-interface);font-size:10px;font-weight:400;letter-spacing:2px;line-height:1.4;text-transform:uppercase}.test-patch-restore-button{margin-top:21px}.reveal-split-chip{display:grid;width:121px;height:128.72px;grid-template-columns:59.21px 5.15px 56.64px;overflow:hidden;border-radius:10px}.reveal-split-chip-face{background-image:radial-gradient(circle at 32% -8%,rgba(255,255,255,.4) 0,rgba(255,255,255,.18) 46%,rgba(0,0,0,.16) 100%)}.reveal-split-chip-divider{background:#0f1115}@keyframes selected-region-observe{0%,to{opacity:.58}45%{opacity:.9}}@keyframes restored-region-bloom{0%{opacity:0;filter:blur(14px) saturate(1.35);transform:scale(1.03)}to{opacity:1;filter:blur(0) saturate(1);transform:scale(1)}}.daily-result{display:grid;width:100%;max-width:var(--component-max-width);margin:0 auto;color:#404040}.result-hero{display:grid;justify-items:center;text-align:center}.result-date{margin:0 0 10px;color:#cacdd3;font-family:var(--font-interface);font-size:10px;font-weight:400;letter-spacing:2px;line-height:1.5;text-align:center;text-transform:uppercase}.breakdown-date:focus,.result-date:focus{outline:none}.result-date-number{color:var(--color-coral-accent)}.result-artwork{position:relative;isolation:isolate;display:block;width:var(--component-max-width);margin:0 auto;padding:0}.painting-frame.result-painting-frame{position:relative;z-index:0;width:var(--component-max-width);margin:0}.painting-info-link{display:inline-flex;max-width:calc(100% - 20px);min-height:28px;box-sizing:border-box;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(126,135,149,.28);border-radius:8px;background:#0f1115;box-shadow:0 6px 14px rgba(0,0,0,.28);color:#cacdd3;opacity:.7;font-family:var(--font-interface);font-size:9px;font-weight:400;letter-spacing:1.5px;line-height:1.2;text-decoration:none;text-transform:uppercase}.painting-info-link:hover{color:#fbf8f5}.painting-info-link:focus-visible{outline:1px solid #cacdd3;outline-offset:3px}.result-painting-info-link{position:absolute;right:10px;bottom:10px;z-index:3;pointer-events:auto}.result-thank-you{margin:33px 0 0;color:#404040;font-family:var(--font-interface);font-size:12px;font-weight:400;letter-spacing:.2em;line-height:1.2}.breakdown-view{display:grid;justify-items:center;width:100%;max-width:var(--component-max-width);margin:0 auto;color:#cacdd3}.breakdown-navigation{display:grid;justify-content:center;margin:0 0 20px}.breakdown-back-control{margin:0;padding:0}.breakdown-date{margin:0 0 10px;color:#cacdd3;font-family:var(--font-interface);font-size:10px;font-weight:400;letter-spacing:2px;line-height:1.5;text-align:center;text-transform:uppercase}.breakdown-plate-list{display:grid;grid-gap:30px;gap:30px;width:100%;padding:0;margin:0;list-style:none}.study-notes-plate-item{display:grid;grid-gap:10px;gap:10px;width:var(--component-max-width)}.study-notes-plate-heading{margin:0;color:#736f68;font-family:var(--font-interface);font-size:10px;font-weight:400;letter-spacing:0;line-height:1.2;white-space:nowrap}.study-notes-plate-card{display:grid;box-sizing:border-box;grid-template-columns:61px 1fr;grid-column-gap:34px;column-gap:34px;align-items:start;width:var(--component-max-width);height:140px;padding:20px}.study-notes-chip-column{display:grid;grid-column:1;justify-items:center;min-width:0}.study-notes-plate-content{grid-column:2;display:grid;grid-gap:14px;gap:14px;min-width:0}.study-notes-best-row,.study-notes-player-row{display:grid;grid-gap:5px;gap:5px}.study-notes-best-row p,.study-notes-player-row p{margin:0;color:#cacdd3;font-family:var(--font-interface);font-size:12px;font-weight:400;letter-spacing:2px;line-height:normal;white-space:nowrap;text-transform:uppercase}.study-notes-recipe-circles{display:flex;width:100%;justify-content:space-between;min-height:24px}.study-notes-recipe-row{width:100%}.study-notes-recipe-circle{display:block;box-sizing:border-box;flex:0 0 24px;width:24px;height:24px;border:0;border-radius:50%}.study-notes-recipe-circle.filled{background-image:radial-gradient(circle at 32% -8%,rgba(255,255,255,.4) 0,rgba(255,255,255,.18) 46%,rgba(0,0,0,.16) 100%)}.study-notes-recipe-circle.empty{border:0;background:#0f1115;opacity:.35;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.result-star-row,.study-notes-star-row{display:flex;grid-column:2;gap:8px;align-items:center;justify-content:center;min-height:12px;margin:10px 0 0;color:#cacdd3;font-family:var(--font-interface);font-size:12px;line-height:1;white-space:nowrap}.study-notes-chip-column>.study-notes-star-row{grid-column:auto;margin:5px 0 0}.result-star,.study-notes-star{display:block;color:var(--color-coral-accent);width:auto;height:auto;font-size:12px;line-height:1}.study-notes-split-chip{display:grid;width:61px;height:65px;grid-template-columns:30px 3px 28px;overflow:hidden;border-radius:13px}.study-notes-split-chip-face{background-image:radial-gradient(circle at 32% -8%,rgba(255,255,255,.4) 0,rgba(255,255,255,.18) 46%,rgba(0,0,0,.16) 100%)}.study-notes-split-chip-divider{background:#1d1f29}.result-star[data-filled=false],.study-notes-star[data-filled=false]{color:#7e8795}.result-star-row .result-star,.study-notes-star-row .study-notes-star{width:auto;height:auto;line-height:1}.share-section{display:grid;justify-items:center;margin-top:10px;text-align:center}.result-card{display:flex;box-sizing:border-box;width:var(--component-max-width);overflow:hidden;flex-direction:column;align-items:center;padding:20px;border-radius:10px;background:#1d1f29;color:#cacdd3}.result-summary{display:grid;justify-items:center;width:100%;margin:0 auto}.result-comparison-strip{display:flex;gap:13px;justify-content:center;width:100%;margin:0 0 30px}.result-comparison-strip[data-chip-count="7"]{gap:5px}.result-chip-shell{width:61.1px}.result-overall-summary{display:grid;width:294px;margin:12px 0 15px;grid-template-columns:94px 1fr 94px;align-items:start;justify-items:center}.result-overall-summary:after,.result-overall-summary:before{content:"";width:94px;height:1px;align-self:center;background:#cacdd3}.result-overall-summary:before{grid-column:1;grid-row:1}.result-overall-summary:after{grid-column:3;grid-row:1}.result-overall-summary p{grid-column:2;margin:0;color:#fff;font-family:var(--font-cormorant-garamond);font-size:16px;font-style:normal;font-weight:400;letter-spacing:0;line-height:normal;white-space:nowrap;text-transform:none}.result-overall-summary[data-tier=fine-study] p,.result-overall-summary[data-tier=sketch] p,.result-overall-summary[data-tier=sure-hand] p,.result-overall-summary[data-tier=underpainting] p{color:#fff}.share-actions{display:grid;grid-gap:26px;gap:26px;align-items:center;justify-items:center;margin-top:0}.result-share-button{display:grid;width:88px;height:28px;min-height:0;padding:0;place-items:center;border:1px solid #fbf8f5;border-radius:8px;background:#0f1115;color:#cacdd3;font-family:var(--font-interface);font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.result-split-chip{display:grid;width:61.1px;height:65px;flex:0 0 auto;grid-template-columns:29.9px 2.6px 28.6px;overflow:hidden;border-radius:13px}.result-split-chip-face{background-image:radial-gradient(circle at 32% -8%,rgba(255,255,255,.4) 0,rgba(255,255,255,.18) 46%,rgba(0,0,0,.16) 100%)}.result-split-chip-divider{background:#1d1f29}.share-toast{margin:8px 0 0;color:#736f68;font-size:11px;letter-spacing:.08em}@media (min-width:760px){.page-shell{align-items:flex-start;padding:0 var(--space-8)}.phone-frame{padding:14px 14px var(--space-6)}.daily-shell{align-items:flex-start}}@media (min-width:431px) and (max-width:433px){.page-shell{padding:0}}@media (max-width:430px){.page-shell{padding:0}.phone-frame{padding-right:14px;padding-left:14px;border-right:0;border-left:0;box-shadow:none}h1{font-size:2.25rem}.daily-study{gap:0;padding:14px 14px 24px}.daily-study:has(>.daily-gameplay-flow){padding-top:14px}.phone-frame.home-screen{padding:14px 14px 24px}.plate-context{align-items:flex-start;flex-direction:column;grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.painting-restored-region.is-blooming,.painting-selected-region.is-pulsing{animation:none!important}}.component-lab{min-height:100svh;padding:48px 14px;background:#0f1115;font-family:var(--font-interface)}.component-lab-stage{display:grid;width:min(100%,720px);margin:0 auto;justify-items:center;grid-gap:24px;gap:24px}.component-lab-logo{display:block;width:min(241px,100%);height:auto}.component-lab-button-samples{display:flex;width:var(--component-max-width);flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}.component-lab-pill-card{padding:20px}.component-lab-pill-samples{display:flex;width:100%;overflow-x:auto;align-items:center;justify-content:flex-start;gap:8px;-webkit-mask-image:linear-gradient(90deg,#000,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000,#000 calc(100% - 32px),transparent);scrollbar-width:none}.component-lab-pill-samples::-webkit-scrollbar{display:none}.component-lab-pill{display:inline-flex;flex:0 0 auto;height:44px;box-sizing:border-box;padding:0 14px;align-items:center;justify-content:center;border:0;border-radius:9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-interface);font-size:10px;font-weight:500;letter-spacing:2px;line-height:1;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.component-lab-pill:focus,.component-lab-pill:focus-visible{outline:0}.component-lab-pill[data-state=selected]{border:0;background:var(
    --Dome,radial-gradient(76.59% 93.13% at 18% 4.79%,#fff 0,#cdcdcd 100%)
  );color:#0f1115}.component-lab-pill[data-state=default]{border:1px solid var(--WhiteBlue2,#7e8795);background:radial-gradient(76.59% 93.13% at 18% 4.79%,#1d1f29 0,#0f1115 100%);color:#7e8795}.component-lab-select-card{display:flex;padding:20px;align-items:center;justify-content:flex-start;gap:10px}.component-lab-select{height:44px;min-height:0;box-sizing:border-box;padding:0 30px 0 14px;border:1px solid var(--WhiteBlue2,#7e8795);border-radius:9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,#7e8795 0) calc(100% - 16px) 20px /5px 5px no-repeat,linear-gradient(135deg,#7e8795 50%,transparent 0) calc(100% - 11px) 20px /5px 5px no-repeat,radial-gradient(76.59% 93.13% at 18% 4.79%,#1d1f29 0,#0f1115 100%);color:#cacdd3;font-family:var(--font-interface);font-size:10px;font-weight:500;letter-spacing:2px;line-height:1;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.component-lab-select:focus,.component-lab-select:focus-visible{outline:0}.component-lab-search{display:grid;position:relative;flex:1 1;min-width:0;height:44px;align-items:center}.component-lab-search input{width:100%;height:44px;min-width:0;min-height:0;box-sizing:border-box;padding:0 44px 0 14px;border:1px solid var(--WhiteBlue2,#7e8795);border-radius:9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0f1115;color:#cacdd3;font-family:var(--font-interface);font-size:10px;font-weight:500;letter-spacing:2px;line-height:1;text-transform:uppercase;-webkit-tap-highlight-color:transparent}@supports (-webkit-touch-callout:none){.component-lab-search{overflow:hidden;border:1px solid var(--WhiteBlue2,#7e8795);border-radius:9999px;background:#0f1115}.component-lab-search input{position:absolute;top:50%;left:0;width:160%;height:70.4px;padding:0 70.4px 0 22.4px;border:0;background:transparent;font-size:16px;transform:translateY(-50%) scale(.625);transform-origin:left center}}.component-lab-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.component-lab-search input::placeholder{color:#7e8795;opacity:1}.component-lab-search input:focus,.component-lab-search input:focus-visible{outline:0}.component-lab-search-clear{display:inline-flex;position:absolute;right:6px;width:32px;height:32px;min-width:0;min-height:0;box-sizing:border-box;padding:0;align-items:center;justify-content:center;border:0;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(
    --Dome,radial-gradient(76.59% 93.13% at 18% 4.79%,#fff 0,#cdcdcd 100%)
  );color:#0f1115;cursor:pointer;-webkit-tap-highlight-color:transparent}.component-lab-search-clear:focus,.component-lab-search-clear:focus-visible{outline:0}.component-lab-layout-card{padding:20px}.component-lab-layout-switcher{display:grid;position:relative;width:100%;height:38px;box-sizing:border-box;grid-template-columns:38px 38px 38px;align-items:center;justify-content:space-between}.component-lab-layout-switcher:before{content:"";position:absolute;z-index:0;right:17px;left:17px;height:1px;border-radius:9999px;background:#7e8795;opacity:.72}.component-lab-layout-switcher-control{display:inline-flex;position:relative;z-index:1;justify-self:center;width:34px;height:34px;min-width:0;min-height:0;box-sizing:border-box;padding:0;align-items:center;justify-content:center;border:1px solid #7e8795;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:radial-gradient(circle at 32% -8%,rgba(255,255,255,.4) 0,rgba(255,255,255,.18) 46%,rgba(0,0,0,.16) 100%),#0f1115;color:#cacdd3;box-shadow:inset 0 1px 3px rgba(0,0,0,.2);cursor:pointer;-webkit-tap-highlight-color:transparent}.component-lab-layout-switcher-control[data-state=selected]{width:38px;height:38px;border:0;background:var(
    --Dome,radial-gradient(76.59% 93.13% at 18% 4.79%,#fff 0,#cdcdcd 100%)
  );color:#0f1115}.component-lab-layout-switcher-control:focus,.component-lab-layout-switcher-control:focus-visible{outline:0}.component-lab-gallery-frame-card{display:grid;grid-gap:18px;gap:18px}.component-lab-gallery-frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px 14px;gap:20px 14px}.component-lab-gallery-frame-sample{display:grid;min-width:0;margin:0;justify-items:center;grid-gap:8px;gap:8px}.gallery-frame{--gallery-frame-colour:#7e8795;--gallery-frame-inner-border-width:2px;--gallery-frame-mat-padding:0;--gallery-frame-outer-border-width:5px;box-sizing:border-box;position:relative;width:100%;overflow:hidden;border:5px solid var(--gallery-frame-colour);border-radius:8px;background:#0f1115}.gallery-frame-image{display:block;width:100%;height:100%;border-radius:8px;object-fit:cover}.gallery-frame[data-tone=underpainting]{--gallery-frame-mat-padding:15px;--gallery-frame-outer-border-width:1px;border-width:var(--gallery-frame-outer-border-width);border-style:solid;border-color:#2f2d2d #434040 #4f4c4c;border-radius:1px}.gallery-frame[data-tone=sketch],.gallery-frame[data-tone=underpainting]{overflow:hidden;padding:var(--gallery-frame-mat-padding);background:#ddc;box-shadow:inset 0 1px 2.5px rgba(0,0,0,.3),0 2.5px 1px rgba(0,0,0,.05),0 5px 10px rgba(0,0,0,.4)}.gallery-frame[data-tone=sketch]{--gallery-frame-mat-padding:15px;--gallery-frame-outer-border-width:5px;border-width:var(--gallery-frame-outer-border-width);border-style:solid;border-color:#ffffff #e8e8df #cfcfc6 #f6f6ef;border-radius:1px}.gallery-frame[data-tone=sketch]:before,.gallery-frame[data-tone=underpainting]:before{position:absolute;top:-43%;right:-20%;width:105%;aspect-ratio:1;transform:rotate(-40deg);background:linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,0));content:"";pointer-events:none}.gallery-frame[data-tone=sketch] .painting-frame.display-artwork-frame.collection-thumbnail-artwork,.gallery-frame[data-tone=sketch]>.gallery-frame-image,.gallery-frame[data-tone=underpainting] .painting-frame.display-artwork-frame.collection-thumbnail-artwork,.gallery-frame[data-tone=underpainting]>.gallery-frame-image{position:relative;z-index:1;border-width:var(--gallery-frame-inner-border-width);border-style:solid;border-color:#bbbab4 #c7c7bf #e5e4df;border-radius:1px;box-shadow:0 -1px 1px rgba(0,0,0,.1),0 1px 1px 1px rgba(255,255,255,.7)}.gallery-frame[data-tone=sketch-hairline]{--gallery-frame-colour:#fbf8f5;padding:4px;border-width:0;outline:1px solid var(--gallery-frame-colour);outline-offset:2px;background:#0f1115;box-shadow:inset 0 0 0 .5px var(--gallery-frame-colour)}.gallery-frame[data-tone=fine-study]{overflow:visible;--gallery-frame-mat-padding:15px;--gallery-frame-outer-border-width:8px;padding:var(--gallery-frame-mat-padding);border-width:var(--gallery-frame-outer-border-width);border-style:solid;border-color:#aeb1b6 rgb(120,122,126) #d6d8dc #92959b;border-radius:1px;background-color:#ddc;box-shadow:inset 0 0 5px 0 rgba(0,0,0,.25),0 5px 10px 5px rgba(0,0,0,.25)}.gallery-frame[data-tone=fine-study] .painting-frame.display-artwork-frame.collection-thumbnail-artwork,.gallery-frame[data-tone=fine-study]>.gallery-frame-image{position:relative;z-index:1;border:solid var(--gallery-frame-inner-border-width);border-color:#d0d2d5 #92959b #edeef0 rgb(120,122,126);border-radius:1px}.gallery-frame[data-tone=fine-study]:after,.gallery-frame[data-tone=fine-study]:before{position:absolute;border-radius:1px;content:"";pointer-events:none}.gallery-frame[data-tone=fine-study]:before{inset:-2%;box-shadow:inset 0 2px 5px 0 rgba(35,38,43,.28)}.gallery-frame[data-tone=fine-study]:after{inset:-2.5%;box-shadow:0 2px 5px 0 rgba(35,38,43,.28)}.gallery-frame[data-tone=sure-hand]{overflow:visible;--gallery-frame-mat-padding:15px;--gallery-frame-outer-border-width:12px;padding:var(--gallery-frame-mat-padding);border-width:var(--gallery-frame-outer-border-width);border-style:solid;border-color:#dcb24b #b9872d #f0d485 #c5963e;border-radius:1px;background-color:#ddc;box-shadow:inset 0 0 5px 0 rgba(0,0,0,.25),0 5px 10px 5px rgba(0,0,0,.25)}.gallery-frame[data-tone=sure-hand] .painting-frame.display-artwork-frame.collection-thumbnail-artwork,.gallery-frame[data-tone=sure-hand]>.gallery-frame-image{position:relative;z-index:1;border:0;border-radius:0}.gallery-frame[data-tone=sure-hand]:after,.gallery-frame[data-tone=sure-hand]:before{position:absolute;border-radius:1px;content:"";pointer-events:none}.gallery-frame[data-tone=sure-hand]:before{inset:-2%;box-shadow:inset 0 2px 5px 0 rgba(54,35,7,.34)}.gallery-frame[data-tone=sure-hand]:after{inset:-2.5%;box-shadow:0 2px 5px 0 rgba(54,35,7,.34)}.gallery-frame.collection-thumbnail{--gallery-frame-inner-border-width:1px;--gallery-frame-mat-padding:clamp(6px,2vw,10px)}.gallery-frame.collection-thumbnail[data-tone=sketch]{--gallery-frame-outer-border-width:clamp(2px,0.9vw,5px)}.gallery-frame.collection-thumbnail[data-tone=fine-study]{--gallery-frame-outer-border-width:clamp(3px,1.3vw,8px)}.gallery-frame.collection-thumbnail[data-tone=sure-hand]{--gallery-frame-outer-border-width:clamp(4px,1.6vw,12px)}.collection-card[data-variant=wide] .gallery-frame.collection-thumbnail{--gallery-frame-mat-padding:clamp(10px,4vw,15px)}.collection-card[data-variant=list] .gallery-frame.collection-thumbnail{--gallery-frame-mat-padding:4px}.collection-card[data-variant=list] .gallery-frame.collection-thumbnail[data-tone=sketch]{--gallery-frame-outer-border-width:2px}.collection-card[data-variant=list] .gallery-frame.collection-thumbnail[data-tone=fine-study]{--gallery-frame-outer-border-width:3px}.collection-card[data-variant=list] .gallery-frame.collection-thumbnail[data-tone=sure-hand]{--gallery-frame-outer-border-width:4px}.component-lab-gallery-frame-label{margin:0;color:#cacdd3;font-family:var(--font-cormorant-garamond);font-size:14px;font-weight:400;letter-spacing:0;line-height:1.1;text-align:center}.component-lab-studies-restored{display:grid;position:relative;width:264px;height:94px;justify-items:center;color:#cacdd3}.component-lab-studies-restored-count-row{display:grid;position:absolute;top:0;left:0;width:264px;height:46px;grid-template-columns:103px 1fr 103px;align-items:start;justify-items:center}.component-lab-studies-restored-rule{width:103px;height:1px;margin-top:34px;background:#cacdd3}.component-lab-studies-restored-count{margin:0;color:#ff6f6f;font-family:var(--font-display);font-size:50px;font-weight:400;letter-spacing:-1.8px;line-height:normal;white-space:nowrap}.component-lab-studies-restored-label{top:62px;color:#cacdd3;font-size:12px}.component-lab-studies-restored-label,.component-lab-studies-restored-week{position:absolute;left:50%;transform:translateX(-50%);margin:0;font-family:var(--font-interface);font-weight:400;letter-spacing:2px;line-height:normal;text-align:center;text-transform:uppercase;white-space:nowrap}.component-lab-studies-restored-week{top:80px;color:#ff6f6f;font-size:10px}.component-lab-card{box-sizing:border-box;width:var(--component-max-width);overflow:hidden;padding:20px;border-radius:10px;background:#1d1f29;color:#cacdd3}.component-lab-card.home-progress-card{padding-top:10px}.component-lab-colours-card{display:grid;grid-gap:26px;gap:26px}.component-lab-painting-section{display:grid;width:var(--component-max-width);justify-items:center}.component-lab-game-viewport{display:grid;position:relative;width:var(--component-max-width);height:267px}.component-lab-game-viewport-frame{position:absolute;inset:0 0 11px;overflow:hidden;border-radius:10px}.component-lab-game-viewport .painting-frame{width:var(--component-max-width);max-width:405px;height:256px;border-radius:10px;aspect-ratio:auto}.component-lab-game-progress{display:grid;position:absolute;right:22px;bottom:0;left:22px;height:3px;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px}.component-lab-game-progress-segment{display:block;min-width:0;border-radius:2px;background:#cacdd3}.component-lab-game-progress-segment[data-progress-state=complete]{background:#ff6f6f}.component-lab-game-progress-segment[data-progress-state=current]{animation:progress-segment-working 2.4s ease-in-out infinite;background:#ff6f6f}@media (prefers-reduced-motion:reduce){.component-lab-game-progress-segment[data-progress-state=current]{animation:none}}@keyframes progress-segment-working{0%,to{background:#ff6f6f}50%{background:#1d1f29}}.component-lab-colours{display:grid;width:var(--component-max-width);justify-items:center;grid-gap:9px;gap:9px}.component-lab-colours-card .component-lab-colours,.component-lab-colours-card .component-lab-mixing-pot{width:100%}.component-lab-colours-grid{display:grid;width:100%;grid-template-columns:repeat(5,50px);grid-column-gap:0;column-gap:0;grid-row-gap:16px;row-gap:16px;align-items:start;justify-content:space-between}.component-lab-colour-item{display:grid;width:50px;height:auto;min-width:0;min-height:0;padding:0;align-content:start;justify-items:center;grid-gap:12px;gap:12px;border:0;font:inherit;letter-spacing:0;text-align:center;text-transform:none;-webkit-tap-highlight-color:transparent}.component-lab-colour-item,.component-lab-colour-item:active,.component-lab-colour-item:hover{background:transparent;color:inherit}.component-lab-colour-item:focus,.component-lab-colour-item:focus-visible{outline:0}.component-lab-colour-item:disabled{background:transparent;color:inherit}.component-lab-colour-item:disabled .pigment-daub{filter:saturate(.35);opacity:.72}.component-lab-colour-item[data-ripple=true]:not(:disabled) .pigment-daub:after{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;animation:pigment-daub-ripple .9s ease-out;background:rgba(255,255,255,.58);content:"";pointer-events:none;transform:translate(-50%,-50%)}.component-lab-colour-item .pigment-daub[data-tone=colour]{background:radial-gradient(circle at 32% -8%,rgba(255,255,255,.4) 0,rgba(255,255,255,.18) 46%,rgba(0,0,0,.16) 100%),var(--pigment-daub-color)}.component-lab-colour-label{margin:0;max-width:50px;color:#cacdd3;font-family:var(--font-interface);font-size:10px;font-weight:400;line-height:normal;text-align:center;text-transform:capitalize;overflow-wrap:normal;white-space:normal}.component-lab-mixing-pot{display:grid;width:var(--component-max-width);grid-template-columns:repeat(9,26px);grid-column-gap:0;column-gap:0;grid-row-gap:0;row-gap:0;align-items:center;justify-content:space-between}.component-lab-mixing-pot-slot{justify-self:center}.component-lab-mixing-pot-slot.empty{border:0;background:#0f1115;box-shadow:inset 0 1px 5px rgba(0,0,0,1)}.component-lab-mixing-pot-clear{display:grid;box-sizing:content-box;justify-self:center;width:22px;min-width:0;height:22px;min-height:22px;padding:0;place-items:center;border:0;border-radius:50%;box-shadow:none;opacity:1}.component-lab-mixing-pot-clear,.component-lab-mixing-pot-clear[data-active=true]{background:var(
    --Dome,radial-gradient(76.59% 93.13% at 18% 4.79%,#fff 0,#cdcdcd 100%)
  );color:#0f1115}.component-lab-mixing-pot-clear:disabled{background:#0f1115;color:#747d8b;opacity:1}.component-lab-result-card{display:flex;height:auto;flex-direction:column;align-items:center;padding:20px}.component-lab-result-summary{display:grid;width:100%;margin:0;justify-items:center}.daily-result-card{margin-top:20px}.component-lab-result-variants{display:grid;width:var(--component-max-width);grid-gap:24px;gap:24px}.component-lab-painting-info-card{display:flex;width:var(--component-max-width);justify-content:flex-end;padding:20px}.component-lab-result-kicker{width:100%;margin:0;color:#cacdd3;font-family:var(--font-interface);font-size:12px;font-weight:400;letter-spacing:2px;line-height:normal;text-align:center}@keyframes pigment-daub-ripple{0%{width:0;height:0;opacity:.7}to{width:86px;height:86px;opacity:0}}@media (prefers-reduced-motion:reduce){.component-lab-colour-item[data-ripple=true]:not(:disabled) .pigment-daub:after{animation:none;content:none}}.component-lab-result-label{display:grid;width:294px;margin-top:0;margin-bottom:15px;grid-template-columns:minmax(48px,1fr) auto minmax(48px,1fr);grid-column-gap:20px;column-gap:20px;align-items:start;justify-items:center}.component-lab-result-rule{width:100%;height:.5px;align-self:center;background:#cacdd3}.component-lab-result-tier{margin:0;color:#fff;font-family:var(--font-cormorant-garamond);font-size:20px;font-weight:400;line-height:normal;text-align:center;white-space:nowrap}.component-lab-tier-stars{display:flex;grid-column:2;gap:8px;margin:10px 0 0;color:#7e8795;font-family:var(--font-interface);font-size:12px;font-weight:400;line-height:1}.component-lab-result-star{color:#7e8795}.component-lab-result-star.filled{color:#ff6f6f}.component-lab-result-swatch-row{display:flex;width:100%;margin-top:0;margin-bottom:30px;justify-content:center;gap:13px}.component-lab-result-card:has(.component-lab-result-masterstroke) .component-lab-result-swatch-row{margin-bottom:12px}.component-lab-result-masterstroke{display:grid;margin-bottom:30px;padding-top:10px;justify-items:center;grid-gap:8px;gap:8px}.component-lab-result-masterstroke-label{margin:0;color:#c5963e;font-family:var(--font-interface);font-size:10px;font-weight:400;letter-spacing:2px;line-height:normal;text-align:center;text-transform:uppercase}.component-lab-result-masterstroke-star{color:#c5963e;font-family:var(--font-interface);font-size:12px;font-weight:400;line-height:1}.component-lab-result-masterstroke-swatch-frame{display:inline-grid;align-items:center;justify-items:center;border-radius:13px}.component-lab-result-masterstroke-swatch-glow{width:75.1px;height:79px;border-radius:17px;background:rgba(197,150,62,.1)}.component-lab-result-masterstroke-swatch-glow,.component-lab-result-masterstroke-swatch-glow-outer{grid-area:1/1;align-self:center;justify-self:center;animation:masterstroke-glow-pulse 2.8s ease-in-out infinite;pointer-events:none}.component-lab-result-masterstroke-swatch-glow-outer{width:87.1px;height:91px;border-radius:22px;background:rgba(197,150,62,.04);animation-delay:.18s}.component-lab-result-masterstroke-swatch-frame .component-lab-result-swatch{grid-area:1/1}.component-lab-result-swatch{display:grid;width:61.1px;height:65px;flex:0 0 auto;grid-template-columns:29.9px 2.6px 28.6px;overflow:hidden;border-radius:13px}@media (max-width:430px){.component-lab-result-swatch-row,.result-comparison-strip{gap:10px}.component-lab-result-swatch,.result-chip-shell,.result-split-chip{width:53px}.component-lab-result-swatch,.result-split-chip{height:56px;grid-template-columns:25.96px 2.25px 24.79px;border-radius:11px}}.component-lab-result-swatch-target{background:#404040;background-image:radial-gradient(circle at 32% -8%,rgba(255,255,255,.4) 0,rgba(255,255,255,.18) 46%,rgba(0,0,0,.16) 100%)}.component-lab-result-swatch-divider{background:#1d1f29}.component-lab-result-swatch-mix{background:#d9d9d9;background-image:radial-gradient(circle at 32% -8%,rgba(255,255,255,.4) 0,rgba(255,255,255,.18) 46%,rgba(0,0,0,.16) 100%)}.component-lab-result-actions{display:grid;margin-top:0;justify-items:center;grid-gap:24px;gap:24px}.component-lab-result-action-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.component-lab-button{--component-lab-button-letter-spacing:2px;display:inline-flex;width:-moz-fit-content;width:fit-content;max-width:100%;flex:0 0 auto;height:28px;min-height:0;box-sizing:border-box;padding:0 16px;align-items:center;justify-content:center;border:1px solid #fbf8f5;border-radius:8px;font-family:var(--font-interface);font-size:12px;font-weight:500;letter-spacing:0;line-height:1;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-tap-highlight-color:transparent}.component-lab-button:focus,.component-lab-button:focus-visible{outline:0}.component-lab-button-label{display:inline-flex;align-items:center;justify-content:center;gap:var(--component-lab-button-letter-spacing);line-height:1;white-space:nowrap}.component-lab-button-label-character{display:block;line-height:1;white-space:pre}.component-lab-button:hover{text-decoration:none}.component-lab-button[data-size=standard]{height:36px;border-radius:12px;min-width:0}.component-lab-button[data-size=home-complete],.component-lab-button[data-size=home],.component-lab-button[data-size=splash]{height:36px}.component-lab-button[data-size=home]{--component-lab-button-letter-spacing:1.3px}.component-lab-button[data-size=compact]{min-width:0}.component-lab-button[data-size=icon]{width:32px;min-width:32px;height:32px;padding:0;place-items:center}.component-lab-button[data-variant=primary]{border:0;background:var(
    --Dome,radial-gradient(76.59% 93.13% at 18% 4.79%,#fff 0,#cdcdcd 100%)
  );color:#0f1115}.component-lab-button[data-variant=hero]{border:0;background:radial-gradient(76.59% 93.13% at 18% 4.79%,#ff9a9a 0,#ff6f6f 60%);color:#fff}.component-lab-button[data-variant=secondary]{border:1px solid var(--WhiteBlue2,#7e8795);background:radial-gradient(76.59% 93.13% at 18% 4.79%,#1d1f29 0,#0f1115 100%);color:#7e8795;font-weight:500}.component-lab-button[data-variant=disabled]{border:0;background:#0f1115;color:#747d8b}.component-lab-button[data-variant=text-link],.component-lab-button[data-variant=text]{width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0;height:auto;min-height:0;padding:0;border:0;background:transparent;color:#cacdd3}.component-lab-button[data-variant=text-link]{font-size:9px;font-weight:500;letter-spacing:2px;line-height:normal;text-decoration:underline;text-underline-position:from-font}.component-lab-button[data-variant=dev]{--component-lab-button-letter-spacing:0;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0;height:auto;min-height:0;padding:0;border:0;background:transparent;color:#747d8b;font-size:8px;font-weight:400;letter-spacing:0;line-height:1.25}.component-lab-button[data-variant=icon]{border:1px solid #ececec;border-radius:50%;background:#fbf8f5;color:#0f1115}.component-lab-button:disabled:not([data-variant=disabled]){border:0;background:#0f1115;color:#747d8b;opacity:1}.component-lab-study-notes-plate{position:relative;width:var(--component-max-width);height:162px;color:#fbf8f5}.component-lab-study-notes-title{position:absolute;top:0;left:0;margin:0;color:#cacdd3;font-family:var(--font-interface);font-size:10px;font-weight:400;letter-spacing:1.8px;line-height:normal;text-transform:uppercase;white-space:pre}.component-lab-study-notes-card{display:grid;position:absolute;right:0;bottom:0;left:0;box-sizing:border-box;height:140px;padding:20px;grid-template-columns:61px 1fr;grid-column-gap:34px;column-gap:34px;border-radius:10px;background:#1d1f29}.component-lab-study-notes-chip-column{display:grid;align-content:start;justify-items:center;grid-gap:5px;gap:5px}.component-lab-study-notes-chip{display:grid;width:61px;height:65px;grid-template-columns:30px 3px 28px;overflow:hidden;border-radius:13px}.component-lab-study-notes-chip-divider,.component-lab-study-notes-chip-mix,.component-lab-study-notes-chip-target{display:block;min-width:0}.component-lab-study-notes-chip-divider{background:#1d1f29}.component-lab-study-notes-chip-mix,.component-lab-study-notes-chip-target{background-image:radial-gradient(circle at 32% -8%,rgba(255,255,255,.4) 0,rgba(255,255,255,.18) 46%,rgba(0,0,0,.16) 100%)}.component-lab-study-notes-stars{display:flex;gap:8px;margin:0;color:#7e8795;font-family:var(--font-interface);font-size:12px;font-weight:400;line-height:1}.component-lab-study-notes-star{color:#7e8795}.component-lab-study-notes-star.filled{color:#ff6f6f}.component-lab-study-notes-recipe-column{display:grid;align-content:start;grid-gap:14px;gap:14px;min-width:0}.component-lab-study-notes-recipe-row{display:grid;grid-gap:5px;gap:5px;min-width:0}.component-lab-study-notes-recipe-label{margin:0;color:#cacdd3;font-family:var(--font-interface);font-size:12px;font-weight:400;letter-spacing:2px;line-height:normal;text-transform:uppercase;white-space:nowrap}.component-lab-study-notes-recipe-slots{display:flex;justify-content:space-between}.component-lab-study-notes-recipe-slot{box-sizing:border-box;width:24px;height:24px;flex:0 0 auto;border:0;border-radius:50%;background:radial-gradient(circle at 32% -8%,rgba(255,255,255,.4) 0,rgba(255,255,255,.18) 46%,rgba(0,0,0,.16) 100%),var(--recipe-slot-color,currentColor)}.component-lab-study-notes-recipe-slot:not(.filled){background:#0f1115;box-shadow:inset 0 1px 5px rgba(0,0,0,1)}.component-lab-restoration-area{display:grid;box-sizing:border-box;width:var(--component-max-width);height:132px;overflow:hidden;padding:20px;grid-template-rows:50px 28px;grid-row-gap:14px;row-gap:14px;border-radius:10px;background:#1d1f29;color:#cacdd3}.component-lab-restoration-area-evaluating{height:auto;grid-template-rows:auto auto;row-gap:20px}.component-lab-restoration-evaluating-label{margin:0;color:#cacdd3;font-family:var(--font-interface);font-size:10px;font-weight:500;letter-spacing:2px;line-height:normal;text-align:center;text-transform:uppercase;white-space:nowrap}.component-lab-progress{position:relative;display:block;width:100%;height:3px;overflow:hidden;border-radius:2px;background:#fbf8f5}.component-lab-progress span{position:absolute;inset:0 auto 0 0;width:100%;border-radius:inherit;background:#ff6f6f;transform:scaleX(var(--component-lab-progress-value,0));transform-origin:left center}.component-lab-restoration-evaluating-progress span{transform:scaleX(0);animation:restoration-evaluation-progress 2.5s linear forwards}@media (prefers-reduced-motion:reduce){.component-lab-restoration-evaluating-progress span{animation:none;transform:scaleX(1)}}@keyframes restoration-evaluation-progress{to{transform:scaleX(1)}}.component-lab-restoration-samples{display:flex;align-items:center;justify-content:center;gap:12px}.component-lab-restoration-label{margin:0;color:#cacdd3;font-family:var(--font-interface);font-size:12px;font-weight:600;letter-spacing:2px;line-height:normal;text-transform:uppercase;white-space:nowrap}.component-lab-restoration-sample{width:50px;height:50px;flex:0 0 auto;border-radius:50%;background-image:radial-gradient(circle at 32% -8%,rgba(255,255,255,.4) 0,rgba(255,255,255,.18) 46%,rgba(0,0,0,.16) 100%);box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.component-lab-restoration-sample[data-empty=true]{background:#0f1115;background-image:none;box-shadow:inset 0 1px 5px rgba(0,0,0,1)}.component-lab-restoration-action-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.component-lab-restoration-action-row[data-button-only=true],.component-lab-restoration-action-row[data-empty=true]{justify-content:center}.component-lab-restoration-prompt{margin:0;color:#ff6f6f;font-family:var(--font-interface);font-size:10px;font-weight:500;letter-spacing:2px;line-height:normal;text-transform:uppercase;white-space:nowrap}.component-lab-share-card-section{display:grid;width:var(--component-max-width);grid-gap:24px;gap:24px;margin-top:24px;justify-items:center}.share-sandbox{display:grid;min-height:100vh;padding:32px 16px;place-items:center;background:#1d1f29}.share-sandbox-grid{display:flex;max-width:100%;align-items:flex-start;justify-content:center;gap:32px}@media (max-width:900px){.share-sandbox{place-items:start center}.share-sandbox-grid{overflow-x:auto;justify-content:start;padding:0 16px 16px}}@keyframes masterstroke-glow-pulse{0%,to{opacity:.84;transform:scale(.985)}50%{opacity:1;transform:scale(1.025)}}@media (prefers-reduced-motion:reduce){.component-lab-result-masterstroke-swatch-glow,.component-lab-result-masterstroke-swatch-glow-outer{animation:none}}