:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--primary:#4a148c}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb)))rgb(var(--background-start-rgb));overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.no-select{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.responsive-grid-2{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (min-width:768px){.responsive-grid-2{grid-template-columns:repeat(4,1fr);gap:20px}}header{background-color:var(--primary);color:#fff;text-align:center;padding:1rem}.card-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.card-item{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem}.card-detail{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 4px 6px #0000001a}.translation{background:#f3e5f5;border-radius:4px;margin-top:1rem;padding:1rem}.hover-card{transition:transform .2s,box-shadow .2s}@media (hover:hover){.hover-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000014!important}}h1,h2,h3{color:var(--primary)}