.live-evaluation{margin:24px auto;padding:22px;max-width:640px;background:#281a39;border:1px solid #756286;border-radius:20px;text-align:left;color:#fff}.live-evaluation[hidden]{display:none}.live-evaluation h2{font-size:1.4rem}.live-evaluation p{color:#ded4e8;font-size:1rem;line-height:1.5}.live-evaluation fieldset{margin:22px 0;padding:14px 0;border:0;border-top:1px solid #675174}.live-evaluation legend{font-size:1.05rem;line-height:1.45;font-weight:600;padding-right:12px}.evaluation-stars{display:flex;gap:8px;margin-top:12px}.evaluation-stars label{position:relative;display:grid;place-items:center;min-width:44px;min-height:48px;border-radius:9px;border:1px solid #917da2;cursor:pointer;background:#21132f}.evaluation-stars input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}.evaluation-stars span{font-size:32px;color:#a094ac}.evaluation-stars .selected span{color:#d2ff32}.evaluation-stars label:focus-within{outline:3px solid #64e4dc;outline-offset:3px}.live-evaluation input[type=range]{width:100%;min-height:44px;accent-color:#ccff32}.live-evaluation output{display:block;margin:14px 0 0;color:#d2ff32;font-size:1.6rem;font-weight:700}.evaluation-range{display:flex;justify-content:space-between}.live-evaluation form>button{margin:8px 8px 0 0;min-height:44px}.evaluation-dialog{width:min(760px,94vw);max-height:90vh;overflow:auto;border:1px solid #756286;border-radius:18px;background:#21132f;color:white;padding:24px}.evaluation-dialog::backdrop{background:#10081ccc}.evaluation-setting{display:flex;align-items:center;gap:12px;margin:20px 0}.evaluation-setting input{width:22px;height:22px;accent-color:#64e4dc}.evaluation-summary article{padding:14px 0;border-top:1px solid #675174}.evaluation-summary p{line-height:1.5}.evaluation-summary strong{color:#64e4dc}.evaluation-summary .evaluation-distribution{font-size:.9rem;color:#ded4e8}