/* One continuous recording flow; selectors stay inside the project sheet. */
.experience-record{margin:16px 0;border:1px solid #dcd1e5;border-radius:18px;background:#fffdfa;padding:14px}
.experience-record .my-comment{margin:0;padding:0 0 12px;border:0;border-radius:0;background:transparent}
.experience-record h3,.experience-record h4{margin:0 0 7px;font-size:17px;line-height:1.5}
.experience-record .my-comment p{margin:0 0 8px;font-size:13px}
.experience-record .my-comment textarea{min-height:88px;padding:10px;line-height:1.5}
.experience-record .comment-footer{margin-top:5px;gap:8px}
.experience-record .comment-footer button{min-height:36px;padding:6px 10px;white-space:nowrap}
.experience-record .my-comment>small{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:#627064}
.experience-record .community{margin:0;padding:12px 0 0;border-top:1px solid #e2d9e7}
.experience-record .publish-controls{padding:0;margin:0;background:transparent}
.experience-record .rating-editor>p{margin:0 0 6px;font-size:12px}
.experience-record .rating-group{padding:6px 0;margin:4px 0;border-top:0}
.experience-record .rating-group legend{padding:0;font-size:14px}
.experience-record .emoji-rating{gap:5px;padding-top:3px}
.experience-record .emoji-rating label{min-height:74px;padding:6px 1px;border-radius:12px;gap:1px}
.experience-record .emoji-rating span.rating-face{width:44px;max-width:100%}
.experience-record .emoji-rating span.rating-word{font-size:11px;line-height:1.25;min-height:14px;white-space:normal;word-break:keep-all}
.experience-record .emoji-rating span.rating-number{top:5px;left:5px;font-size:9px}
.experience-record .emoji-rating output{font-size:12px;line-height:1.4;margin:0}
.experience-record .emoji-rating output{grid-column:1/-1}
.experience-record .rating-group>small{font-size:11px;line-height:1.4;margin:0}
.experience-record details{margin:8px 0;border:1px solid #ded9cf;border-radius:10px;background:#fcfbf6;padding:8px 10px}
.experience-record details>summary{min-height:28px;font-weight:600;font-size:14px;line-height:28px;cursor:pointer;color:#5c5366}
.experience-record #reviewSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}
.experience-record .community-score{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:7px 3px;background:white;border:1px solid #e5dfdb;border-radius:9px;font-size:12px}
.experience-record .community-score strong{font-size:14px}.experience-record .community-score small{font-size:11px;text-align:center}
.experience-record .average-face .rating-icon{width:27px;height:27px}
.experience-record .score-note{grid-column:1/-1;margin:3px 0;font-size:11px;line-height:1.5}
.experience-record .photo-editor{margin:12px 0;padding:12px 0;border-top:1px solid #e2d9e7;border-bottom:1px solid #e2d9e7}
.experience-record .photo-editor p{margin:5px 0;font-size:12px;line-height:1.5}
.experience-record .photo-editor input{min-height:40px;width:100%;padding:3px 0}
.experience-record .photo-editor input::file-selector-button{min-height:36px;border:1px solid #bfaccf;border-radius:9px;background:#f1eaf8;color:#4d3b62;padding:6px 10px;font:inherit;cursor:pointer;margin-right:8px}
.experience-record .photo-help,.experience-record .review-privacy-help{padding:3px 8px;margin:5px 0;background:transparent;border:0}
.experience-record .photo-help>summary,.experience-record .review-privacy-help>summary{font-size:12px;font-weight:400}
.experience-record .review-photo-grid:empty{display:none}.experience-record .review-photo-grid{margin:6px 0;gap:6px}
.experience-record .review-photo-grid img{height:88px}
.experience-record .review-nickname{display:flex;align-items:center;gap:10px;margin:6px 0;font-size:13px;white-space:nowrap}
.experience-record #reviewNickname{min-width:0;margin:0;padding:8px;font-size:14px}
.experience-record .review-privacy-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.experience-record .review-privacy-options label{display:flex;align-items:center;gap:4px;min-height:40px;margin:0;padding:6px 8px;background:#f3f2ec;border-radius:9px;font-size:12px}
.experience-record .review-privacy-options input{width:16px;height:16px;flex:0 0 16px;margin:0;padding:0}
.experience-record #photoVisibility,.experience-record #publishStatus{margin:6px 0;font-size:12px;line-height:1.5}
.experience-record #publishReview{width:100%;min-height:44px;margin:6px 0;background:var(--dream-deep,#4d3b62);border-color:var(--dream-deep,#4d3b62);color:white;font-size:16px;font-weight:650}
.experience-record .public-reviews-fold{margin-top:12px}.experience-record .public-review{margin:7px 0;padding:9px}.experience-record #publicReviews{font-size:13px;line-height:1.6}
@media(max-width:370px){.experience-record{padding:10px}.experience-record .emoji-rating{gap:3px}.experience-record .emoji-rating span.rating-face{width:39px}.experience-record .emoji-rating label{min-height:71px}.experience-record .rating-group>small{font-size:10px}.experience-record .review-privacy-options{gap:4px}.experience-record .review-privacy-options label{padding:5px;font-size:11px}}
.experience-record .photo-add-row{display:flex;align-items:center;gap:12px;margin:9px 0}
.experience-record #addReviewPhotos{min-height:44px;padding:9px 15px;border:1px dashed #a18ab4;border-radius:12px;color:var(--dream-deep,#4d3b62);background:linear-gradient(135deg,#fffdf7,#f1eafa);font-weight:600;box-shadow:0 3px 0 #dcd1e560;transition:transform .15s,box-shadow .15s}
.experience-record #addReviewPhotos:active:not(:disabled){transform:translateY(2px);box-shadow:none}
.experience-record #addReviewPhotos:disabled{opacity:.6;cursor:default}
.experience-record #reviewPhotoCount{font-size:12px;color:#6b6074}
.experience-record #photoStatus:empty,.experience-record #publishStatus:empty{display:none}
.experience-record #undoReviewPhoto{min-height:36px;padding:5px 10px;margin-left:4px;border:1px solid #b9a6c9;border-radius:9px;background:#fff;color:#4d3b62;font-weight:600}
.experience-record .review-photo-grid>div{min-width:0;position:relative}
.experience-record .review-photo-grid [data-remove-photo]{min-height:36px;width:100%;margin-top:3px;padding:5px;border:1px solid #ddd3e3;border-radius:8px;background:#fff9f5;color:#6c5367}
.experience-record .review-login{padding:10px 12px;margin:0 0 12px;border-radius:10px;background:#f5f0df}
.experience-record .review-visibility-help{font-size:12px;line-height:1.7}
#detail .detail-dismiss{position:sticky;top:12px;height:0;z-index:8;display:flex;justify-content:flex-end;pointer-events:none}
#detail .detail-dismiss .close{position:static;flex:0 0 44px;width:44px;height:44px;min-height:44px;transform:translateX(10px);border:1px solid #d9cbe2;background:#fffdf8f5;box-shadow:0 3px 12px #50366e20;pointer-events:auto}
.map-search-status{margin:0 18px 10px;padding:7px 12px;border-radius:9px;background:#f3eef9;color:#5c4677;font-size:12px}
.map-search-status[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.experience-record #addReviewPhotos{transition:none;transform:none!important}}