@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #fbfaf6;--paper-2: #f1efe8;--paper-3: #e6e3d9;--white: #ffffff;--ink: #16162a;--ink-2: rgba(22, 22, 42, .62);--ink-3: rgba(22, 22, 42, .38);--line: rgba(22, 22, 42, .1);--line-strong: rgba(22, 22, 42, .18);--tomato: #f0563a;--marigold: #f4b62b;--leaf: #2dae6c;--cobalt: #2e6be6;--plum: #7a5ae0;--bubblegum: #ef6aa6;--sky: #4fb3e8;--radius-sm: 14px;--radius: 24px;--radius-lg: 32px;--pill: 999px;--glass: rgba(255, 255, 255, .5);--glass-strong: rgba(255, 255, 255, .78);--glass-edge: rgba(255, 255, 255, .9);--glass-ring: rgba(22, 22, 42, .08);--glass-shadow: 0 10px 28px -10px rgba(22, 22, 42, .28), 0 1px 2px rgba(22, 22, 42, .05);--blur: blur(22px) saturate(170%);--shadow-sheet: 0 1px 0 rgba(22, 22, 42, .06), 0 10px 30px -12px rgba(22, 22, 42, .18);--shadow-float: 0 24px 48px -16px rgba(22, 22, 42, .28);--font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", "Avenir Next", "Helvetica Neue", sans-serif;--font-body: "DM Sans Variable", "DM Sans", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--tap: 56px;--gutter: max(20px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));--max: 1100px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--spring: cubic-bezier(.34, 1.4, .64, 1);--out: cubic-bezier(.22, 1, .36, 1)}@media(min-width:720px){:root{--gutter: max(32px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px))}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;color-scheme:light}body{margin:0;font-family:var(--font-body);font-size:17px;line-height:1.4;color:var(--ink);background:var(--paper);min-height:100dvh;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:manipulation;font-optical-sizing:auto}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(42% 32% at 12% 8%,rgba(240,86,58,.16),transparent 70%),radial-gradient(38% 30% at 88% 18%,rgba(46,107,230,.14),transparent 70%),radial-gradient(46% 34% at 55% 96%,rgba(244,182,43,.16),transparent 70%),radial-gradient(30% 24% at 92% 78%,rgba(122,90,224,.12),transparent 70%)}#root{min-height:100dvh}.glass{position:relative;isolation:isolate;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 -.5px #ffffff59,0 0 0 .5px var(--glass-ring),var(--glass-shadow)}.glass:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,#ffffff8c,#fff0 42%,#ffffff29);pointer-events:none}.glass--strong{background:var(--glass-strong)}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}a{color:inherit;text-decoration:none}input{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.display{font-family:var(--font-display);font-optical-sizing:auto;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:8px}.page{padding:0 var(--gutter) calc(32px + var(--safe-bottom));max-width:var(--max);margin:0 auto}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.lede{color:var(--ink-2);font-size:17px;font-weight:500;max-width:34ch}.press{transition:transform .18s var(--spring)}.press:active{transform:scale(.95);filter:brightness(1.04)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rise{animation:rise .36s var(--out) both}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.shake{animation:shake .42s ease}@keyframes pop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.pop{animation:pop .34s var(--spring) both}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--tap);padding:0 26px;border-radius:var(--pill);background:var(--ink);color:var(--paper);font-family:var(--font-display);font-optical-sizing:auto;font-size:18px;font-weight:700;letter-spacing:-.01em}.btn--accent{background:var(--accent, var(--cobalt));color:#fff}.btn--quiet{position:relative;isolation:isolate;background:var(--glass-strong);color:var(--ink);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 var(--glass-edge),0 0 0 .5px var(--glass-ring),var(--glass-shadow)}.btn--paper{background:var(--white);color:var(--ink);box-shadow:var(--shadow-sheet)}.iconBtn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--glass-strong);color:var(--ink);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 var(--glass-edge),0 0 0 .5px var(--glass-ring),var(--glass-shadow)}.iconBtn--armed{background:var(--tomato);color:#fff}@media(prefers-reduced-motion:reduce){*:not(.bp__bubble),*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.cbn__region--hint{animation:none!important}}@media(prefers-contrast:more){.glass,.iconBtn,.btn--quiet,.settings__group{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:1.5px solid var(--ink)}.glass:before{display:none}}.topbar{position:sticky;top:0;z-index:10;padding-top:var(--safe-top);pointer-events:none}.topbar__row>*{pointer-events:auto}.topbar__row{position:relative;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 calc(var(--gutter) - 6px);max-width:var(--max);margin:0 auto}.topbar__slot{display:flex;align-items:center;min-width:44px;gap:6px}.topbar__slot--right{justify-content:flex-end}.topbar__title{position:absolute;left:50%;transform:translate(-50%);font-size:17px;font-weight:700;white-space:nowrap;max-width:60%;overflow:hidden;text-overflow:ellipsis;height:42px;line-height:42px;padding:0 18px;border-radius:var(--pill)}.topbar__large{padding:4px var(--gutter) 10px;max-width:var(--max);margin:0 auto;display:grid;gap:6px}.topbar__display{font-size:clamp(34px,6vw,48px);font-weight:800;line-height:1.02}.wordmark{font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:8px;padding-left:6px}.wordmark__dot{width:10px;height:10px;border-radius:50%;background:var(--tomato);box-shadow:14px 0 0 var(--marigold),28px 0 0 var(--cobalt);margin-right:28px}.tile{--c: var(--cobalt);display:grid;gap:4px;min-width:0;align-content:start}.tile__block{position:relative;aspect-ratio:1;border-radius:var(--radius);background:var(--c);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #ffffff1a,inset 0 -18px 40px -20px #16162a47,0 14px 28px -14px color-mix(in srgb,var(--c) 70%,transparent)}.tile__block:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 15% 0%,rgba(255,255,255,.28),transparent 55%);pointer-events:none}.tile__glyph{color:#fff;filter:drop-shadow(0 3px 0 rgba(22,22,42,.18))}.tile__title{margin-top:8px;font-family:var(--font-display);font-optical-sizing:auto;font-size:18px;font-weight:700;letter-spacing:-.015em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile__meta{font-size:13.5px;font-weight:500;line-height:1.3;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:2px var(--gutter) 6px;margin:0 calc(-1 * var(--gutter));-webkit-overflow-scrolling:touch;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.carousel__item{flex:0 0 clamp(136px,38vw,176px);min-width:0;scroll-snap-align:start}@media(min-width:860px){.carousel{gap:20px}.carousel__item{flex-basis:200px}}.home__hero{display:grid;gap:10px;padding:6px 0 10px}.home__title{font-size:clamp(40px,9vw,64px);font-weight:800;line-height:.98;letter-spacing:-.035em;max-width:14ch}.shelf{padding-top:30px}.shelf__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px}.shelf__name{display:flex;align-items:center;gap:10px;min-width:0}.shelf__name h2{font-size:24px;font-weight:800;letter-spacing:-.025em}.shelf__swatch{width:12px;height:12px;border-radius:50%;flex:none}.shelf__count{font-size:13px;font-weight:700;color:var(--ink-2);font-variant-numeric:tabular-nums;padding-top:3px}.shelf__more{display:inline-flex;align-items:center;gap:2px;font-weight:600;font-size:15px;color:var(--ink-2);min-height:44px;padding:0 4px 0 10px;white-space:nowrap}.tileGrid{display:grid;gap:22px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:560px){.tileGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}}@media(min-width:860px){.tileGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tileGrid__empty{color:var(--ink-2);font-weight:500;padding:40px 0}.pinpad{display:flex;flex-direction:column;align-items:center;padding:28px 0 8px;max-width:340px;margin:0 auto}.pinpad__lock{width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;margin-bottom:16px}.pinpad__title{font-size:28px;font-weight:800}.pinpad__subtitle{margin:6px 0 0;color:var(--ink-2);font-weight:500;font-size:15px;text-align:center}.pinpad__dots{display:flex;gap:18px;margin:28px 0 30px}.pinpad__dot{width:14px;height:14px;border-radius:50%;border:2.5px solid var(--ink);transition:background .12s ease,transform .16s var(--spring)}.pinpad__dot--on{background:var(--ink);transform:scale(1.15)}.pinpad__keys{display:grid;grid-template-columns:repeat(3,74px);gap:14px}.pinpad__key{width:74px;height:74px;border-radius:50%;font-family:var(--font-display);font-size:28px;font-weight:600;display:grid;place-items:center}.pinpad__key--ghost{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.pinpad__key--ghost:before{display:none}.pinpad__cancel{margin-top:26px;font-weight:600;font-size:16px;color:var(--ink-2);min-height:44px;padding:0 16px}.switch{width:52px;height:32px;border-radius:32px;background:var(--paper-3);position:relative;transition:background .2s ease;flex:none}.switch--on{background:var(--ink)}.switch__knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #16162a33;transition:transform .22s var(--out)}.switch--on .switch__knob{transform:translate(20px)}.settings__lock{font-weight:600;font-size:16px;color:var(--ink-2);min-height:44px;padding:0 10px}.settings__groupTitle{font-size:20px;font-weight:800;letter-spacing:-.02em;padding:28px 0 10px}.settings__hint{margin:-4px 0 12px}.settings__group+.settings__hint{margin-top:14px;font-size:14px;font-weight:500;color:var(--ink-2);max-width:48ch}.settings__group{background:var(--glass-strong);border-radius:18px;overflow:hidden;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 var(--glass-edge),0 0 0 .5px var(--glass-ring),var(--glass-shadow)}.settings__group+.settings__group{margin-top:12px}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 16px;width:100%;text-align:left}.settings__row+.settings__row{border-top:1px solid var(--line)}.settings__row--header{min-height:44px;background:#16162a0a}.settings__sectionName{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:15px}.settings__dot{width:10px;height:10px;border-radius:50%}.settings__row--button,.settings__row--toggle{width:100%}.settings__row--button:active,.settings__row--toggle:active{background:var(--paper-2)}.settings__label{display:flex;align-items:center;gap:12px;font-weight:600}.settings__label--danger{color:var(--tomato)}.settings__glyph{width:34px;height:34px;border-radius:10px;color:#fff;display:grid;place-items:center;flex:none}.settings__meta{display:block;font-size:12.5px;font-weight:500;color:var(--ink-2)}.settings__input{flex:1;text-align:right;border:0;background:transparent;font-weight:600;color:var(--cobalt);min-width:0;user-select:text;-webkit-user-select:text}.settings__input::placeholder{color:var(--ink-2);font-weight:500}.settings__chevron{color:var(--ink-3)}.settings__toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-bottom));transform:translate(-50%);background:var(--ink);color:var(--paper);font-weight:600;padding:12px 20px;border-radius:var(--pill);box-shadow:var(--shadow-float);z-index:30}