@font-face{font-family:Rethink Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rethink-sans-latin-ext-400-normal-CKCYXmoY.woff2)format("woff2"),url(/assets/rethink-sans-latin-ext-400-normal-GA6tuHUS.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rethink Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rethink-sans-latin-400-normal-C2CrhZJ2.woff2)format("woff2"),url(/assets/rethink-sans-latin-400-normal-GBpUDrx9.woff)format("woff");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:Rethink Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rethink-sans-latin-ext-500-normal-BSEfT4q0.woff2)format("woff2"),url(/assets/rethink-sans-latin-ext-500-normal-B_sqLJD7.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rethink Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rethink-sans-latin-500-normal-CZnVlKuG.woff2)format("woff2"),url(/assets/rethink-sans-latin-500-normal-gm3zvsp9.woff)format("woff");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:Spectral;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/spectral-cyrillic-ext-300-normal-DxJ0BlAb.woff2)format("woff2"),url(/assets/spectral-cyrillic-ext-300-normal-Dew-0mlA.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/spectral-cyrillic-300-normal-TT4edCfe.woff2)format("woff2"),url(/assets/spectral-cyrillic-300-normal-6o5Qi3HZ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/spectral-vietnamese-300-normal-Do0NpIVl.woff2)format("woff2"),url(/assets/spectral-vietnamese-300-normal-dynA_pMh.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/spectral-latin-ext-300-normal-B2IMUBX5.woff2)format("woff2"),url(/assets/spectral-latin-ext-300-normal-BIyTyIW_.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/spectral-latin-300-normal-Csl9mA3s.woff2)format("woff2"),url(/assets/spectral-latin-300-normal-BMSND_f1.woff)format("woff");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}:root{--layer-1:#fff8f0;--background:#ede6de;--foreground:#fffdfa;--text-primary:#1b2323;--text-secondary:#59554b;--text-tertiary:#827a64;--text-disabled:#adaba5;--secondary-action:#575040;--dark-blue:#096694;--accent:#0095cc;--font-heading:"Rethink Sans", system-ui, sans-serif;--font-body:"Spectral", Georgia, serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--dur-quick:.16s;--dur-flash:.18s;--dur-base:.22s;--ease-snap:cubic-bezier(.22, 1, .36, 1);--ease-snap-in:cubic-bezier(.64, 0, .78, 0);--ease-snap-overshoot:cubic-bezier(.22, 1.35, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text-primary);font-family:var(--font-body);background:#d9d2c8;justify-content:center;align-items:center;min-height:100svh;display:flex}#root{justify-content:center;align-items:center;width:100%;min-height:100svh;display:flex}p{margin:0}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.text-heading-5{font-family:var(--font-heading);letter-spacing:0;font-size:32px;font-weight:400;line-height:1.3}.text-heading-4{font-family:var(--font-heading);letter-spacing:0;font-size:24px;font-weight:500;line-height:1.3}.text-heading-2{font-family:var(--font-heading);letter-spacing:0;font-size:20px;font-weight:500;line-height:1.3}.text-heading-1{font-family:var(--font-heading);letter-spacing:-.14px;font-size:14px;font-weight:500;line-height:1}.text-body-2{font-family:var(--font-body);letter-spacing:0;font-size:16px;font-weight:300;line-height:1.5}.text-body-1,.text-label-2{font-family:var(--font-body);letter-spacing:0;font-size:14px;font-weight:300;line-height:1.5}.text-label-1{font-family:var(--font-body);letter-spacing:0;font-size:12px;font-weight:300;line-height:1.4}.app-shell{--shell-pad:32px;width:100%;min-height:100svh;padding:var(--shell-pad) 16px;justify-content:center;align-items:center;display:flex}.app-screen{background:var(--layer-1);border-radius:40px;flex-direction:column;width:393px;height:852px;max-height:calc(100svh - 64px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #1b232359,0 0 0 10px #16130f}.app-header,.header-action{display:none}.app-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.app-body>.screen{flex:1;min-height:0}@media (width<=460px){.app-shell{--shell-pad:0px;padding:0}.app-screen{width:100%;height:100svh;max-height:none;box-shadow:none;border-radius:0}}@media (width>=64rem){.app-shell{--shell-pad:clamp(16px, 2.5vw, 48px);padding:var(--shell-pad);justify-content:center;align-items:center}.app-screen{width:min(1280px,100%);height:min(832px, calc(100svh - 2 * var(--shell-pad)));border-radius:24px;grid-template:"header action""body body"minmax(0,1fr)/minmax(0,1fr) auto;max-height:none;margin-inline:auto;display:grid;overflow:hidden;box-shadow:0 24px 48px -20px #1b232347}.app-header{grid-area:header;padding:32px 24px 0 32px;display:block}.app-header h1{font-family:var(--font-heading);font-size:32px;font-weight:400;line-height:34px}.app-header .text-label-1{max-width:329px;margin-top:12px;line-height:1.5}.header-action{background:var(--secondary-action);width:131px;height:48px;color:var(--foreground);border-radius:16px;grid-area:action;justify-content:center;align-self:start;align-items:center;gap:8px;margin:32px 32px 0 0;padding:4px 12px;display:inline-flex}.header-action--back{background:var(--background);color:var(--text-secondary)}.header-action:focus-visible{outline:2px solid var(--dark-blue);outline-offset:2px}.header-action:not(.header-action--back) svg rect,.header-action:not(.header-action--back) svg path{fill:var(--foreground)}.header-action:not(.header-action--back) svg circle{stroke:var(--secondary-action)}.bottom-nav{display:none}.app-body{grid-area:body;min-height:0}.screen .header{display:none}.screen__content{flex-direction:column;min-height:0;padding:48px 32px 32px;display:flex;overflow:hidden}.list-swap{flex:1;min-height:0}.list-swap__filled,.list-swap__filled.is-split{height:100%;min-height:0}.empty-card{margin-inline:auto;max-width:420px;margin-top:48px}.empty-card__copy{max-width:280px}.list-swap__filled.is-split{grid-template-columns:minmax(0,428px) minmax(24px,1fr) 265px;align-items:start;gap:0;display:grid}.swatch-split__collection{flex-direction:column;grid-column:1;min-width:0;max-width:none;height:100%;min-height:0;display:flex}.swatch-split__panel{grid-column:3;padding-top:97px;position:relative;top:auto}.swatch-list-toolbar{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px;min-height:0;margin-top:0;margin-bottom:25px}.swatch-list-heading{letter-spacing:0;font-size:20px;line-height:16px}.swatch-orbit{aspect-ratio:1;flex:auto;align-self:start;width:min(428px,100%);min-height:0;max-height:min(428px,100%);margin:0;position:relative}.swatch-orbit__viewport{height:100%;overflow:visible}.swatch-orbit__viewport.is-zoomed{overflow:hidden}.swatch-orbit__hint{display:none}.swatch-orbit__toolbar{pointer-events:none;margin:0;padding:0 8px;position:absolute;bottom:8px;left:0;right:0}.swatch-orbit__zoom{pointer-events:auto}.swatch-list{flex:1;min-height:0;overflow-y:auto}.screen--camera{padding:32px}.screen--camera .camera-viewport{--capture-card-top:37%;--capture-card-height:112px;border-radius:0}.screen--camera .capture-card{width:329px;height:112px;margin-left:-164.5px;left:50%;right:auto}}.screen{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.screen__content{flex:1;min-height:0;padding:32px 32px 24px;overflow-y:auto}.header .text-heading-4{line-height:26px}.header .text-label-1{margin-top:16px;line-height:14px}.list-swap{display:grid}.list-swap__empty,.list-swap__filled{grid-area:1/1}.list-swap__empty{z-index:1}.empty-card{background:var(--background);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:16px;margin-top:64px;padding:56px 24px;display:flex}.empty-card.is-exiting{animation:emptyOut var(--dur-flash) var(--ease-snap-in) both;pointer-events:none}.empty-card.is-entering{animation:emptyIn var(--dur-flash) var(--ease-snap) both}.empty-card__copy{color:var(--text-secondary);text-align:center;max-width:212px}@keyframes emptyOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes emptyIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.swatch-list-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:32px;margin-top:48px;margin-bottom:8px;display:flex}.swatch-list-heading{color:var(--text-secondary);margin:0}.swatch-list-toolbar.is-entering,.swatch-row-slot.is-entering{animation:fadeUpIn var(--dur-base) var(--ease-snap) both}.view-switcher{background:var(--background);border-radius:8px;flex-shrink:0;width:80px;height:32px;display:flex;position:relative;overflow:hidden}.view-switcher__pill{background:var(--layer-1);pointer-events:none;width:37px;height:28px;transition:transform var(--dur-base) var(--ease-snap);border-radius:8px;position:absolute;top:2px;left:2px}.view-switcher__pill.is-list{transform:translate(39px)}.view-switcher__tab{z-index:1;color:var(--secondary-action);flex:1;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.view-switcher__tab:focus-visible{outline:2px solid var(--dark-blue);outline-offset:-2px;border-radius:8px}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.swatch-list{flex-direction:column;display:flex}.swatch-row-slot{opacity:1;max-height:56px;transition:max-height var(--dur-flash) var(--ease-snap-in), opacity var(--dur-flash) var(--ease-snap-in)}.swatch-row-slot.is-exiting{opacity:0;pointer-events:none;max-height:0;overflow:hidden}.swatch-row{border-bottom:1px solid var(--background);align-items:center;display:flex}.swatch-row.is-selected{background:color-mix(in srgb, var(--background) 85%, transparent)}.swatch-row-slot.is-exiting>.swatch-row{border-bottom-width:0}.swatch-row__body{text-align:left;min-height:44px;transition:padding var(--dur-flash) var(--ease-snap-in);flex:1;align-items:center;gap:16px;padding:12px 0;display:flex}.swatch-row-slot.is-exiting .swatch-row__body{min-height:0;padding-top:0;padding-bottom:0}.swatch-row__chip{border-radius:6px;flex-shrink:0;width:32px;height:32px}.swatch-row__bookmark{opacity:0;width:44px;height:44px;transition:opacity var(--dur-quick) var(--ease-snap);flex-shrink:0;justify-content:center;align-items:center;display:flex}.swatch-row:hover .swatch-row__bookmark,.swatch-row:focus-within .swatch-row__bookmark{opacity:1}.swatch-row__body:focus-visible,.swatch-row__bookmark:focus-visible{outline:2px solid var(--dark-blue);outline-offset:2px;border-radius:6px}.copy-confirm{color:var(--text-primary);display:inline-block;position:relative}.copy-confirm__hex{white-space:nowrap;transition:opacity var(--dur-quick) var(--ease-snap)}.copy-confirm__copied{white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-quick) var(--ease-snap-in);position:absolute;top:0;left:0}.copy-confirm.is-copied .copy-confirm__hex{opacity:0;transition-timing-function:var(--ease-snap-in)}.copy-confirm.is-copied .copy-confirm__copied{opacity:1;transition-timing-function:var(--ease-snap)}.copy-swap{display:inline-block;position:relative}.copy-swap__hex{white-space:nowrap;transition:opacity var(--dur-quick) var(--ease-snap);display:block}.copy-swap__copied{z-index:1;white-space:nowrap;opacity:0;transition:opacity var(--dur-quick) var(--ease-snap-in);align-items:center;display:flex;position:absolute;top:0;left:0}.copy-swap__copied:before{content:"";background:var(--layer-1);z-index:-1;border-radius:3px;position:absolute;inset:-4px -6px}.copy-swap.is-copied .copy-swap__hex{opacity:0;transition-timing-function:var(--ease-snap-in)}.copy-swap.is-copied .copy-swap__copied{opacity:1;transition-timing-function:var(--ease-snap)}.bookmark-pop{transform-origin:50%;display:flex}.bookmark-pop.is-saving{animation:bookmarkSave var(--dur-quick) var(--ease-snap)}.bookmark-pop.is-unsaving{animation:bookmarkUnsave var(--dur-quick) var(--ease-snap-in)}@keyframes bookmarkSave{0%{transform:scale(.86)}55%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes bookmarkUnsave{0%{transform:scale(1)}45%{transform:scale(.92)}to{transform:scale(1)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bottom-nav{--nav-btn-w:84px;--nav-btn-h:48px;--nav-gap:20px;padding:8px 24px calc(env(safe-area-inset-bottom,0px) + 8px);background:var(--foreground);flex-shrink:0;justify-content:center;align-items:center;display:flex}.bottom-nav__cluster{align-items:center;gap:var(--nav-gap);display:flex;position:relative}.bottom-nav__indicator{width:var(--nav-btn-w);height:var(--nav-btn-h);background:var(--background);pointer-events:none;z-index:0;border-radius:12px;position:absolute;top:0;left:0}.bottom-nav__indicator.is-ready{transition:transform calc(var(--dur-base) + var(--dur-quick) / 2) var(--ease-snap-overshoot)}.bottom-nav__button{z-index:1;width:var(--nav-btn-w);height:var(--nav-btn-h);background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.bottom-nav__label{color:var(--text-secondary)}.bottom-nav__button:focus-visible{outline:2px solid var(--dark-blue);outline-offset:2px}.camera-viewport{--capture-card-top:32%;--capture-card-height:114px;--chip-loader-height:36px;--chip-clearance:48px;--chip-stack-gap:32px;--chip-0-left:50%;--chip-0-top:calc(var(--capture-card-top) * .28);--chip-1-left:32px;--chip-1-top:calc(var(--chip-0-top) + var(--chip-loader-height) + var(--chip-stack-gap));--chip-2-left:50%;--chip-2-top:max(78%, calc(var(--capture-card-top) + var(--capture-card-height) + var(--chip-clearance) + var(--chip-loader-height) / 2));background:linear-gradient(#2a2622 0%,#1b1815 100%);flex:1;position:relative;overflow:hidden}.capture-chip{z-index:2;border-radius:8px;align-items:center;gap:12px;display:flex;position:absolute}.capture-chip--center{translate:-50% -50%}.capture-chip--left{translate:0 -50%}.capture-chip.is-gated{opacity:0;transition:opacity var(--dur-quick) var(--ease-snap-in), scale var(--dur-quick) var(--ease-snap-in);scale:.98}.capture-chip.is-gated.is-entered{opacity:1;transition-timing-function:var(--ease-snap);scale:1}.capture-chip--loader{width:175px;height:var(--chip-loader-height,36px);pointer-events:none;background:#fff8f0a8;padding:0 12px}.capture-chip--swatch{background:var(--layer-1);touch-action:none;min-width:150px;padding:8px;box-shadow:0 4px 16px #1b23232e}.capture-chip.is-draggable{cursor:grab}.capture-chip.is-dragging,.capture-chip.is-dragging button{cursor:grabbing}.capture-chip.is-dragging{z-index:5;box-shadow:0 8px 24px #1b232347}.capture-chip__copy{text-align:left;flex:1;align-items:center;gap:12px;padding:0;display:flex}.capture-chip__copy:disabled{opacity:1;cursor:default}.capture-chip__square{width:20px;height:20px;transition:background-color var(--dur-quick) var(--ease-snap), border-color var(--dur-quick) var(--ease-snap);background:0 0;border:1.5px solid #827a6466;border-radius:4px;flex-shrink:0}.capture-chip__square.is-filled{border-color:#0000}.capture-chip__code{align-items:center;min-height:18px;display:flex;position:relative}.capture-chip__hex{opacity:0;transition:opacity var(--dur-quick) var(--ease-snap);pointer-events:none;position:absolute;top:50%;left:0;translate:0 -50%}.capture-chip__hex.is-on{opacity:1}.capture-chip.is-landed .scramble-code{opacity:0}.capture-chip__save{opacity:0;min-width:32px;min-height:32px;transition:opacity var(--dur-quick) var(--ease-snap);justify-content:center;align-items:center;margin-left:auto;padding:4px;display:flex}.capture-chip.is-landed .capture-chip__save{opacity:1}.capture-chip.is-copied.is-landed .capture-chip__save{opacity:0;pointer-events:none;transition:opacity var(--dur-quick) var(--ease-snap) calc(var(--dur-quick) / 2)}.capture-chip__copy:focus-visible,.capture-chip__save:focus-visible{outline:2px solid var(--dark-blue);outline-offset:2px;border-radius:6px}.capture-chip--sizer{visibility:hidden;pointer-events:none;z-index:0;position:absolute;top:0;left:0;translate:none}.switch-camera-btn{z-index:3;background:#fff8f0a8;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;bottom:32px;right:32px;box-shadow:0 4px 16px #1b23232e}.switch-camera-btn:focus-visible{outline:2px solid var(--dark-blue);outline-offset:2px}.switch-camera-btn:disabled{cursor:default;pointer-events:none}.upload-photo-btn{z-index:3;width:48px;height:48px;color:var(--text-secondary);background:#fff8f0a8;border-radius:50%;justify-content:center;align-items:center;gap:8px;padding:0;display:flex;position:absolute;bottom:32px;left:32px;box-shadow:0 4px 16px #1b23232e}.upload-photo-btn__label{display:none}.upload-photo-btn:focus-visible{outline:2px solid var(--dark-blue);outline-offset:2px}.upload-photo-btn:disabled{cursor:default;pointer-events:none;color:var(--text-disabled)}@media (width>=64rem){.upload-photo-btn{border-radius:24px;width:auto;padding:0 16px 0 14px}.upload-photo-btn__label{display:inline}}.switch-camera-icon{color:#59554b;transition:color var(--dur-quick) var(--ease-snap), transform var(--dur-base) var(--ease-snap);display:flex}.switch-camera-icon.is-disabled{color:#adaba5}.scramble-code{height:18px;font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.5px;-webkit-user-select:none;user-select:none;transition:opacity var(--dur-quick) var(--ease-snap);align-items:center;gap:1px;font-size:13px;font-weight:500;line-height:18px;display:flex}.scramble-code__hash{opacity:.5;margin-right:1px}.scramble-code.is-empty{opacity:.55}.scramble-em{text-align:center;width:9px;display:inline-block}.scramble-reel{width:9px;height:18px;display:inline-block;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 32% 68%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 32% 68%,#0000 100%)}.scramble-reel__col{will-change:transform;flex-direction:column;align-items:center;display:flex;transform:translateY(0)}.scramble-reel__glyph{text-align:center;height:18px;line-height:18px}.scramble-code.is-rolling .scramble-reel__col{animation-name:reelRoll;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes reelRoll{to{transform:translateY(-50%)}}.camera-viewport{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;transform-origin:50%}.focus-reticle{pointer-events:none;z-index:4;width:72px;height:72px;animation:focusReticle 1.05s var(--ease-snap) both;border:2px solid #fff8f0f2;border-radius:8px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #1b232347}.focus-reticle.is-reduced{animation-name:focusReticleReduced}@keyframes focusReticle{0%{opacity:0;transform:translate(-50%,-50%)scale(1.28)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}72%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.96)}}@keyframes focusReticleReduced{0%,70%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}.camera-feed-layer{transform-origin:50%;transition:opacity calc(var(--dur-quick) * 5 / 8) var(--ease-snap);position:absolute;inset:0}.camera-feed-layer.is-faded{opacity:0;transition-timing-function:var(--ease-snap-in)}.camera-feed-layer.is-hidden{display:none}.camera-feed,.camera-frame{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.camera-switch-freeze{z-index:1;opacity:0;pointer-events:none}.camera-switch-freeze.is-on{opacity:1}.camera-feed.is-hidden,.camera-frame.is-hidden{display:none}.camera-frame.is-releasing{opacity:0;transition:opacity var(--dur-base) var(--ease-snap)}.capture-card{left:32px;right:32px;top:var(--capture-card-top);height:var(--capture-card-height);-webkit-backdrop-filter:blur(2px);z-index:1;transition:opacity var(--dur-flash) var(--ease-snap), transform var(--dur-flash) var(--ease-snap), visibility var(--dur-flash) var(--ease-snap);background:#fff8f057;border:1px solid #fff8f08c;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;overflow:visible}.capture-card.is-exiting{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.98)}.capture-card--live{-webkit-backdrop-filter:none;background:0 0;border:none}.capture-card__press{border-radius:inherit;-webkit-backdrop-filter:blur(2px);transition:transform var(--dur-quick) var(--ease-snap);background:#fff8f057;border:1px solid #fff8f08c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:visible;transform:scale(1)}.capture-card__press.is-pressed{transition-duration:calc(var(--dur-quick) / 2);transform:scale(.985)}.capture-card__glow{border-radius:inherit;opacity:0;pointer-events:none;z-index:0;background:#fff1e2;position:absolute;inset:0;overflow:hidden}.capture-card__ring{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.capture-card__ring-stroke{fill:none;stroke:var(--layer-1);stroke-width:2px;vector-effect:non-scaling-stroke;width:calc(100% - 2px);height:calc(100% - 2px)}@keyframes heartbeat{0%,to{opacity:.2}12%{opacity:.5}24%{opacity:.28}36%{opacity:.46}50%{opacity:.2}}.capture-card__glow.is-pulsing{animation:1.95s ease-in-out infinite heartbeat}.capture-card__label{z-index:2;font-family:var(--font-body);color:var(--text-primary);text-align:center;text-shadow:0 0 5px #fff7dc80;transition:color var(--dur-flash) var(--ease-snap), text-shadow var(--dur-flash) var(--ease-snap);padding:0 20px;font-size:16px;font-weight:300;line-height:1.5;position:relative}.capture-card__swap{display:block}.capture-card__swap.is-out{position:absolute;top:0;left:20px;right:20px}.capture-card__label.is-swapping .capture-card__swap.is-in{animation:labelIn var(--dur-flash) var(--ease-snap) both}.capture-card__label.is-swapping .capture-card__swap.is-out{animation:labelOut var(--dur-flash) var(--ease-snap) both}@keyframes labelIn{0%{opacity:0}to{opacity:1}}@keyframes labelOut{0%{opacity:1}to{opacity:0}}.camera-viewport.is-dark-feed .capture-card__label{color:var(--layer-1);text-shadow:0 0 6px #1b23238c}.capture-card--error{cursor:pointer}.capture-card--message{height:auto;min-height:var(--capture-card-height);flex-direction:column;gap:4px;padding:16px 8px}.capture-card__hint{z-index:2;color:var(--text-primary);text-align:center;text-shadow:0 0 5px #fff7dc80;opacity:.82;margin:0;padding:0 20px;position:relative}.capture-card--error:focus-visible,.retake-btn:focus-visible{outline:2px solid var(--dark-blue);outline-offset:2px}.capture-flash{opacity:0;pointer-events:none;z-index:4;background:#fff;position:absolute;inset:0}.retake-btn{color:var(--layer-1);text-shadow:0 1px 6px #1b232359;z-index:3;pointer-events:none;background:0 0;padding:8px 4px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.retake-btn--enter{animation:retakeIn var(--dur-flash) var(--ease-snap) both;animation-delay:calc(var(--dur-base) + .12s)}@keyframes retakeIn{0%{opacity:0}to{opacity:1}}.retake-btn--exit{animation:retakeOut var(--dur-flash) var(--ease-snap) both;pointer-events:none}@keyframes retakeOut{0%{opacity:1}to{opacity:0}}.capture-toast-layer{pointer-events:none;z-index:5;justify-content:center;display:flex;position:absolute;bottom:12px;left:0;right:0}.capture-toast{background:var(--text-primary);color:var(--layer-1);animation:toastIn var(--dur-quick) var(--ease-snap) both;border-radius:32px;padding:8px 16px;box-shadow:0 4px 16px #1b232347}.capture-toast.is-exiting{animation:toastOut var(--dur-flash) var(--ease-snap) both}.capture-toast.is-reduced{animation-name:toastFadeIn}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastFadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.capture-card,.capture-card.is-exiting,.capture-card__press,.capture-card__press.is-pressed,.camera-frame.is-releasing,.capture-chip__square,.capture-chip__hex,.capture-chip__save,.copy-swap__hex,.copy-swap__copied,.copy-confirm__hex,.copy-confirm__copied,.scramble-code,.bottom-nav__indicator,.bottom-nav__indicator.is-ready,.capture-chip.is-gated,.capture-chip.is-gated.is-entered{transition:none}.capture-chip.is-gated.is-entered{opacity:1;scale:1}.retake-btn--enter,.retake-btn--exit,.bookmark-pop.is-saving,.bookmark-pop.is-unsaving,.capture-card__label.is-swapping .capture-card__swap.is-in,.capture-card__label.is-swapping .capture-card__swap.is-out{animation:none}.capture-toast,.capture-toast.is-exiting{animation-duration:var(--dur-quick)}.capture-toast{animation-name:toastFadeIn}.capture-toast.is-exiting{animation-name:toastOut;animation-duration:var(--dur-flash)}.empty-card.is-exiting,.empty-card.is-entering,.swatch-list-heading.is-entering,.swatch-row-slot.is-entering{animation:none}.swatch-row-slot,.swatch-row-slot.is-exiting,.swatch-row-slot.is-exiting .swatch-row__body,.swatch-row__body,.camera-feed-layer,.camera-feed-layer.is-faded{transition:none}.switch-camera-icon{transition:color var(--dur-quick) var(--ease-snap)}.focus-reticle{animation-name:focusReticleReduced}.capture-card__glow{display:none}.scramble-code.is-rolling .scramble-reel__col{animation:none}}.swatch-orbit{margin:12px -24px 0;container-type:inline-size}.swatch-orbit.is-entering{animation:fadeUpIn var(--dur-base) var(--ease-snap) both}.swatch-orbit__viewport{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100cqw;position:relative;overflow:hidden}.swatch-orbit__viewport.is-zoomed{touch-action:none;cursor:grab}.swatch-orbit__viewport.is-zoomed:active{cursor:grabbing}.swatch-orbit__layer{transform-origin:50%;will-change:transform;position:absolute;inset:0}.swatch-orbit__stage{aspect-ratio:1;width:100cqw;position:absolute;top:0;left:0;container-type:inline-size}.swatch-orbit__spin{transform:rotate(var(--spin,0deg));position:absolute;inset:0}.swatch-orbit__wheel{background:radial-gradient(circle, transparent 0%, transparent 72%, color-mix(in srgb, var(--text-primary) 22%, transparent) 100%), radial-gradient(circle, var(--foreground) 0%, color-mix(in srgb, var(--foreground) 55%, transparent) 30%, transparent 66%), conic-gradient(from 0deg, #dd5f5f, #db9957, #d4d454, #8ac44f, #43b143, #43b17a, #43b1b1, #4f8ac4, #5959cf, #945ec9, #cf59cf, #d65c99, #dd5f5f);width:100%;height:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text-primary) 14%, transparent);border-radius:50%;margin:auto;position:absolute;inset:0}.swatch-orbit__tick{width:0;height:0;transform:rotate(calc(var(--tick-hue) * 1deg - 90deg)) translateX(46cqw);position:absolute;top:50%;left:50%}.swatch-orbit__tick span{transform:translate(-50%, -50%) rotate(calc(-1 * (var(--tick-hue) * 1deg - 90deg) - var(--spin,0deg))) scale(calc(1 / var(--zoom,1)));font-family:var(--font-heading);letter-spacing:.06em;color:var(--text-tertiary);background:var(--layer-1);border-radius:4px;padding:1px 4px;font-size:10px;font-weight:500;position:absolute;top:0;left:0}.swatch-orbit__hub{background:radial-gradient(circle at 35% 30%, var(--foreground), var(--layer-1));width:26cqw;min-width:72px;height:26cqw;min-height:72px;box-shadow:0 0 0 1px color-mix(in srgb, var(--text-primary) 14%, transparent);pointer-events:none;transform:scale(calc(1 / var(--zoom,1)));border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:auto;display:flex;position:absolute;inset:0}.swatch-orbit__hub-count{font-family:var(--font-heading);font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:28px;font-weight:500;line-height:1}.swatch-orbit__hub-label{font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:500}.swatch-orbit__node{width:0;height:0;transform:rotate(calc(var(--hue) * 1deg - 90deg)) translateX(var(--radius));position:absolute;top:50%;left:50%}.swatch-orbit__viewport.is-ready .swatch-orbit__node{transition:transform var(--dur-base) var(--ease-snap)}.swatch-orbit__chip{width:max(44px,clamp(22px,11cqw,36px));height:max(44px,clamp(22px,11cqw,36px));transform:translate(-50%, -50%) rotate(calc(-1 * (var(--hue) * 1deg - 90deg) - var(--spin,0deg))) scale(calc(1 / var(--zoom,1)));appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;left:0}.swatch-orbit__chip-dot{background:var(--hex);width:clamp(22px,11cqw,36px);height:clamp(22px,11cqw,36px);box-shadow:0 0 0 1px var(--layer-1), 0 1px 2px color-mix(in srgb, var(--text-primary) 18%, transparent), 0 4px 10px color-mix(in srgb, var(--text-primary) 10%, transparent);transition:box-shadow var(--dur-base) var(--ease-snap), transform var(--dur-quick) var(--ease-snap);border-radius:28%;display:block}.swatch-orbit__chip:hover .swatch-orbit__chip-dot,.swatch-orbit__chip:focus-visible .swatch-orbit__chip-dot,.swatch-orbit__chip.is-active .swatch-orbit__chip-dot{box-shadow:0 0 0 1px var(--layer-1), 0 0 0 3px var(--accent), 0 1px 2px color-mix(in srgb, var(--text-primary) 18%, transparent)}.swatch-orbit__chip:focus-visible{outline:none}.swatch-orbit__chip:active .swatch-orbit__chip-dot{transform:scale(.9)}.swatch-orbit.is-focused .swatch-orbit__hub,.swatch-orbit.is-focused .swatch-orbit__tick{opacity:0;transition:opacity var(--dur-base) var(--ease-snap)}.swatch-orbit.is-focused .swatch-orbit__chip{opacity:.35;pointer-events:none;transition:opacity var(--dur-base) var(--ease-snap)}.swatch-orbit.is-focused .swatch-orbit__chip.is-active{opacity:0}.swatch-orbit.is-focused .swatch-orbit__toolbar{opacity:0;pointer-events:none}.swatch-orbit.is-focused .swatch-orbit__wheel{filter:saturate(.85)brightness(.92)}.swatch-orbit__toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 32px 0;display:flex}.swatch-orbit__hint{color:var(--text-tertiary)}.swatch-orbit__reset{min-height:44px;color:var(--dark-blue);padding:0}.swatch-orbit__reset:focus-visible,.swatch-orbit__zoom-btn:focus-visible{outline:2px solid var(--dark-blue);outline-offset:2px}.swatch-orbit__zoom{flex-shrink:0;gap:8px;display:flex}.swatch-orbit__zoom-btn{background:var(--background);width:44px;height:44px;color:var(--secondary-action);font-family:var(--font-heading);transition:opacity var(--dur-quick) var(--ease-snap);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:500;line-height:1;display:flex}.swatch-orbit__zoom-btn:disabled{opacity:.4;cursor:default}.swatch-orbit__scrim{background:color-mix(in srgb, var(--text-primary) 18%, transparent);animation:orbitScrimIn var(--dur-base) linear both;z-index:6;position:absolute;inset:0}.swatch-orbit__scrim.is-exiting{animation:orbitScrimOut var(--dur-flash) linear both}@keyframes orbitScrimIn{0%{opacity:0}to{opacity:1}}@keyframes orbitScrimOut{0%{opacity:1}to{opacity:0}}.swatch-focus-card{z-index:8;background:var(--layer-1);box-shadow:0 8px 28px color-mix(in srgb, var(--text-primary) 22%, transparent);transition:top var(--dur-base) var(--ease-snap), left var(--dur-base) var(--ease-snap), width var(--dur-base) var(--ease-snap), height var(--dur-base) var(--ease-snap), border-radius var(--dur-base) var(--ease-snap);border-radius:28%;flex-direction:column;display:flex;position:absolute;overflow:hidden}.swatch-focus-card.is-expanded{border-radius:8px}.swatch-focus-card.is-panel{flex-shrink:0;width:265px;height:325px;position:relative}.swatch-panel-empty{background:var(--background);text-align:center;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;width:265px;height:325px;padding:24px;display:flex}.swatch-focus-card__color{min-height:0;transition:height var(--dur-base) var(--ease-snap), flex-basis var(--dur-base) var(--ease-snap), border-radius var(--dur-base) var(--ease-snap);flex:1}.swatch-focus-card.is-expanded .swatch-focus-card__color{border-radius:8px 8px 0 0;flex:none;height:190px}.swatch-focus-card__kicker,.swatch-focus-card__hex,.swatch-focus-card__icon,.swatch-focus-card__close{opacity:0;pointer-events:none;transition:opacity var(--dur-quick) var(--ease-snap)}.swatch-focus-card.is-expanded .swatch-focus-card__kicker,.swatch-focus-card.is-expanded .swatch-focus-card__hex,.swatch-focus-card.is-expanded .swatch-focus-card__icon,.swatch-focus-card.is-expanded .swatch-focus-card__close{opacity:1;pointer-events:auto}.swatch-focus-card__kicker{color:var(--text-tertiary);width:64px;margin:0;position:absolute;top:206px;left:16px}.swatch-focus-card__hex{color:var(--text-secondary);margin:0;position:absolute;top:228px;left:16px}.swatch-focus-card__icon{background:0 0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:206px}.swatch-focus-card__icon--copy{width:16px;height:16px;left:202px}.swatch-focus-card__icon--save{width:15px;height:20px;left:234px}.swatch-focus-card__close{color:var(--text-tertiary);border-radius:16px;min-height:26px;margin:0;padding:4px 8px;position:absolute;top:283px;left:16px}.swatch-focus-card__icon:focus-visible,.swatch-focus-card__close:focus-visible{outline:2px solid var(--dark-blue);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){.swatch-orbit.is-entering,.swatch-orbit__scrim,.swatch-orbit__scrim.is-exiting{animation:none}.swatch-orbit__viewport.is-ready .swatch-orbit__node,.swatch-orbit__chip-dot,.swatch-focus-card,.swatch-focus-card__color,.swatch-focus-card__kicker,.swatch-focus-card__hex,.swatch-focus-card__icon,.swatch-focus-card__close,.view-switcher__pill{transition:none}}@media (width>=64rem){.list-swap__filled.is-split .swatch-list-toolbar{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px;min-height:0;margin-top:0;margin-bottom:25px}.list-swap__filled.is-split .swatch-list-heading{letter-spacing:0;font-size:20px;line-height:1.3}.list-swap__filled.is-split .swatch-orbit{aspect-ratio:1;flex:1 1 0;align-self:start;width:auto;max-width:min(428px,100%);min-height:0;max-height:min(428px,100%);margin:0;position:relative}.list-swap__filled.is-split .swatch-orbit__viewport{height:100%;overflow:visible}.list-swap__filled.is-split .swatch-orbit__viewport.is-zoomed{overflow:hidden}.list-swap__filled.is-split .swatch-orbit__hint{display:none}.list-swap__filled.is-split .swatch-orbit__toolbar{pointer-events:none;margin:0;padding:0 8px;position:absolute;bottom:8px;left:0;right:0}.list-swap__filled.is-split .swatch-orbit__zoom{pointer-events:auto}.list-swap__filled.is-split .swatch-list{flex:1;min-height:0;overflow-y:auto}}