:root{--bg: #f3e9d8;--bg-2: #ecdfc8;--surface: #fbf6ec;--surface-2: #f5ecda;--line: #e7dac1;--line-2: #dac9a8;--ink: #2e2a24;--ink-2: #6f6150;--ink-3: #9c8c72;--brand: #6b4a2b;--brand-2: #8a6238;--accent: #b5643c;--accent-2: #c77a4c;--on-accent: #fbf6ec;--shadow: 0 10px 34px rgba(46, 42, 36, .14);--shadow-sm: 0 3px 14px rgba(46, 42, 36, .09);--cardw: 158px;--gap: 20px;--font: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-theme=dark]{--bg: #1e1913;--bg-2: #15100a;--surface: #271f16;--surface-2: #2f2619;--line: #382e20;--line-2: #493c29;--ink: #f3e9d8;--ink-2: #c9b79a;--ink-3: #8f7e66;--brand: #c89b6a;--brand-2: #dbb183;--accent: #d57c4e;--accent-2: #e28f60;--on-accent: #1e1913;--shadow: 0 14px 40px rgba(0, 0, 0, .5);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .4)}[data-accent=caramel]{--accent: #b98a4e;--accent-2: #c99c60}[data-accent=teal]{--accent: #3e7e7a;--accent-2: #4e908c}[data-theme=dark][data-accent=caramel]{--accent: #d3a863;--accent-2: #e2b974}[data-theme=dark][data-accent=teal]{--accent: #5ca6a1;--accent-2: #6eb7b2}[data-layout=compact]{--cardw: 132px;--gap: 14px}@media(max-width:640px){:root,[data-layout=compact]{--cardw: 112px;--gap: 12px}}.ob-app{height:100vh;height:var(--app-h, 100vh)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink)}.otter-hidden-scroll{scrollbar-width:none}.otter-hidden-scroll::-webkit-scrollbar{display:none}.ob-cover:hover{box-shadow:0 16px 36px #2e2a2442}.ob-cart-quick{opacity:1;transition:opacity .15s ease}@media(hover:hover){.ob-cover .ob-cart-quick{opacity:0}.ob-cover:hover .ob-cart-quick,.ob-cover:focus-within .ob-cart-quick,.ob-cover .ob-cart-quick.is-in{opacity:1}}.ob-lift:hover{transform:translateY(-2px);border-color:var(--line-2)}.ob-accent-hover:hover{border-color:var(--accent)!important;color:var(--accent)!important}.ob-btn-accent:hover{background:var(--accent-2)!important}@keyframes obFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes panelIn{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}@keyframes dialogIn{0%{transform:translateY(14px) scale(.985);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes riseIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dotPulse{0%,80%,to{transform:scale(.55);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes chatUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes obShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ob-skel{border-radius:8px;background:linear-gradient(90deg,var(--surface-2) 25%,color-mix(in srgb,var(--surface-2) 45%,var(--surface)) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:obShimmer 1.4s ease-in-out infinite}@property --ob-search-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes obSearchSpin{to{--ob-search-angle: 360deg}}.ob-search{border:2.5px solid transparent!important;background:linear-gradient(var(--surface),var(--surface)) padding-box,conic-gradient(from var(--ob-search-angle),var(--line-2) 0deg,var(--line-2) 70deg,var(--accent) 140deg,var(--accent-2) 180deg,var(--accent) 220deg,var(--line-2) 290deg,var(--line-2) 360deg) border-box!important;animation:obSearchSpin 4.5s linear infinite}.ob-search:focus-within{border:2.5px solid var(--accent)!important;background:var(--surface) padding-box!important;animation:none}@media(prefers-reduced-motion:reduce){.ob-search{animation:none}}