.cs-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;font-size:21px;background:#d4ef9a;color:#19331e;border:1px solid #b3d277;box-sizing:border-box}
.cs-avatar--1{background:#17271d;color:#d4ef9a;border-color:#304733}.cs-avatar--2{background:#edf4e7;color:#47692a;border-color:#c8d9b6}.cs-avatar--3{background:#a9ce66;color:#17271d;border-color:#95b65a}.cs-avatar--4{background:#304c37;color:#f3f7e9;border-color:#486550}
.cs-contributor{display:flex;align-items:center;gap:10px;margin:12px 0;color:#273e2e;min-width:0}.cs-contributor>span:last-child{min-width:0}.cs-contributor small,.cs-contributor strong{display:block;line-height:1.4;overflow-wrap:anywhere}.cs-contributor small{font-size:.73rem;color:#5a6d60}.cs-contributor strong{font-size:.9rem;font-weight:700}.cs-exercise-card .cs-contributor{margin:0}.cs-exercise-detail>.cs-contributor{margin:0 0 24px}
.cs-public-profile{border:1px solid #d8e5d2;border-radius:16px;padding:22px;margin:24px 0;background:#f8faf6;min-width:0}.cs-public-profile>legend,.cs-avatar-picker>legend{font-weight:700;padding:0 8px}.cs-public-profile>p{line-height:1.6}.cs-public-profile input[name=pseudonym]{max-width:420px;width:100%}
.cs-avatar-picker{border:0;padding:0;margin:24px 0;min-width:0}.cs-avatar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:10px;margin-top:12px}.cs-avatar-option{position:relative;cursor:pointer;min-width:0}.cs-avatar-option>input{position:absolute;opacity:0;width:1px;height:1px}.cs-avatar-option>span{display:flex;align-items:center;flex-direction:column;gap:8px;padding:12px 6px;border:2px solid transparent;border-radius:12px;background:#fff;min-height:100px;box-sizing:border-box;text-align:center}.cs-avatar-option>span>span:last-child{font-size:.76rem;line-height:1.3}.cs-avatar-option input:checked+span{border-color:#567a2c;background:#ebf4dd}.cs-avatar-option input:focus-visible+span{outline:3px solid #17271d;outline-offset:2px}.cs-avatar-option:hover>span{background:#eef5e7}
.cs-public-credit{display:flex!important;align-items:flex-start;gap:12px;line-height:1.5}.cs-public-credit input{width:22px!important;height:22px;flex:0 0 22px;accent-color:#567a2c}.cs-contributor--preview{padding:14px;border:1px dashed #b0c69b;border-radius:12px;background:#fff}
@media(max-width:480px){.cs-public-profile{padding:14px}.cs-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cs-avatar-option>span{padding:10px 4px}}