.cks{width:100%;max-width:520px;max-height:88vh;padding:8px;border-radius:32px}.cks-art{position:relative;flex:none;display:grid;place-items:center;height:168px;overflow:hidden;border-radius:24px;background:var(--brand-panel)}.cks-bloom{--rbloom-h:96%;opacity:.25}.cks-bloom:before{left:-24%;right:-24%;bottom:-18%;height:110%}.cks-cover{position:relative;z-index:1;width:96px;aspect-ratio:1;overflow:hidden;border-radius:18px;background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line),0 22px 38px -16px var(--tone-black-a07),0 4px 10px -4px var(--tone-black-a07)}.cks-cover .rorb{position:absolute;inset:12px}.cks-x{top:10px;right:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cks-grab,.cks-x{position:absolute;z-index:3}.cks-grab{top:0;left:50%;translate:-50% 0;display:none;width:auto;padding:8px 28px 10px;border:0;background:transparent}.cks-grab:disabled{opacity:.4}.cks-title{flex:none;margin:0;padding:16px 20px 8px;text-align:center;font-size:17px;font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--ink);text-wrap:balance;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}@media (max-width:639px){.cks{max-width:none;max-height:92vh;border-radius:30px 30px 0 0;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.cks-art{height:140px}.cks-cover{width:84px;border-radius:16px}.cks-grab{display:block}}@media (max-height:720px){.cks-art{height:112px}.cks-cover{width:64px;border-radius:14px}}