.story-reviews-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.story-reviews-heading>div{min-width:0}.story-page.detail .story-reviews-heading+.story-rating-panel{padding-block-start:0}.story-page.detail .story-reviews-heading h2{margin:0}.story-reviews-summary{margin:6px 0 0;color:var(--ludio-muted);font-size:12px;line-height:1.6}.story-reviews-open{flex:0 0 auto;min-height:40px;padding:8px 14px;border:1px solid var(--ludio-line-strong);border-radius:9px;background:transparent;color:var(--ludio-text);font-size:13px;font-weight:500}.story-reviews-notice{margin:0;color:var(--ludio-accent-text);font-size:13px;line-height:1.6}.story-review-overlay{position:fixed;inset-inline:0;top:var(--detail-overlay-top, 0px);height:var(--detail-overlay-height, 100dvh);z-index:1100;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#000a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overscroll-behavior:none}.story-review-dialog{display:flex;flex-direction:column;width:min(100%,400px);max-height:100%;min-width:0;overflow:hidden;margin:0;border:1px solid var(--ludio-line-strong);border-radius:18px;background:var(--ludio-surface);color:var(--ludio-text);box-shadow:var(--ludio-shadow-elevated, 0 24px 80px #0006);text-align:start}.story-review-dialog form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.story-review-body{flex:1 1 auto;padding:0 24px 12px;overflow-y:auto;overscroll-behavior:none}.story-review-description{margin:0;color:var(--ludio-muted);font-size:13px;line-height:1.7}.story-review-rating{padding:38px 0 28px;text-align:center}.story-review-rating h3{margin:0 0 22px;color:var(--ludio-text);font-size:21px;font-weight:700;line-height:1.35}.story-review-stars{display:flex;justify-content:center;gap:clamp(2px,1.4vw,8px);width:100%;min-width:0;margin:0;padding:0;border:0;overflow:visible;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.story-review-stars label{position:relative;display:grid;place-items:center;flex:1 1 44px;width:48px;max-width:48px;min-width:40px;height:52px;cursor:pointer;color:var(--ludio-rating);transition:color .22s ease,filter .22s ease;-webkit-tap-highlight-color:transparent}.story-review-stars input{position:absolute;inset:0;z-index:1;opacity:0;width:100%;height:100%;margin:0;cursor:inherit}.story-review-star-glyph{display:grid;place-items:center;width:40px;height:40px;transform:scale(1);transform-origin:center;pointer-events:none}.story-review-star-glyph .ui-icon{width:34px;height:34px;fill:none;pointer-events:none}.story-review-stars label.is-selected{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--ludio-rating) 24%,transparent))}.story-review-stars label.is-selected .ui-icon{fill:currentColor}.story-review-star-glyph.is-popping{animation:story-review-star-pop .3s cubic-bezier(.2,.75,.25,1) both;animation-delay:var(--story-star-delay, 0ms)}.story-review-star-glyph.is-popping.is-wave{animation-name:story-review-star-wave}@keyframes story-review-star-pop{0%,to{transform:scale(1)}42%{transform:scale(1.25)}68%{transform:scale(.96)}}@keyframes story-review-star-wave{0%,to{transform:translateY(0) scale(1)}42%{transform:translateY(-6px) scale(1.25)}68%{transform:translateY(1px) scale(.96)}}.story-review-rating-label{position:relative;display:grid;place-items:center;min-height:30px;margin-top:5px;overflow:hidden;color:#f4bb45;font-size:17px;font-weight:650;line-height:1.4}.story-review-rating-label>span{grid-area:1 / 1}.story-review-rating-label>.is-entering{animation:story-review-label-in .2s ease both}.story-review-rating-label>.is-exiting{animation:story-review-label-out .2s ease both}@keyframes story-review-label-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes story-review-label-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-9px)}}:where([data-keyboard]) .story-review-stars label:has(input:focus-visible){outline:2px solid var(--ludio-accent-text);outline-offset:2px;border-radius:8px}.story-review-stars:disabled label{cursor:default;opacity:.55}.story-review-comment{position:relative;padding-bottom:24px}.story-review-comment .comment-text-editor{display:block;width:100%;min-width:0;min-height:min(126px,var(--comment-editor-space, 126px));margin:0;padding:14px 14px 30px;border:1px solid var(--ludio-line-strong);border-radius:10px;background:var(--ludio-surface-raised);color:var(--ludio-text);font-family:inherit;font-size:16px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:min(224px,var(--comment-editor-space, 224px));overflow-y:auto}.story-review-comment .comment-text-editor[data-empty=true]:before{content:attr(data-placeholder);color:var(--ludio-muted);pointer-events:none}.story-review-comment .comment-text-editor:focus{outline:2px solid var(--ludio-accent);outline-offset:2px}.story-review-comment .comment-text-editor[aria-invalid=true]{border-color:var(--ludio-danger)}.story-review-count{position:absolute;inset-inline-end:12px;bottom:31px;margin:0;color:var(--ludio-muted);font-size:12px;line-height:1.5}.story-review-count.invalid,.story-review-error{color:var(--ludio-danger)}.story-review-status,.story-review-error{margin:12px 0 0;font-size:13px;line-height:1.6}.story-review-status{color:var(--ludio-muted)}.story-review-status button{min-height:40px;padding:4px 8px;border:0;background:transparent;color:var(--ludio-accent-text);font:inherit}.story-review-actions{display:flex;flex:0 0 auto;padding:16px 24px max(24px,env(safe-area-inset-bottom))}.story-review-actions button{flex:1 1 auto;min-width:0;min-height:var(--ludio-control-heightLarge);padding:var(--ludio-control-padding);border:1px solid transparent;border-radius:var(--ludio-control-radius);font-family:inherit;font-size:var(--ludio-control-font);font-weight:var(--ludio-control-weight);line-height:var(--ludio-control-line)}.story-review-actions .story-review-submit{background:var(--ludio-brand-fill);color:var(--ludio-on-accent)}.story-review-actions button:disabled{background:var(--ludio-surface-raised);color:var(--ludio-muted);cursor:not-allowed}@media(max-width:360px){.story-reviews-heading{gap:10px}.story-reviews-open{padding-inline:10px;font-size:12px}.story-review-body,.story-review-actions{padding-inline:18px}.story-review-rating{padding-block:30px 24px}}@media(max-width:520px){.story-review-overlay{padding:0}.story-review-dialog{width:100%;height:100%;max-height:100%;border:0;border-radius:0;background:var(--ludio-bg)}.story-review-dialog>.dialog-header{padding-top:max(6px,env(safe-area-inset-top,0px))}.story-review-body{padding-top:6px}.story-review-actions{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.story-review-stars label,.story-review-star-glyph,.story-review-rating-label>span{animation:none!important;transition:none}.story-review-star-glyph.is-popping{animation:none!important}}@media(hover:hover){.story-review-stars label:not(.is-selected):has(input:not(:disabled)):hover{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--ludio-rating) 24%,transparent))}.story-reviews-open:hover{background:var(--ludio-accent-soft)}}
