.safe { padding-left: max(1rem, env(safe-area-inset-left)); padding-right: max(1rem, env(safe-area-inset-right)); }
html, body { background: linear-gradient(to bottom, #f7f8fb 0%, #fff 100%); color: #111827; }
.brand-dot { display:inline-block; width:1.25rem; height:1.25rem; border-radius:.6rem; background: linear-gradient(135deg,#3b82f6,#10b981); }
.thumb { width:200px; height:200px; border-radius:.75rem; overflow:hidden; border:1px solid rgba(0,0,0,.06); }
.thumb-img { width:100%; height:100%; object-fit:cover; transition: transform .25s ease; }
.thumb:hover .thumb-img { transform: scale(1.03); }
.copy-toast {
  position: fixed; left: 50%; bottom: 1rem; transform: translateX(-50%) translateY(10px);
  background: rgba(0,0,0,.85); color: #fff; font-size: .75rem;
  padding: .45rem .7rem; border-radius: .5rem; opacity: 0;
  transition: opacity .2s ease, transform .2s ease; z-index: 9999;
}
.copy-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.uk-card { border-radius: 1rem; }
.uk-badge { backdrop-filter: blur(6px); }
.uk-navbar-right {padding-left: 20px;}
.uk-container uk-container-expand {padding: 0;margin: 0;}
.uk-card-body {padding:30px 30px;}
.uk-button:not(:disabled){background: blue;color: white;}
.uk-button-default:hover{background-color:black;}