.site-ui .gb-head{display:grid;gap:14px;padding-block:clamp(40px,6vw,76px) clamp(22px,3vw,34px)}.site-ui .gb-head .eyebrow+.headline{margin-top:-4px}.site-ui .gb-head .lead{max-width:46ch}.site-ui .gb-head__row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px}.site-ui .gb-total b{font-weight:600;color:var(--ink)}.site-ui .gb-wall{position:relative;padding-block:clamp(20px,3vw,34px) clamp(10px,2vw,18px)}.site-ui .gb-wall:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff0,#ffffffb8 42%,#fff0);pointer-events:none}.site-ui .gb-wall__head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.site-ui .gb-wall__title{display:grid;gap:2px}.site-ui .gb-wall__nav{display:flex;gap:8px}.site-ui .gb-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0000000f;color:var(--ink);cursor:pointer;transition:background .25s var(--ease),opacity .25s var(--ease),transform .25s var(--ease-out)}.site-ui .gb-arrow svg{width:16px;height:16px;display:block}.site-ui .gb-arrow:hover:not(:disabled){background:#0000001c}.site-ui .gb-arrow:active:not(:disabled){transform:scale(.92)}.site-ui .gb-arrow:disabled{opacity:.28;cursor:default}.site-ui .gb-wall.is-static .gb-wall__nav{display:none}.site-ui .gb-wall__scroller{position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-inline:max(var(--pad),calc((100vw - var(--shell-wide)) / 2 + var(--pad)));scroll-padding-inline:max(var(--pad),calc((100vw - var(--shell-wide)) / 2 + var(--pad)));padding-block:6px 22px}.site-ui .gb-wall__scroller::-webkit-scrollbar{display:none}.site-ui .gb-wall__track{display:flex;gap:16px;width:max-content}.site-ui .gb-card{position:relative;display:flex;flex-direction:column;gap:12px;width:clamp(252px,74vw,316px);min-height:208px;padding:20px;border-radius:22px;background:var(--white);scroll-snap-align:start;box-shadow:0 1px 2px #0000000d;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}@media(hover:hover){.site-ui .gb-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px -20px #00000042}}html.motion .site-ui .gb-card{animation:gbCardIn .7s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes gbCardIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.site-ui .gb-card__rank{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#00000012;color:var(--on-light-2);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.site-ui .gb-card.is-medal-1 .gb-card__rank{background:linear-gradient(150deg,#ffdc82,#e0a012);color:#000000b8;box-shadow:0 2px 8px #e0a01259}.site-ui .gb-card.is-medal-2 .gb-card__rank{background:linear-gradient(150deg,#e9eaee,#a9aab2);color:#000000a8}.site-ui .gb-card.is-medal-3 .gb-card__rank{background:linear-gradient(150deg,#f0c39a,#b9793f);color:#fff}.site-ui .gb-card__quote{position:absolute;top:6px;right:16px;font-size:62px;line-height:1;color:var(--ink);opacity:.07;user-select:none}.site-ui .gb-card__text{flex:1;font-size:15.5px;line-height:1.62;letter-spacing:-.008em;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.site-ui .gb-card__foot{display:flex;align-items:center;gap:8px;min-width:0}.site-ui .gb-card__who{flex:1;min-width:0;font-size:13px;color:var(--on-light-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-ui .gb-card__likes{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:#d81b41}.site-ui .gb-card__likes svg{width:13px;height:13px}.site-ui .gb-card__likes path{fill:#ff2d55;stroke:#ff2d55}.site-ui .gb-main{display:grid;gap:clamp(16px,2.4vw,24px);padding-bottom:clamp(56px,8vw,96px)}.site-ui .gb-listhead{background:#f5f5f7cc}html.is-lite .site-ui .gb-listhead{background:var(--grey)}.site-ui .gb-list{display:grid;gap:10px}.site-ui .gb-msg{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:clamp(16px,1.8vw,22px);border-radius:20px;background:var(--white);transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}@media(hover:hover){.site-ui .gb-msg:not(.gb-msg--skeleton):hover{transform:translateY(-2px);box-shadow:0 14px 30px -16px #0000003d}}.site-ui .gb-msg--skeleton{align-items:start;pointer-events:none}.site-ui .gb-msg__face{margin-top:1px}.site-ui .gb-msg__body{min-width:0}.site-ui .gb-msg__head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}html.motion .site-ui .gb-msg:not(.is-settled):not(.gb-msg--skeleton){animation:cxIn .7s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 55ms)}html.is-lite.motion .site-ui .gb-msg:not(.is-settled):not(.gb-msg--skeleton){animation-name:cxInLite}.site-ui .gb-msg.is-new:after{content:"";position:absolute;inset:0;border-radius:20px;background:#0071e321;box-shadow:inset 0 0 0 1px #0071e338;pointer-events:none;animation:cxFade 2.8s var(--ease-out) forwards}.site-ui.ground-grey .cx-composer,.site-ui.ground-grey .cx-empty{background:var(--white)}.site-ui.ground-grey .cx-faces__stack .cx-avatar{box-shadow:0 0 0 2px var(--white)}@media(max-width:640px){.site-ui .gb-wall__head{align-items:center}.site-ui .gb-wall__nav{display:none}.site-ui .gb-msg{gap:11px}.site-ui .gb-msg__face{width:34px;height:34px;font-size:14px}.site-ui .gb-msg .cx-item__time{margin-left:0;flex-basis:100%}.site-ui .gb-head__row .btn{width:100%}}
