/* Public authored comments: geometry and interactive states from the reference. */
.tipster-comments{margin-top:14px}.tipster-comments .ck-tabbar{display:block}.cp-tabs-wrap{position:relative;min-width:0}.tipster-comments .ck-tabs{position:relative;width:100%;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.tipster-comments .ck-tabs::-webkit-scrollbar{display:none}.tipster-comments .ck-tab{flex:1 0 auto;height:36px;padding:0 clamp(12px,2.1cqw,14px);font-size:13px;gap:6px}.tipster-comments .ck-count{display:inline;min-width:0;height:auto;padding:0;background:transparent;color:#98a2b3;font-size:12px;font-weight:600;line-height:inherit}.tipster-comments .is-active .ck-count{color:#667085}.cp-tab-fade{position:absolute;top:1px;bottom:1px;width:40px;pointer-events:none}.cp-tab-fade--left{left:1px;border-radius:999px 0 0 999px;background:linear-gradient(90deg,#f5f7fa 35%,#f5f7fa00)}.cp-tab-fade--right{right:1px;border-radius:0 999px 999px 0;background:linear-gradient(270deg,#f5f7fa 35%,#f5f7fa00)}
.tipster-comments .ck-feed{gap:clamp(10px,1.8cqw,14px)}.tipster-comments .ck-day{padding:6px 0 0;margin-bottom:-2px}.cp-entry{padding:clamp(13px,2.4cqw,17px) clamp(12px,2.7cqw,18px);border-top:1px solid #eef1f6;display:flex;flex-direction:column;gap:12px}.cp-entry:first-child{border-top-color:transparent}.tipster-comments .ck-context{margin:0}.tipster-comments .ck-context .ck-rank{font-size:9.5px;border-radius:5px;padding:2px 5px;line-height:normal}.tipster-comments .ck-context>a{flex:none;border-radius:50%}.tipster-comments .ck-context .ck-avatar{width:26px;height:26px}.tipster-comments .ck-comment{margin:0;padding:0;border-radius:0}.tipster-comments .ck-rank{line-height:normal}.tipster-comments .ck-meta>time{white-space:normal}.tipster-comments .ck-comment.is-unread{background:transparent}.tipster-comments .ck-new{display:none}.tipster-comments .ck-source{border-color:#eef1f6;border-radius:13px 13px 0 0}.tipster-comments .ck-chip,.tipster-comments .ck-plus,.tipster-comments .ck-more,.tipster-comments .ck-reply{height:clamp(29px,calc(39.7px - 1.57cqw),34px);padding-top:0;padding-bottom:0}.tipster-comments .ck-chip{border-color:transparent}.tipster-comments .ck-chip.is-active{border-color:#cfe0f2}.tipster-comments .ck-plus,.tipster-comments .ck-more{width:clamp(29px,calc(39.7px - 1.57cqw),34px)}.tipster-comments .ck-menu{min-width:214px}.tipster-comments .ck-menu>button,.tipster-comments .ck-menu>a{font-size:13.5px;padding:9px 10px}.tipster-comments .ck-picker{box-shadow:0 10px 24px #10182824}.tipster-comments .ck-picker>button{width:30px;height:30px;font-size:17px}
.cp-replies{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;min-height:clamp(30px,calc(40.7px - 1.57cqw),35px);border:0;background:transparent;color:#2b6cb0;font-size:13px;font-weight:600;padding:3px 10px 3px 4px;margin:8px 0 0 calc(clamp(34px,5.9cqw,40px) + clamp(9px,1.8cqw,12px) - 4px);border-radius:999px;transition:background .15s}.cp-faces{display:inline-flex;align-items:center}.cp-faces .ck-avatar{position:relative;width:22px;height:22px;font-size:8.5px;box-shadow:0 0 0 2px #fff;overflow:hidden}.cp-faces .ck-avatar:nth-child(1){z-index:3}.cp-faces .ck-avatar:nth-child(2){z-index:2}.cp-faces .ck-avatar:nth-child(3){z-index:1}.cp-faces .ck-avatar+.ck-avatar{margin-left:-7px}.cp-replies>svg{transition:transform .2s}.cp-replies[aria-expanded=true]>.cp-faces{display:none}.cp-replies[aria-expanded=true]>svg{transform:rotate(180deg)}.tipster-comments .ck-node>.ck-children{margin:12px 0 0 calc(clamp(34px,5.9cqw,40px) + clamp(9px,1.8cqw,12px));padding:4px 0 2px clamp(10px,2.3cqw,16px);animation:ckFade .18s ease-out}.tipster-comments .ck-children .ck-comment{margin:-6px -8px;padding:6px 8px;border-radius:10px}.tipster-comments .ck-children .ck-children{margin:14px 0 0 calc(clamp(28px,4.7cqw,32px) + 9px);padding-left:clamp(8px,1.6cqw,12px);border-color:#eef1f6}.tipster-comments .ck-depth-2>.ck-children{margin-left:0;padding-left:0;border:0}.tipster-comments .ck-children .cp-replies{margin-left:calc(clamp(28px,4.7cqw,32px) + 5px);font-size:12.5px}.cp-you{font-size:11px;font-weight:600;color:#475467;background:#eef2f7;border-radius:999px;padding:2px 6px;line-height:1}
.tipster-comments .ck-empty{border:0;background:transparent;padding:40px 20px;gap:8px}.tipster-comments .ck-empty strong{font-size:15.5px;line-height:1.35;font-weight:700;color:#1b2536}.tipster-comments .ck-empty p{margin:0;line-height:1.5;color:#667085}.tipster-comments .ck-empty>button{margin-top:4px;height:36px;padding:0 14px;border:1px solid #dfe5ee;border-radius:999px;color:#1b2536;background:#fff}.tipster-comments .ck-empty-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#f3f5f8;color:#98a2b3}.tipster-comments .ck-load{height:44px}.tipster-comments .ck-toast-position{position:sticky;bottom:16px;z-index:50;height:0;margin-top:-12px;pointer-events:none}.tipster-comments .ck-toast{position:absolute;bottom:0;max-width:min(440px,calc(100% - 16px));width:max-content;pointer-events:auto}.tipster-comments mark{background:#fef3c7;color:inherit;border-radius:3px;box-shadow:0 0 0 1px #f6e3a6}
.cp-auth-overlay{position:fixed;inset:0;z-index:1100;background:#10182873;display:flex;align-items:center;justify-content:center;padding:20px;animation:ckFade .14s ease-out}.cp-auth-dialog{position:relative;width:100%;max-width:400px;max-height:calc(100dvh - 40px);overflow-y:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:0 24px 60px #10182847;animation:ckPop .16s ease-out;color:#1b2536}.cp-auth-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:#98a2b3}.cp-auth-dialog>.ck-avatar{width:48px;height:48px;font-size:16px;margin-bottom:14px}.cp-auth-title{font-size:18px;font-weight:700;line-height:1.3;color:#14161a;margin:0 20px 0 0}.cp-auth-text{font-size:13.5px;line-height:1.6;color:#667085;margin:10px 0 20px!important}.cp-auth-actions{display:flex;gap:8px;flex-wrap:wrap}.cp-auth-actions button{flex:1;height:40px;border-radius:999px;font-size:13.5px;font-weight:600;padding:0 14px}.cp-auth-login{border:0;background:#2b6cb0;color:#fff}.cp-auth-signup{border:1px solid #dfe5ee;background:#fff;color:#1b2536}.cp-auth-handle{display:none}
@container(max-width:480px){.tipster-comments .ck-tab{padding:0 clamp(12px,2.1cqw,14px);font-size:13px;gap:6px}.tipster-comments .ck-count{font-size:12px}.tipster-comments .ck-sort-arrow{padding-right:14px}.tipster-comments .ck-manage{gap:2px}.tipster-comments .ck-timer{font-size:10px}.tipster-comments .ck-manage button{width:25px;height:25px}.tipster-comments .ck-context>div>div{gap:2px 8px}.tipster-comments .ck-source-main>span{gap:5px 9px}.tipster-comments .ck-odds{padding:6px 10px}.tipster-comments .ck-children .ck-composer{margin-left:calc(-1 * min(5cqw,18px))}.tipster-comments .ck-reply{padding:0 9px}}
@media(max-width:767px){.cp-auth-overlay{padding:0;align-items:flex-end}.cp-auth-dialog{max-width:none;max-height:calc(100dvh - 30px);border-radius:20px 20px 0 0;padding:12px 20px calc(24px + env(safe-area-inset-bottom));animation:cpSheet .2s ease-out}.cp-auth-handle{display:block;width:36px;height:4px;border-radius:999px;background:#d0d5dd;margin:0 auto 18px}.cp-auth-close{top:16px;right:16px}.cp-auth-dialog textarea{font-size:16px}}
@media(hover:hover) and (pointer:fine){.cp-replies:hover{background:#eef4fb}.cp-auth-close:hover{background:#f0f4f9;color:#475467}.cp-auth-login:hover{background:#245c98}.cp-auth-signup:hover{background:#f7f9fc}.tipster-comments .ck-empty>button:hover{background:#f7f9fc}.tipster-comments .ck-context a:hover b{color:#4a9bd8}}
@keyframes cpSheet{from{opacity:.5;transform:translateY(40px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cp-auth-overlay,.cp-auth-dialog{animation:none!important}}
/* Guest prompts retain the reference's stacked rectangular actions. */
.cp-auth-close{width:32px;height:32px;border-radius:9px}.cp-auth-close svg{stroke-width:2.2}.cp-auth-title{margin-right:24px;text-wrap:pretty}.cp-auth-text{font-size:14px;line-height:1.55;color:#475467;margin:8px 24px 20px 0!important;text-wrap:pretty}.cp-auth-actions{flex-direction:column;flex-wrap:nowrap}.cp-auth-actions button{flex:none;min-height:44px;height:auto;border-radius:11px;font-size:14.5px;padding:0 16px}
@media(max-width:767px){.cp-auth-dialog{padding:10px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px #1018282e}.cp-auth-handle{width:40px;background:#d8dee7;margin-bottom:14px}.cp-auth-close{top:12px;right:12px;width:36px;height:36px;border-radius:10px}.cp-auth-actions button{min-height:46px;border-radius:12px;font-size:15px}}
@media(hover:hover) and (pointer:fine){.cp-auth-close:hover{background:#f1f4f8}.cp-auth-login:hover{background:#245d99}}
.tipster-comments .ck-empty{border:1px solid #e4e9f0;background:#fff}.tipster-comments .ck-composer{margin:12px 0 0 calc(clamp(34px,5.9cqw,40px) + clamp(9px,1.8cqw,12px));padding:11px;gap:9px;border-color:#e9eef5}.tipster-comments .ck-target{font-size:12px;margin-bottom:7px}.tipster-comments .ck-target b{font-weight:600;color:#1b2536}.tipster-comments .ck-compose-text{border:1px solid #dfe5ee;border-radius:10px;background:#fff}.tipster-comments .ck-compose-text textarea{border:0;resize:none;background:transparent;padding:11px 40px 11px 12px;font-size:clamp(13.5px,2.15cqw,14.5px);min-height:50px}.tipster-comments .ck-compose-footer{margin-top:9px}.tipster-comments .ck-compose-footer>.ck-primary,.tipster-comments .ck-compose-footer>.ck-secondary{height:clamp(34px,calc(44.7px - 1.57cqw),39px);padding:0 16px}.tipster-comments .ck-compose-footer>.ck-secondary{padding:0 14px}.tipster-comments .ck-hotkey{margin-left:0;font-size:12px}.tipster-comments .ck-emoji-toggle{font-size:15px;border-radius:8px;opacity:.75}.tipster-comments .ck-emoji-grid{width:min(300px,80cqw);grid-template-columns:repeat(8,1fr);top:calc(100% + 8px);padding:10px;border-radius:14px}.tipster-comments .ck-emoji-grid>button{width:auto;height:auto;padding:5px 0;font-size:17px;line-height:1.2}
@container(max-width:480px){.tipster-comments .ck-compose-text textarea{font-size:16px}.tipster-comments .ck-composer{padding:11px;gap:9px}.tipster-comments .ck-composer>.ck-avatar{width:clamp(28px,4.7cqw,32px);height:clamp(28px,4.7cqw,32px)}}
@media(hover:hover) and (pointer:fine){.tipster-comments .ck-emoji-toggle:hover{opacity:1}}