#pane{z-index:10;background-color:#efefef;width:400px;height:calc(100vh - 70px);position:absolute;top:0;overflow-y:auto}.pane-close-btn{cursor:pointer;z-index:11;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-color:#0000;border:none;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .2s;display:flex;position:absolute;top:10px;right:10px}.pane-close-btn svg{fill:#666;width:16px;height:16px;transition:fill .2s}.pane-close-btn:hover svg{fill:#333}.pane-close-btn:active{transform:scale(.95)}@media (max-width:768px){#pane{width:100%;height:calc(100vh - 70px);top:0;left:0;overflow-y:auto}.pane-close-btn{width:35px;height:35px;font-size:20px;top:15px;right:15px}.pane-close-btn svg{width:20px;height:20px}.actions{flex-wrap:wrap;justify-content:center}.action-button{width:80px;height:75px;margin:2px}.action-button-label{margin-top:6px;font-size:11px;line-height:1.1}.photos{height:180px}.photos img{max-width:100%;height:auto}}.photos{justify-content:center;height:200px;display:flex}.photos.clickable{cursor:pointer}.actions{background-color:#fff;margin:5px;display:inline-flex;box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f}.action-button{cursor:pointer;border:1px solid #ddd;flex-direction:column;justify-content:center;align-items:center;width:90px;height:70px;padding:8px 5px;display:flex}.action-button:hover{background-color:#ddd}.action-button-label{text-align:center;color:#2f4f4f;margin-top:8px;font-size:small;line-height:1.2}.reviews{background-color:#fff;flex-direction:column;justify-content:space-around;margin:5px;display:flex;box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f}.reviews-label{color:#333;padding:10px;font-weight:500}
.modal::backdrop{background:#00000080}.modal{border:0;border-radius:1rem;width:90vw;min-width:320px;max-width:500px;padding:2rem;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);position:fixed;box-shadow:0 0 .5rem .25rem #0000001a}.form-title{color:#fff;background-color:#3c5aa9;border-radius:1rem 1rem 0 0;width:100%;height:48px;margin-bottom:30px;padding:0 1rem;line-height:45px;position:absolute;top:0;left:0}.form-title-text{padding-left:10px;font-size:x-large;font-weight:700}.form-spacer{padding-top:40px}.modal-close-btn{cursor:pointer;color:#fff;background-color:#0000;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;transition:background-color .2s;display:flex}.modal-close-btn:hover{background-color:#ffffff1a}
.photos-dialog{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}
.review{border:1px solid #ddd;padding:5px;display:flex}.details{width:calc(100% - 80px);padding-left:10px}.details-reviewer,.review-status{display:flex}.review-name{padding-left:5px;font-size:.9em;font-weight:500}.review-date{color:#777;margin-left:auto;font-size:.9em;font-weight:300}.review-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;padding-top:3px;font-size:.8em;font-style:italic;display:-webkit-box;overflow:hidden}
.profile{border:1px solid #ddd;border-radius:5px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;overflow:hidden}.profile-image{object-fit:cover;border-radius:4px}.profile-initials{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px #0000001a;font-weight:600}
@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.review-skeleton{border:1px solid #ddd;margin-bottom:8px;padding:5px;display:flex}.skeleton-user-photo{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200px 100%;border-radius:50%;width:60px;height:60px;animation:1.5s infinite shimmer}.skeleton-details{width:calc(100% - 80px);padding-left:10px}.skeleton-details-reviewer{align-items:center;margin-bottom:8px;display:flex}.skeleton-review-status{flex:1;align-items:center;display:flex}.skeleton-status-badge{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200px 100%;border-radius:10px;width:60px;height:20px;animation:1.5s infinite shimmer}.skeleton-review-name{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200px 100%;border-radius:4px;width:80px;height:16px;margin-left:5px;animation:1.5s infinite shimmer}.skeleton-review-date{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200px 100%;border-radius:4px;width:60px;height:14px;animation:1.5s infinite shimmer}.skeleton-review-description{flex-direction:column;gap:4px;display:flex}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200px 100%;border-radius:4px;height:12px;animation:1.5s infinite shimmer}.skeleton-line:first-child{width:90%}.skeleton-line:nth-child(2){width:85%}.skeleton-line.short{width:60%}
.location-attribution{color:#666;background-color:#f8f9fa;border-left:3px solid #007bff;margin:5px;padding:10px;font-size:12px}.attribution-link{color:#007bff;text-decoration:none}.attribution-link:hover{text-decoration:underline}.license-info{color:#495057;font-weight:500}
.empty-reviews{text-align:center;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding:60px 30px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.empty-reviews:before{content:"";background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);position:absolute;top:0;left:0;right:0}.empty-reviews-icon{opacity:.8;text-shadow:0 2px 4px #0000001a;margin-bottom:20px;font-size:3.5em}.empty-reviews-title{color:#2d3748;letter-spacing:-.5px;margin-bottom:12px;font-size:1.5em;font-weight:700}.empty-reviews-message{color:#4a5568;max-width:350px;margin-bottom:30px;margin-left:auto;margin-right:auto;font-size:1em;font-weight:400;line-height:1.6}.empty-reviews-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50px;padding:14px 28px;font-size:1em;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.empty-reviews-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.empty-reviews-button:active{transform:translateY(0)}
.fab{color:#fff;cursor:pointer;z-index:1000;background-color:#3c5aa9;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex;position:fixed;bottom:40px;right:64px;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a}.fab:hover{background-color:#2d4493;transform:translateY(-1px);box-shadow:0 6px 16px #0003,0 3px 6px #00000026}.fab:active{transform:translateY(0);box-shadow:0 2px 8px #00000026,0 1px 2px #0000001a}.fab-active{background-color:#dc2626;transform:rotate(45deg)}.fab-active:hover{background-color:#b91c1c}@media (max-width:768px){.fab-hidden{display:none}}
