:root{--cz-ink: #161826;--cz-yellow: #ffe93d;--cz-cyan: #3df3ff;--cz-pink: #ff5ea8;--cz-green: #7dff3d;--cz-magenta: #ff2fd6;--font-display: "Luckiest Guy", cursive;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--cz-ink);color:#fff;font-family:var(--font-body)}.cz-bg{background:conic-gradient(from 200deg,#ff2fd6,#ffe93d,#3df3ff,#7dff3d,#ff5ea8,#ff2fd6);min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;font-family:var(--font-display)}.cz-star{position:absolute;font-family:var(--font-display);text-shadow:2px 2px 0 var(--cz-ink);z-index:0;pointer-events:none}.cz-brand{font:400 20px var(--font-display);color:#fff;text-shadow:2px 2px 0 var(--cz-ink);display:inline-block}.cz-title{margin:0;font-family:var(--font-display);color:var(--cz-ink);-webkit-text-stroke:1px #fff;line-height:1.08}.cz-sub{font-family:var(--font-body);color:var(--cz-ink);opacity:.75}.cz-card{background:var(--cz-ink);border-radius:14px;box-shadow:0 5px #000;transition:transform .18s ease,box-shadow .18s ease}.cz-card:hover{transform:translateY(-2px) scale(1.03)!important;box-shadow:0 7px #000}.cz-chip{font-family:var(--font-display);border-radius:999px;padding:6px 14px;display:inline-block;background:var(--cz-ink);color:#fff}.cz-chip.is-active{background:var(--cz-yellow);color:var(--cz-ink)}.cz-btn{font-family:var(--font-display);border-radius:999px;text-align:center;box-shadow:0 5px #000;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;border:none}.cz-btn:hover{transform:translateY(-2px);box-shadow:0 7px #000}.cz-btn:disabled{opacity:.5;cursor:not-allowed}.cz-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);flex-shrink:0}.cz-grid>div:nth-child(odd){transform:rotate(-2.5deg)}.cz-grid>div:nth-child(2n){transform:rotate(2.5deg)}.cz-grid>div:hover{transform:rotate(0) scale(1.04)!important}.cz-row>div:nth-child(odd){transform:rotate(-3deg)}.cz-row>div:nth-child(2n){transform:rotate(3deg)}.cz-row>div:hover{transform:rotate(0) scale(1.05)!important}.cz-list>div:nth-child(odd) .cz-avatar{transform:rotate(-6deg)}.cz-list>div:nth-child(2n) .cz-avatar{transform:rotate(6deg)}.cz-list>div:hover .cz-avatar{transform:rotate(0) scale(1.1)}