/* share.css: /share, a testimonial for Rosemary (share.js). */
.star-pick{display:flex;gap:var(--s1);align-items:center}
.star-pick input{position:absolute;opacity:0;width:1px;height:1px}
.star-pick label{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);font-size:34px;line-height:1;color:var(--gold-line);cursor:pointer;transition:color .15s,transform .15s}
.star-pick:has(input:checked) label{color:var(--gold)}
.star-pick input:checked~input+label{color:var(--gold-line)}
.star-pick input:focus-visible+label{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}
.video-box{display:grid;gap:var(--s2)}
.video-stage{position:relative;max-width:360px;border-radius:16px;overflow:hidden;background:var(--night);border:1px solid var(--gold-line)}
.video-stage video{display:block;width:100%;max-height:70vh;aspect-ratio:9/16;object-fit:cover;background:var(--night)}
.video-stage video[data-live]{transform:scaleX(-1)}
.video-stage video[data-playback]{object-fit:contain}
.rec-time{position:absolute;top:10px;left:10px;margin:0;padding:4px 10px;border-radius:999px;background:var(--rose);color:var(--night);font-size:14px}
.row-btns{display:flex;flex-wrap:wrap;gap:var(--s2)}
.file-btn{position:relative;overflow:hidden}
.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.upload-bar{height:6px;border-radius:999px;background:var(--gold-line-soft);overflow:hidden}
.upload-bar span{display:block;height:100%;width:0;background:var(--gold);transition:width .2s}
.review-item video{width:100%;max-height:520px;border-radius:12px;background:var(--night)}
.stars-line{color:var(--gold);font-size:20px;letter-spacing:.08em}
.row-btns[hidden],.video-stage[hidden],.video-stage video[hidden],.upload-bar[hidden]{display:none}