header h1{flex:1;font-size:1.6rem;font-weight:700}main{max-width:700px;margin:0 auto;padding:2rem}.top-bar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.people-search{background:var(--white);color:var(--text);border:1.5px solid #ccc;border-radius:8px;flex:1;max-width:320px;padding:.5rem .85rem;font-family:Outfit,sans-serif;font-size:.95rem;transition:border-color .15s}.people-search:focus{border-color:var(--blue);outline:none}.people-search::placeholder{opacity:.5}.add-btn{background-color:var(--blue);color:var(--white);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:.5rem 1rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;transition:opacity .15s}.add-btn:hover{opacity:.88}#people-list{flex-direction:column;gap:.75rem;display:flex}.status-message{text-align:center;color:var(--text);opacity:.6;padding:3rem 1rem;font-size:1.1rem}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:flex-start;padding:5vh 1rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--white);border-radius:12px;flex-direction:column;gap:1rem;width:100%;max-width:540px;max-height:90vh;padding:1.5rem;display:flex;box-shadow:0 8px 32px #0000002e}.modal-title{color:var(--text);font-size:1.05rem;font-weight:700}.modal-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;min-height:0;display:grid;overflow-y:auto}.modal-photo{cursor:pointer;background:#eee;border:2px solid #0000;border-radius:6px;height:0;padding-bottom:100%;transition:border-color .15s;position:relative;overflow:hidden}.modal-photo:hover{border-color:var(--blue)}.photo-source-link{color:var(--white);opacity:0;z-index:2;background:#34403a99;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;line-height:1;text-decoration:none;transition:opacity .15s;display:flex;position:absolute;bottom:5px;right:5px}.modal-photo:hover .photo-source-link{opacity:1}@media (hover:none){.photo-source-link{opacity:.6}}.modal-photo img{max-width:none;display:block;position:absolute}.modal-footer{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.picker-nav{flex-shrink:0;justify-content:center;align-items:center;gap:.75rem;display:flex}.picker-nav-btn{cursor:pointer;color:var(--text);background:0 0;border:2px solid #ccc;border-radius:6px;padding:.35rem .8rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;transition:border-color .15s,color .15s}.picker-nav-btn:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.picker-nav-btn:disabled{opacity:.35;cursor:default}.picker-nav-info{color:var(--text);opacity:.65;text-align:center;min-width:3.5rem;font-size:.9rem}.clear-btn{cursor:pointer;color:var(--text);background:0 0;border:2px solid #ccc;border-radius:6px;margin-right:auto;padding:.35rem .9rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;transition:border-color .15s}.clear-btn:hover{border-color:var(--text)}.cancel-btn{cursor:pointer;color:var(--text);background:0 0;border:2px solid #ccc;border-radius:6px;padding:.35rem .9rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;transition:border-color .15s}.cancel-btn:hover{border-color:var(--text)}@media (width<=600px){header h1{font-size:1.1rem}main{padding:1rem}}