.kudos-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:start;gap:clamp(20px,2.4vw,32px);display:grid}.kudos-card{border-radius:var(--r-xl);background:radial-gradient(110% 80% at 100% 0%, var(--kudos-glow) 0%, transparent 58%), linear-gradient(180deg, var(--bg-800), var(--bg-900));border:1px solid var(--line-300);min-height:360px;box-shadow:var(--shadow-2);--kudos-accent:var(--lamp-700);--kudos-glow:var(--lamp-tint);flex-direction:column;padding:clamp(24px,3.4vw,48px);display:flex;position:relative}.kudos-card.is-gold{--kudos-accent:var(--warn-700);--kudos-glow:var(--warn-100)}.kudos-card-top{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:clamp(20px,3vw,36px);display:flex}.kudos-checked{border:1px solid var(--ok-border);color:var(--lamp-700);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:650;display:inline-flex}.kudos-name{color:var(--ink-600);margin:0;font-size:clamp(17px,1.6vw,21px)}.kudos-eyebrow{color:var(--kudos-accent);letter-spacing:.14em;text-transform:uppercase;margin:6px 0 0;font-size:13px;font-weight:650}.kudos-headline{font-family:var(--font-serif);overflow-wrap:anywhere;margin:8px 0 0;font-size:clamp(34px,4.6vw,58px);font-weight:400;line-height:1.04}.kudos-note{color:var(--ink-600);margin:12px 0 0;font-size:clamp(16px,1.5vw,19px)}.kudos-facts{flex-wrap:wrap;gap:10px;margin:auto 0 0;padding-top:clamp(20px,3vw,32px);display:flex}.kudos-facts>div{border-radius:var(--r-md,12px);background:var(--bg-950);border:1px solid var(--line-200);flex-direction:column-reverse;padding:10px 16px;display:flex}.kudos-facts dd{margin:0;font-size:20px;font-weight:700}.kudos-facts dt{color:var(--ink-500);font-size:13px}.kudos-date{margin:var(--s-4) 0 0;color:var(--ink-500);font-size:13px}.kudos-side{border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line-200);padding:clamp(20px,2.4vw,32px)}.kudos-side h2{margin:0 0 var(--s-3);font-family:var(--font-serif);font-size:clamp(26px,2.6vw,34px);font-weight:400;line-height:1.1}.kudos-side p{color:var(--ink-600)}.kudos-actions{margin-top:var(--s-4);flex-wrap:wrap;gap:10px;display:flex}.kudos-small{margin-top:var(--s-4);font-size:13px}@media (max-width:900px){.kudos-layout{grid-template-columns:1fr}.kudos-card{min-height:0}}.kudos-open{align-items:center;gap:6px;display:inline-flex}.kudos-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0d9e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.kudos-panel{border-radius:var(--r-xl);background:var(--bg-900);border:1px solid var(--line-300);width:min(560px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-3,var(--shadow-2));color:var(--ink-950);padding:clamp(18px,2.6vw,28px);overflow:auto}.kudos-panel-head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.kudos-panel-head h2{font-family:var(--font-serif);margin:0;font-size:28px;font-weight:400}.kudos-close{border:1px solid var(--line-300);width:36px;height:36px;color:var(--ink-700);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.kudos-close:hover{background:var(--bg-800)}.kudos-lead{margin:6px 0 var(--s-4);color:var(--ink-600);font-size:15px}.kudos-preview{aspect-ratio:1200/630;border-radius:var(--r-lg,14px);border:1px solid var(--line-300);background:#0f1115;position:relative;overflow:hidden}.kudos-preview img{object-fit:cover;width:100%;height:100%;display:block}.kudos-preview-wait{color:#a9aeb6;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.kudos-name-choice{margin-top:var(--s-3);align-items:center;gap:8px;font-size:14px;display:flex}.kudos-name-note{color:var(--ink-500);margin:4px 0 0;font-size:13px}.kudos-system{width:100%;margin-top:var(--s-4)}.kudos-ways{--kudos-per-line:4;margin:var(--s-4) 0 0;flex-wrap:wrap;gap:8px;display:flex}.kudos-way{--kudos-span:1;flex:1 1 calc((100% - (var(--kudos-per-line) - 1) * 8px) / var(--kudos-per-line) * var(--kudos-span) + (var(--kudos-span) - 1) * 8px - .5px);box-sizing:border-box;border-radius:var(--r-md,12px);border:1px solid var(--line-200);background:var(--bg-800);min-width:0;color:var(--ink-900);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.kudos-way:hover{border-color:var(--line-input);background:var(--bg-700)}.kudos-way svg{width:22px;height:22px}.kudos-way.is-lead{--kudos-span:2;color:#fff;background:#0a66c2;border-color:#0a66c2;flex-direction:row;justify-content:center}.kudos-way.is-lead:hover{background:#004182}.kudos-copy{margin-top:var(--s-4);gap:8px;display:flex}.kudos-copy input{border-radius:var(--r-md,12px);border:1px solid var(--line-input);background:var(--bg-950);min-width:0;color:var(--ink-800);font:inherit;flex:1;padding:10px 12px;font-size:13px}.kudos-foot{margin-top:var(--s-4);color:var(--ink-500);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.kudos-foot p{flex:260px;align-items:center;gap:6px;margin:0;display:flex}.kudos-problem{margin:var(--s-3) 0 0;color:var(--bad-700,#c0392b);font-size:14px}@media (max-width:520px){.kudos-backdrop{align-items:end;padding:0}.kudos-panel{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-height:92dvh}.kudos-ways{--kudos-per-line:3}.kudos-way.is-lead{--kudos-span:3}}.ch-board-kudos{margin-top:var(--s-4);border-radius:var(--r-lg,14px);border:1px solid var(--warn-border);background:var(--warn-100);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.ch-board-kudos p{margin:0;font-weight:600}
