:root{--terracotta:#c96a3d;--warm-sand:#d9c7b6;--soft-ivory:#f7f3ee;--warm-beige:#efe7de;--charcoal:#1f2730;--muted-slate:#5b6570;--deep-slate:#101a23;--dark-graphite:#182028;--warm-gray:#d8d2cb;--font-heading:"Cormorant Garamond", Georgia, serif;--font-body:"Lora", Georgia, serif;font-family:var(--font-body);color:var(--charcoal);background:var(--soft-ivory);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3{font-family:var(--font-heading);margin:0;font-weight:500}p{margin:0}.app-header{z-index:10;border-bottom:1px solid var(--warm-gray);background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:8px;display:flex}.header-logo-mark{width:auto;height:30px}.app-wordmark{font-family:var(--font-heading);color:var(--terracotta);letter-spacing:.06em;font-size:28px;font-weight:500}.sign-out-btn{font-family:var(--font-body);color:var(--muted-slate);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:13px;transition:color .15s}.sign-out-btn:hover{color:var(--charcoal)}.main-content{flex-direction:column;flex:1;gap:32px;width:100%;max-width:520px;margin:0 auto;padding:24px 20px 48px;display:flex}.capture-card{border:1px solid var(--warm-gray);background:#fff;border-radius:10px;flex-direction:column;gap:16px;padding:20px;display:flex}.form-fields{flex-direction:column;gap:12px;display:flex}.form-fields input[type=text]{font-family:var(--font-body);border:1px solid var(--warm-gray);background:var(--soft-ivory);color:var(--charcoal);border-radius:6px;outline:none;width:100%;padding:12px 14px;font-size:16px;transition:border-color .2s}.form-fields input[type=text]:focus{border-color:var(--terracotta);background:#fff}.container-select{font-family:var(--font-body);border:1px solid var(--warm-gray);background:var(--soft-ivory);color:var(--charcoal);cursor:pointer;border-radius:6px;outline:none;width:100%;padding:12px 14px;font-size:16px;transition:border-color .2s}.container-select:focus{border-color:var(--terracotta);background:#fff}.container-select:disabled{opacity:.45;cursor:not-allowed}.container-confirm{color:var(--muted-slate);padding:2px;font-size:13px}.photo-input-label{cursor:pointer;border:1px dashed var(--warm-gray);border-radius:6px;transition:border-color .2s;display:block;overflow:hidden}.photo-input-label:hover{border-color:var(--terracotta)}.photo-input-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.photo-placeholder{color:var(--muted-slate);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px 20px;font-size:14px;display:flex}.photo-placeholder svg{width:36px;height:36px;color:var(--warm-sand)}.photo-preview{object-fit:contain;image-orientation:from-image;width:100%;max-height:260px;display:block}.save-btn{font-family:var(--font-body);background:var(--terracotta);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:14px;font-size:16px;transition:opacity .15s}.save-btn:disabled{opacity:.4;cursor:not-allowed}.save-btn:not(:disabled):hover{opacity:.88}.search-wrap{align-items:center;display:flex;position:relative}.search-input{font-family:var(--font-body);border:1px solid var(--warm-gray);background:var(--soft-ivory);color:var(--charcoal);border-radius:6px;outline:none;width:100%;padding:10px 36px 10px 14px;font-size:15px;transition:border-color .2s}.search-input:focus{border-color:var(--terracotta);background:#fff}.search-clear{color:var(--muted-slate);cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px;font-size:13px;line-height:1;position:absolute;right:10px}.search-clear:hover{opacity:1}.container-location{color:var(--terracotta);opacity:.8;margin-top:1px;font-size:11px}.container-list{flex-direction:column;gap:12px;display:flex}.list-empty{color:var(--muted-slate);text-align:center;padding:24px 0;font-size:14px;font-style:italic}.location-group{flex-direction:column;gap:8px;display:flex}.location-heading-row{border-bottom:1px solid var(--warm-beige);justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.location-heading{font-family:var(--font-heading);color:var(--muted-slate);letter-spacing:.03em;margin:0;font-size:20px}.delete-location-btn{color:var(--muted-slate);cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px 6px;font-size:14px;line-height:1;transition:opacity .15s,color .15s}.delete-location-btn:hover{opacity:1;color:#b43232}.container-row{border:1px solid var(--warm-gray);background:#fff;border-radius:8px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex;position:relative}.delete-container-btn{color:var(--muted-slate);cursor:pointer;opacity:.4;background:0 0;border:none;padding:2px 5px;font-size:13px;line-height:1;transition:opacity .15s,color .15s;position:absolute;top:8px;right:8px}.delete-container-btn:hover{opacity:1;color:#b43232}.thumb-wrap{cursor:pointer;flex-shrink:0;align-items:center;width:96px;min-height:96px;display:flex;position:relative}.photo-count{color:#fff;pointer-events:none;background:#101a239e;border-radius:4px;padding:3px 5px;font-size:11px;line-height:1;position:absolute;bottom:4px;right:4px}.container-thumb{background:var(--warm-beige);image-orientation:from-image;border-radius:5px;width:100%;height:auto;display:block}.container-meta{flex:1;min-width:0}.container-name{color:var(--charcoal);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.container-time{color:var(--muted-slate);margin-top:3px;font-size:12px}.ai-processing{color:var(--muted-slate);opacity:.7;margin-top:5px;font-size:11px;font-style:italic}.ai-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.ai-tag{background:var(--soft-ivory);border:1px solid var(--warm-beige);color:var(--muted-slate);border-radius:10px;padding:2px 7px;font-size:11px}.add-photo-btn{font-family:var(--font-body);color:var(--terracotta);cursor:pointer;text-align:left;background:0 0;border:none;padding:6px 0 0;font-size:12px}.save-btn.saved{background:#4a7c59}.save-error{color:var(--terracotta);text-align:center;font-size:13px}.ios-modal-backdrop{z-index:100;background:#101a23a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ios-modal{text-align:center;background:#fff;border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:320px;padding:28px 24px 20px;display:flex}.ios-modal-message{color:var(--charcoal);margin:0;font-size:16px;line-height:1.6}.ios-modal-instruction{color:var(--muted-slate);margin:0;font-size:14px;line-height:1.5}.ios-modal-btn{font-family:var(--font-body);background:var(--terracotta);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:13px;font-size:15px;text-decoration:none;display:block}.lightbox-backdrop{z-index:200;background:#101a23f2;flex-direction:column;display:flex;position:fixed;inset:0}.lightbox-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.lightbox-delete{font-family:var(--font-body);color:#fff;cursor:pointer;background:#b43232bf;border:none;border-radius:6px;padding:6px 14px;font-size:13px}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;line-height:1;display:flex}.lightbox-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;width:100%;min-height:0;display:flex;overflow-x:scroll}.lightbox-scroll::-webkit-scrollbar{display:none}.lightbox-slide{scroll-snap-align:start;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:16px;display:flex}.lightbox-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;display:block}.lightbox-counter{text-align:center;color:#fff9;flex-shrink:0;padding:10px 0 16px;font-size:13px}.ios-modal-dismiss{font-family:var(--font-body);color:var(--muted-slate);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px}.auth-screen{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{flex-direction:column;gap:16px;width:100%;max-width:360px;display:flex}.auth-logo-mark{width:auto;height:80px;margin:0 auto 4px;display:block}.auth-logo{letter-spacing:.08em;color:var(--charcoal);text-align:center;font-size:52px}.auth-tagline{color:var(--muted-slate);text-align:center;margin-top:-8px;font-size:14px;font-style:italic}.auth-fields{flex-direction:column;gap:12px;margin-top:8px;display:flex}.auth-fields input{font-family:var(--font-body);border:1px solid var(--warm-gray);color:var(--charcoal);background:#fff;border-radius:6px;outline:none;width:100%;padding:12px 14px;font-size:16px;transition:border-color .2s}.auth-fields input:focus{border-color:var(--terracotta)}.auth-fields input:disabled{opacity:.6}.auth-error{color:var(--terracotta);text-align:center;font-size:13px}.auth-buttons{flex-direction:column;gap:10px;margin-top:4px;display:flex}.auth-buttons button{font-family:var(--font-body);cursor:pointer;background:var(--terracotta);color:#fff;border:none;border-radius:6px;width:100%;padding:13px;font-size:15px;transition:opacity .15s}.auth-buttons button.secondary{color:var(--charcoal);border:1px solid var(--warm-gray);background:#fff}.auth-buttons button:disabled{opacity:.45;cursor:not-allowed}.auth-buttons button:not(:disabled):hover{opacity:.85}.auth-forgot{font-family:var(--font-body);color:var(--muted-slate);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:6px;padding:4px 0;font-size:13px;text-decoration:underline;transition:color .15s}.auth-forgot:hover{color:var(--charcoal)}.auth-forgot:disabled{opacity:.45;cursor:not-allowed}.auth-reset-msg{color:var(--muted-slate);text-align:center;margin-top:2px;font-size:13px}