:root{
  --bg:oklch(0.957 0.018 91); --fg:oklch(0.25 0.018 245);
  --card:oklch(0.975 0.014 91); --primary:oklch(0.62 0.13 220);
  --primaryfg:oklch(0.99 0.005 95); --muted:oklch(0.5 0.025 235);
  --border:oklch(0.82 0.035 80);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--primary);color:var(--primaryfg)}
.header{position:relative;overflow:hidden;border-bottom:1px solid var(--border);padding:28px 20px 24px;text-align:center}
.wave{position:absolute;inset:0 0 auto;height:96px;opacity:.7;background-image:repeating-radial-gradient(ellipse at 50% 120%,transparent 0 12px,color-mix(in oklab,var(--primary) 18%,transparent) 13px 14px,transparent 15px 25px)}
.brand{position:relative;max-width:768px;margin:auto;display:flex;flex-direction:column;align-items:center;color:var(--primary)}
.fish{width:112px;height:40px;fill:currentColor}.fish-small{width:44px;height:16px;flex:none}
.brand h1{font-size:30px;font-weight:400;margin:4px 0 0}.brand p,.display{font-family:"Cormorant Garamond",Georgia,serif}.brand p{font-size:24px;color:var(--fg);margin:12px 0 0}
.sticky{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--bg) 95%,transparent);backdrop-filter:blur(8px)}
.nav{max-width:768px;margin:auto;display:flex;overflow-x:auto;padding:0 8px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
button{font:inherit}.nav-btn{border:0;background:transparent;padding:14px 15px;white-space:nowrap;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}
.nav-btn.active{color:var(--primary);border-bottom-color:var(--primary)}
main{max-width:768px;margin:auto;padding:20px 16px 112px}
.controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
.searchbox{height:46px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--card);border-radius:999px;padding:0 14px}
.searchbox:focus-within{outline:2px solid var(--primary)}
.searchbox svg{width:17px;color:var(--primary);flex:none}.searchbox input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:14px;color:var(--fg)}
.iconbtn{border:0;background:transparent;font-size:20px;cursor:pointer;color:var(--muted);padding:3px 7px}
.lang{display:flex;border:1px solid var(--border);background:var(--card);border-radius:999px;padding:4px}.lang button{border:0;background:transparent;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:700;cursor:pointer}.lang button.active{background:var(--primary);color:var(--primaryfg)}
.section-heading{margin:32px 0 24px;display:flex;align-items:center;gap:12px;color:var(--primary)}.section-heading h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:40px;line-height:1;font-weight:600;margin:0}
.group{border-bottom:1px solid var(--border);padding-bottom:24px;margin-bottom:40px}.group-head{margin-bottom:8px}.group h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:26px;color:var(--primary);margin:0}.group-head p{font-size:12px;font-style:italic;color:var(--muted);margin:2px 0 0}
.item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px 0;border-top:1px solid color-mix(in oklab,var(--border) 70%,transparent)}.item:first-child{border-top:0}.item h4{font-size:15px;line-height:1.35;margin:0;font-weight:700}.item p{font-size:13px;line-height:1.55;color:var(--muted);margin:6px 0 0}.original{font-size:12px;color:color-mix(in oklab,var(--primary) 80%,transparent);margin-top:2px}.price{font-size:14px;font-weight:700;white-space:nowrap;padding-top:2px}.price span{font-size:10px;font-weight:400;color:var(--muted);margin-right:4px}
.empty{text-align:center;padding:80px 0;color:var(--muted)}.empty .fish{color:var(--primary)}.empty p{font-size:14px}
footer{border-top:1px solid var(--border);background:var(--primary);color:var(--primaryfg);padding:40px 20px;text-align:center}footer .inner{max-width:768px;margin:auto;display:flex;flex-direction:column;align-items:center}footer .fish{color:var(--primaryfg)}footer .tag{font-family:"Cormorant Garamond",Georgia,serif;font-size:21px;margin:12px 0 0}footer .links{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:12px;font-weight:600}footer a{color:inherit;text-decoration:none}
@media(min-width:640px){main{padding-left:32px;padding-right:32px}}