.community-panel{margin:24px 0 28px;padding:24px;border:1px solid #293349;border-radius:20px;background:linear-gradient(125deg,#111b2d,#0b111f);color:#dfeafb}.community-score{display:flex;gap:24px;align-items:center}.community-score>div:first-child{display:grid;gap:6px}.community-score strong{font-family:Space,Manrope,Arial,sans-serif;font-size:36px;font-weight:500;line-height:1.1;letter-spacing:-1.5px}.community-score strong small{color:#8494ac;font-family:inherit;font-size:15px;margin-left:5px;letter-spacing:0}.community-stars{font-size:24px;letter-spacing:3px;color:#f5c779}.community-score p,.community-empty{font-size:12px;color:#9bacc6;margin:5px 0 0;line-height:1.7}.community-sentiments{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 16px}.community-sentiments span{display:flex;gap:12px;font-size:11px;border:1px solid #344159;border-radius:20px;padding:4px 10px;background:#192238}.community-sentiments .sentiment-positive{color:#9de1c5;background:#112d2c;border-color:#235246}.community-sentiments .sentiment-negative{color:#eaa7b7;background:#301e2a;border-color:#513144}.community-reactions{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;border-top:1px solid #273249;padding-top:18px}.community-reactions>div{display:grid;justify-items:center;gap:5px;font-size:10px;color:#9eb1cc}.community-reactions svg{width:23px;height:23px;color:#9dccff}.community-reactions b{color:#e6efff;font-size:12px}.comment-form .comment-rating-input,.comment-form .comment-reaction-input{padding:0;margin:0;border:0;min-width:0}.comment-form fieldset legend{font-size:12px;color:#c7d9f2;font-weight:600;margin-bottom:10px}.comment-star-options{display:flex;gap:8px;flex-wrap:wrap}.comment-star-options label{position:relative;cursor:pointer;display:grid;justify-items:center;gap:3px;border:1px solid #34445e;background:#0d1626;border-radius:12px;min-width:50px;padding:9px 11px;color:#8d9eb7!important;font-size:10px}.comment-star-options input,.comment-reaction-options input{position:absolute;opacity:0;width:1px!important;height:1px!important;padding:0!important;min-height:0!important}.comment-star-options .rating-star{font-size:24px;line-height:1;color:#c1d1e7}.comment-star-options label:has(input:checked){color:#f5c779!important;background:#2b271d;border-color:#c29b5d}.comment-star-options label:has(input:checked) .rating-star{color:#f5c779}.comment-star-options label:has(input:focus-visible),.comment-reaction-options label:has(input:focus-visible){outline:2px solid #b5d9ff;outline-offset:4px}.comment-reaction-options{display:flex;gap:7px;flex-wrap:wrap}.comment-reaction-options label{position:relative;display:flex;gap:6px;align-items:center;padding:7px 9px;border:1px solid #2c3b52;border-radius:20px;background:#0d1626;color:#9eb1cc!important;font-size:10px;cursor:pointer}.comment-reaction-options svg{height:17px;width:17px}.comment-reaction-options label:has(input:checked){background:#1b3552;border-color:#9dccff;color:#d9eaff!important}.comment-membership-note{font-size:12px;line-height:1.8;color:#9bacc6}.comment-membership-note a{color:#b6d8ff;text-decoration:underline;text-underline-offset:3px}.comment-form{scroll-margin-top:190px}@media(max-width:600px){.community-panel{padding:18px}.community-score{gap:16px}.community-score strong{font-size:30px}.community-stars{font-size:19px;letter-spacing:1px}.community-reactions{gap:5px}.community-reactions>div{font-size:9px}.community-reactions svg{width:20px;height:20px}.comment-star-options{gap:6px}.comment-star-options label{min-width:43px;padding:8px}.community-sentiments span{gap:8px}}

.comment-composer{margin:24px 0;border:1px solid #30435e;border-radius:16px;background:#0b1525;overflow:hidden}.comment-composer>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;font-size:13px;color:#dbeaff;background:linear-gradient(110deg,#172c47,#101c30)}.comment-composer>summary::-webkit-details-marker{display:none}.comment-composer>summary>b{font-size:22px;color:#9dccff;font-weight:400;line-height:1}.comment-composer[open]>summary>b{transform:rotate(45deg)}.comment-composer>summary:focus-visible{outline:2px solid #b5d9ff;outline-offset:-4px}.comment-composer .comment-form{margin:0;padding:22px}.comment-composer .comment-form h3{font-size:20px;margin:0}.comment-composer .comment-membership-note{margin:0}.comment-composer[open]>summary{border-bottom:1px solid #30435e}@media(max-width:600px){.comment-composer .comment-form{padding:18px}.comment-composer>summary{padding:15px 18px}}

.story-feedback-link{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0 25px;padding:12px 0;border-bottom:1px solid #293349;color:#a8cbed;font-size:12px}.story-feedback-link:focus-visible{outline:2px solid #b5d9ff;outline-offset:5px}#comments{scroll-margin-top:200px}@media(max-width:600px){#comments{scroll-margin-top:165px}}
