.nav{background:hsl(var(--background));padding-top:8px}
.navtop{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 10px}
.navtop img.logo{height:40px;display:block}
.navright{display:flex;align-items:center;gap:6px;flex-shrink:0}
@media(min-width:480px){
  .nav{padding-top:12px}
  .navtop{padding-bottom:14px}
  .navtop img.logo{height:48px}
  .navright{gap:10px}
}


.btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;
  border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;
  border:1px solid hsl(var(--border));background:hsl(var(--card));color:inherit;
  text-decoration:none;white-space:nowrap}
.btn:hover{background:hsl(var(--accent))}
.btn-primary{background:hsl(var(--primary));border-color:hsl(var(--primary));
  color:hsl(var(--primary-foreground))}
.btn-sell{background:hsl(var(--sell-primary));border-color:hsl(var(--sell-primary));
  color:hsl(var(--sell-primary-foreground))}
.btn-icon{width:40px;padding:0;justify-content:center}
.btn-lg,.btn-block,button.btn[type=submit]{white-space:normal;height:auto;min-height:46px;
  padding:10px 14px;line-height:1.3;text-align:center;justify-content:center;min-width:0}


.modeform{margin:0}

.modesw{position:relative;display:inline-flex;align-items:center;width:6.6rem;height:36px;
  border:1px solid hsl(var(--border));border-radius:999px;background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.04);cursor:pointer;padding:0;font-family:inherit}
.modesw .knob{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);
  border-radius:999px;background:hsl(var(--primary));
  transition:transform .22s cubic-bezier(.4,0,.2,1),background-color .22s}
.modesw.on-sell .knob{transform:translateX(100%);background:hsl(var(--sell-primary))}
.modesw .lbl{position:absolute;top:0;width:50%;height:100%;display:flex;align-items:center;
  justify-content:center;font-size:12px;font-weight:700;letter-spacing:.02em;
  transition:opacity .22s;pointer-events:none}
.modesw .lbl.buy{left:0;color:hsl(var(--primary-foreground));opacity:1}
.modesw .lbl.sell{right:0;color:hsl(var(--sell-primary-foreground));opacity:.45}
.modesw.on-sell .lbl.buy{opacity:.45}
.modesw.on-sell .lbl.sell{opacity:1}
.modesw:focus-visible{outline:2px solid hsl(var(--primary-strong));outline-offset:2px}


.menu{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  border-bottom:1px solid hsl(var(--border));padding-bottom:6px}
.menu::-webkit-scrollbar{display:none}
.menu a{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;
  border-radius:var(--radius);font-size:14px;font-weight:500;color:inherit;
  text-decoration:none;white-space:nowrap}
.menu a:hover{background:hsl(var(--accent))}
.menu a.on{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}


.seg{display:inline-flex;align-items:center;height:36px;padding:3px;gap:2px;
  border:1px solid hsl(var(--border));border-radius:999px;background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.04);flex:none}
.seg a{display:inline-flex;align-items:center;height:100%;padding:0 11px;border-radius:999px;
  font-size:12px;font-weight:700;letter-spacing:.02em;text-decoration:none;
  color:hsl(var(--muted-foreground));transition:background-color .22s,color .22s}
.seg a.on{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}
.seg a:focus-visible{outline:2px solid hsl(var(--primary-strong));outline-offset:2px}


footer{border-top:1px solid hsl(var(--border));margin-top:40px;padding:20px 0 32px;
  text-align:center;color:hsl(var(--muted-foreground));font-size:12px}
.links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;font-size:13px;
  margin-bottom:10px}
.links a{color:hsl(var(--primary-strong));text-decoration:none}
.links a:hover{text-decoration:underline}
footer .copy{margin:0}