:root[data-vibe=warm] body,:root[data-vibe=warm] .page{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .15 0 0 0 0 .2 0 0 0 0 .14 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), var(--bg)}:root[data-vibe=warm] .kicker{font-family:var(--display);font-variation-settings:var(--display-axes);letter-spacing:0;text-transform:none;color:var(--accent);font-size:14px;font-weight:500}:root[data-vibe=warm] .kicker.light{color:color-mix(in srgb, var(--honey) 40%, #fff)}:root[data-vibe=warm] .li-ico{background:var(--soft);color:var(--moss);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--moss) 12%, transparent);border-radius:50%}:root[data-vibe=warm] .pick .lbl,:root[data-vibe=warm] .pick .walk{background:color-mix(in srgb, var(--cream) 88%, transparent)!important;color:var(--moss)!important}:root[data-vibe=warm] .tabs{background:var(--surface);border-top:1px solid color-mix(in srgb, var(--moss) 14%, transparent)}:root[data-vibe=warm] .tabs a[aria-current=page]{color:var(--accent)}:root[data-vibe=refined] .hero:after{border-radius:var(--r-sheet) var(--r-sheet) 0 0}:root[data-vibe=refined] .hero .shade{background:linear-gradient(#0000004d 0%,#0000 30%,#0000008c 100%)}:root[data-vibe=refined] .hero .num{color:#fff;font-style:italic}:root[data-vibe=refined] .mod-head{background:linear-gradient(var(--ink), var(--ink)) var(--gutter) 0 / calc(100% - 2 * var(--gutter)) 1px no-repeat;padding-top:14px}:root[data-vibe=refined] .mod-head .h2{font-size:28px;line-height:1.05}:root[data-vibe=refined] .kicker{letter-spacing:.14em;color:var(--ink);font-size:11px;font-weight:600}:root[data-vibe=refined] .kicker.light{color:#fff}:root[data-vibe=refined] .li-ico{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:0 0;border-radius:0}:root[data-vibe=refined] .btn,:root[data-vibe=refined] .share,:root[data-vibe=refined] .tabs .hp{text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:13px!important}:root[data-vibe=refined] .share{border-radius:var(--r-btn);color:var(--ink);box-shadow:none;background:#fff}:root[data-vibe=refined] .btn.honey,:root[data-vibe=refined] .tabs .hp{background:var(--ink);color:#fff}:root[data-vibe=refined] .tabs .hp{border-radius:var(--r-btn)}:root[data-vibe=refined] .tabs .hp .cut{stroke:var(--ink)}:root[data-vibe=refined] .ph{filter:saturate(.9)contrast(1.03)}:root[data-vibe=refined] .pick .lbl,:root[data-vibe=refined] .pick .walk,:root[data-vibe=refined] .tag{text-transform:uppercase;letter-spacing:.06em;border-radius:3px!important;font-size:11px!important}:root[data-vibe=refined] .pick .lbl,:root[data-vibe=refined] .pick .walk{color:var(--ink)!important;background:#fff!important}:root[data-vibe=refined] .chip{box-shadow:inset 0 0 0 1px var(--line);background:0 0}:root[data-vibe=refined] .chip.on{background:var(--ink)}:root[data-vibe=refined] .tabs{border-top:1px solid var(--ink)}:root[data-vibe=refined] .tabs a span{text-transform:uppercase;letter-spacing:.06em;font-size:10px}:root[data-vibe=playful] body,:root[data-vibe=playful] .page{background:radial-gradient(color-mix(in srgb, var(--moss) 14%, transparent) 1.3px, transparent 1.6px) 0 0 / 18px 18px, var(--bg)}:root[data-vibe=playful] .hero:after{border-radius:0;height:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14'%3E%3Cpath d='M0 14 L12 2 L24 14Z'/%3E%3C/svg%3E") 0 100%/24px 14px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14'%3E%3Cpath d='M0 14 L12 2 L24 14Z'/%3E%3C/svg%3E") 0 100%/24px 14px repeat-x}:root[data-vibe=playful] .page>.hero+*{margin-top:16px}:root[data-vibe=playful] .hero .num{text-shadow:3px 3px 0 var(--accent)}:root[data-vibe=playful] .mod-head .h2,:root[data-vibe=playful] .page-head .h1{background:linear-gradient(transparent 55%, color-mix(in srgb, var(--slip) 55%, transparent) 55% 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline}:root[data-vibe=playful] .kicker{background:var(--honey);color:var(--moss);box-shadow:0 0 0 2px var(--moss);border-radius:6px;padding:3px 8px;font-weight:800;display:inline-block}:root[data-vibe=playful] .li-ico{color:var(--moss);box-shadow:inset 0 0 0 2px var(--moss);border-radius:12px}:root[data-vibe=playful] .li:nth-child(3n+1) .li-ico{background:var(--slip)}:root[data-vibe=playful] .li:nth-child(3n+2) .li-ico{background:var(--stone)}:root[data-vibe=playful] .li:nth-child(3n) .li-ico{background:var(--honey)}:root[data-vibe=playful] .btn,:root[data-vibe=playful] .share,:root[data-vibe=playful] .tabs .hp,:root[data-vibe=playful] .chip{box-shadow:0 0 0 2px var(--moss), 3px 3px 0 var(--moss);font-weight:800}:root[data-vibe=playful] .btn:active{box-shadow:0 0 0 2px var(--moss), 1px 1px 0 var(--moss);transform:translate(2px,2px)}:root[data-vibe=playful] .chip{background:#fff}:root[data-vibe=playful] .chip.on{background:var(--slip);color:var(--moss)}:root[data-vibe=playful] .pick .lbl,:root[data-vibe=playful] .pick .walk,:root[data-vibe=playful] .tag{box-shadow:0 0 0 2px var(--moss);font-weight:800;background:var(--honey)!important;color:var(--moss)!important}:root[data-vibe=playful] .hunt,:root[data-vibe=playful] .note,:root[data-vibe=playful] .club{background:var(--accent)!important}:root[data-vibe=playful] .tabs{border-top:2px solid var(--moss);background:var(--bg)}:root[data-vibe=playful] .tabs .hp{border-radius:999px}:root[data-vibe=fresh] body,:root[data-vibe=fresh] .page{background:radial-gradient(520px 420px at 105% 38%, color-mix(in srgb, var(--slip) 26%, transparent), transparent 70%), radial-gradient(480px 420px at -10% 78%, color-mix(in srgb, var(--honey) 28%, transparent), transparent 70%), var(--bg);background-attachment:fixed}:root[data-vibe=fresh] .hero:after{background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 0%, transparent), var(--bg) 92%);border-radius:0;height:64px}:root[data-vibe=fresh] .hero .content,:root[data-vibe=fresh] .hero .txt{padding-bottom:58px}:root[data-vibe=fresh] .hero .shade{background:linear-gradient(180deg, color-mix(in srgb, var(--moss) 35%, transparent) 0%, transparent 30%, color-mix(in srgb, var(--moss) 55%, transparent) 100%)}:root[data-vibe=fresh] .hero .num{color:#fff}:root[data-vibe=fresh] .kicker{letter-spacing:.16em;color:var(--accent);font-weight:500}:root[data-vibe=fresh] .kicker.light{color:#ffffffe6}:root[data-vibe=fresh] .card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffa8}:root[data-vibe=fresh] .list{box-shadow:none;background:0 0;gap:8px;display:grid;overflow:visible}:root[data-vibe=fresh] .list>*+*{border-top:0}:root[data-vibe=fresh] .list>*{border-radius:var(--r-tile);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);background:#ffffffb3}:root[data-vibe=fresh] .li-ico{background:linear-gradient(140deg, var(--stone), #fff);color:var(--accent);border-radius:50%}:root[data-vibe=fresh] .btn{background:var(--accent)}:root[data-vibe=fresh] .btn.honey{background:linear-gradient(120deg, var(--honey), color-mix(in srgb, var(--honey) 60%, var(--ochre)));color:var(--moss)}:root[data-vibe=fresh] .btn.ghost,:root[data-vibe=fresh] .share{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--moss);background:#ffffffbf}:root[data-vibe=fresh] .ph{filter:brightness(1.05)saturate(.92)}:root[data-vibe=fresh] .pick .lbl,:root[data-vibe=fresh] .pick .walk{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--moss)!important;background:#fffc!important}:root[data-vibe=fresh] .note,:root[data-vibe=fresh] .hunt,:root[data-vibe=fresh] .club{background:linear-gradient(140deg, var(--moss), color-mix(in srgb, var(--moss) 55%, var(--teal)))!important}:root[data-vibe=fresh] .tabs{height:var(--tabbar-h);margin:0 12px calc(var(--safe-b) + 10px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-lg);background:#ffffffb8;border:0;border-radius:26px;padding-bottom:0}:root[data-vibe=fresh] .tabs .hp{border-radius:20px}@font-face{font-family:General Sans;src:url(../../../fonts/GeneralSans-Variable.woff2)format("woff2");font-weight:200 700;font-display:swap}@font-face{font-family:Fraunces;src:url(../../../fonts/Fraunces-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Nunito;src:url(../../../fonts/Nunito-Variable.woff2)format("woff2");font-weight:200 1000;font-display:swap}@font-face{font-family:Instrument Serif;src:url(../../../fonts/InstrumentSerif-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Instrument Serif;src:url(../../../fonts/InstrumentSerif-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Inter Tight;src:url(../../../fonts/InterTight-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(../../../fonts/BricolageGrotesque-Variable.woff2)format("woff2");font-weight:200 800;font-stretch:75% 100%;font-display:swap}@font-face{font-family:Outfit;src:url(../../../fonts/Outfit-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Figtree;src:url(../../../fonts/Figtree-Variable.woff2)format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Manrope;src:url(../../../fonts/Manrope-Variable.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:DM Serif Display;src:url(../../../fonts/DMSerifDisplay-Regular.woff2)format("woff2");font-weight:400;font-display:swap}:root,.starstruck{--moss:#0c2626;--teal:#016b5f;--slip:#20b8a9;--stone:#bfe2e3;--cream:#fbf8ec;--honey:#ffcd03;--ochre:#eda820;--honey-soft:color-mix(in srgb, var(--honey) 50%, transparent);--bg:var(--cream);--surface:#fff;--surface-2:color-mix(in srgb, var(--cream) 96%, var(--moss));--ink:var(--moss);--ink-2:color-mix(in srgb, var(--moss) 66%, transparent);--ink-3:color-mix(in srgb, var(--moss) 42%, transparent);--accent:var(--teal);--soft:var(--stone);--line:color-mix(in srgb, var(--moss) 10%, transparent);--glass:color-mix(in srgb, var(--cream) 82%, transparent);--shadow:0 1px 2px color-mix(in srgb, var(--moss) 6%, transparent), 0 8px 24px color-mix(in srgb, var(--moss) 8%, transparent);--shadow-lg:0 2px 6px color-mix(in srgb, var(--moss) 8%, transparent), 0 20px 48px color-mix(in srgb, var(--moss) 16%, transparent);--sans:"General Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", "Menlo", "Roboto Mono", monospace;--display:var(--sans);--display-axes:normal;--display-stretch:100%;--head-wt:600;--big-wt:700;--big-case:uppercase;--track:1;--kicker-track:.1em;--r-card:20px;--r-tile:14px;--r-sheet:28px;--r-btn:999px;--gutter:20px;--sec:46px;--sec-head:12px;--sec-title:22px;--col:480px;--tabbar-h:64px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.4, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.starstruck{--moss:#17243a;--teal:#17243a;--slip:#657080;--stone:#f6e7c1;--cream:#f7f5ef;--honey:#e8b84a;--ochre:#c9962b;--sans:"Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--display:"DM Serif Display", Georgia, serif;--head-wt:400;--big-wt:400;--big-case:none;--track:0;font-family:var(--sans);background:var(--bg);color:var(--ink)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;transition:background-color .6s var(--ease), color .6s var(--ease)}html[data-textsize=large]{font-size:112.5%}body{background:var(--bg);overscroll-behavior-y:none;min-height:100dvh;margin:0;font-size:15px;line-height:1.45}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:8px}.display,.h1,.h2{font-family:var(--display);font-variation-settings:var(--display-axes);font-stretch:var(--display-stretch)}.display{font-weight:var(--big-wt);letter-spacing:calc(-.04em * var(--track));font-feature-settings:"tnum";font-size:clamp(56px,18vw,96px);line-height:.9}.h1{font-weight:var(--head-wt);letter-spacing:calc(-.02em * var(--track));margin:0;font-size:30px;line-height:1.08}.h2{font-weight:var(--head-wt);letter-spacing:calc(-.01em * var(--track));margin:0;font-size:23px;line-height:1.2}.h3{margin:0;font-size:16px;font-weight:600;line-height:1.25}.body{color:var(--ink);font-size:15px}.meta{color:var(--ink-2);font-size:13px;font-weight:500}.kicker{letter-spacing:var(--kicker-track);text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:600}.tnum{font-feature-settings:"tnum"}.code{font-family:var(--mono);letter-spacing:.12em;font-weight:600}.page{max-width:var(--col);min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + 24px + var(--safe-b));padding-top:var(--pv,0px);transition:padding-top .3s var(--ease);margin:0 auto;position:relative;overflow-x:clip}.pad{padding-inline:var(--gutter)}.page>*+*{margin-top:calc(var(--sec) - var(--pull,0px))}.page>.mod-head+*{margin-top:calc(var(--sec-head) - var(--pull,0px))}.page>.page-head+*{margin-top:calc(var(--sec-title) - var(--pull,0px))}.page>.attach{margin-top:calc(var(--sec-head) - var(--pull,0px))}.page>.hero+*,.page>.top+*,.page>.page-head{margin-top:0}.row{align-items:center;gap:12px;display:flex}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow)}.list{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow);overflow:hidden}.list>*+*{border-top:1px solid var(--line)}.li{text-align:left;align-items:flex-start;gap:14px;width:100%;padding:14px 16px;display:flex}.li-ico{background:var(--soft);width:36px;height:36px;color:var(--moss);border-radius:11px;flex:none;place-items:center;display:grid}.btn{border-radius:var(--r-btn);background:var(--ink);height:52px;color:var(--bg);transition:transform .15s var(--ease), opacity .2s;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn.honey{background:var(--honey);color:var(--moss)}.btn.ghost{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.btn.block{width:100%}.btn.sm{height:40px;padding:0 16px;font-size:14px}.chip{border-radius:var(--r-btn);background:var(--surface-2);white-space:nowrap;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:14px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.chip.on{background:var(--ink);color:var(--bg)}.tag{letter-spacing:.02em;background:var(--honey);height:22px;color:var(--moss);border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.tag.soft{background:var(--soft);color:var(--ink)}.tag.sample{color:var(--ochre);box-shadow:inset 0 0 0 1px var(--ochre);background:0 0}.ph{background:var(--surface-2) center / cover no-repeat;position:relative;overflow:hidden}.ph.place{background-position:top;background-size:auto 114%}.ph img{object-fit:cover;width:100%;height:100%}.shelf{scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);--pull:6px;padding:6px var(--gutter) 34px;scrollbar-width:none;gap:12px;margin-bottom:-34px;display:flex;overflow-x:auto}.shelf::-webkit-scrollbar{display:none}.shelf>*{scroll-snap-align:start;flex:none}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:rise .55s var(--ease) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::view-transition-old(root){animation-duration:.28s}::view-transition-new(root){animation-duration:.28s}@media (width>=600px){body{background:radial-gradient(1200px 600px at 50% -10%, color-mix(in srgb, var(--slip) 14%, transparent), transparent 60%), var(--bg)}.page{box-shadow:0 0 0 1px var(--line);background:var(--bg)}}