.visitor-panel,.visitor-invite,.visitor-list{margin:10px 0;padding:14px;border:1px solid #c7ded5;border-radius:18px;background:#f7fcf5;color:#234d48;min-width:0}.visitor-panel[hidden],.visitor-invite[hidden]{display:none}.visitor-heading{display:flex;align-items:center;gap:8px}.visitor-heading>div{flex:1;min-width:0}.visitor-heading b,.visitor-heading small{display:block}.visitor-heading small,.visitor-note{font-size:12px;color:#56716b}.visitor-panel button,.visitor-invite button,.visitor-list button{min-height:44px;border:1px solid #b6d2c6;border-radius:12px;background:white;color:#234d48;padding:9px 12px;font:inherit;cursor:pointer}.visitor-panel button:disabled{opacity:.5}.visitor-primary{background:#276f63!important;color:white!important;font-weight:700!important}.visitor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.visitor-actions>*{flex:1}.visitor-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.visitor-option{overflow-wrap:anywhere}.visitor-option span{display:block;font-size:27px}.visitor-option b{font-size:16px}.visitor-option.suggested{outline:3px solid #e4be60}.visitor-letters{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.visitor-letters button{min-width:44px;font-size:21px}.visitor-spell{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.visitor-spell span{padding:5px 9px;background:#e7f3e8;border-radius:8px;font-size:22px}.visitor-reference{font-size:25px;letter-spacing:2px}.visitor-progress{display:flex;gap:8px;margin:10px 0}.visitor-progress span{flex:1;background:#e1ebe4;height:7px;border-radius:7px}.visitor-progress .done{background:#3b9477}.visitor-feedback{background:#fff5d5;padding:10px;border-radius:10px;line-height:1.6}.visitor-list summary{cursor:pointer;font-weight:700;min-height:30px}.visitor-friends{display:grid;gap:9px;margin-top:10px}.visitor-friends>article{display:flex;align-items:center;gap:9px}.visitor-friends>article>div{flex:1}.visitor-friends b,.visitor-friends small{display:block}.visitor-friends small{font-size:12px;color:#56716b}.visitor-question{font-size:19px;line-height:1.65;overflow-wrap:anywhere}.visitor-read-row{display:flex;gap:8px;align-items:center;margin:10px 0}.visitor-caption{font-size:13px;line-height:1.5}.visitor-panel:focus{outline:2px solid #3b9477}@media(max-width:350px){.visitor-panel,.visitor-invite,.visitor-list{padding:10px}.visitor-options{gap:5px}.visitor-panel button{padding:8px}.visitor-option b{font-size:14px}}
.visitor-memory-photo{display:block;width:100%;max-height:190px;object-fit:cover;border-radius:12px;margin:8px 0 15px}