*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,sans-serif;background:radial-gradient(circle at top,#f9e8ff 0,#fef6e4 40%,#f5fbff 100%);color:#374151}body{min-height:100vh}.userbar-container{display:flex;justify-content:flex-end;padding:8px 16px}.userbar{display:flex;gap:8px;align-items:center;color:#6b7280}.userbar,.userbar-button,.userbar-text{font-size:12px}.page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px}.hub-card{width:100%;max-width:720px;background:hsla(0,0%,100%,.92);border-radius:24px;border:1px solid #f3e8ff;padding:20px 20px 24px;box-shadow:0 18px 40px rgba(148,163,184,.35)}.hub-header{margin-bottom:16px}.hub-header h1{margin:0 0 6px;font-size:26px}.subtitle{margin:0;color:#6b7280;font-size:13px}.hub-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:10px;gap:10px;margin-top:12px}.hub-item{border-radius:16px;border:1px solid #e5e7eb;padding:10px 12px;background:#fdfbff}.hub-item h2{margin:0 0 4px;font-size:15px}.hub-item p{margin:0;font-size:12px;color:#6b7280}.hub-links{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap}.button{border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;padding:6px 12px;font-size:12px;cursor:pointer;text-decoration:none}.button.primary{border-color:#22c55e;background:linear-gradient(90deg,#34d399,#22c55e);color:#f0fdf4}.button.subtle{background:transparent}.content.feedback-card,.content.photos-card,.content.shoots-card{width:100%;max-width:720px;background:hsla(0,0%,100%,.92);border-radius:24px;border:1px solid #f3e8ff;padding:20px 20px 24px;box-shadow:0 18px 40px rgba(148,163,184,.35)}.section{margin:16px 0 10px;gap:8px}.section,.section-header{display:flex;flex-direction:column}.section-header{gap:4px}.section-title{margin:0;font-size:16px}.section-caption{font-size:12px;color:#6b7280}.section-body{display:flex;flex-direction:column;gap:8px}.field-row{display:flex;gap:8px;flex-wrap:wrap}.label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#6b7280}.input{padding:8px 10px;border-radius:10px;border:1px solid #e5e7eb;background:hsla(0,0%,100%,.95);color:inherit}.input:focus{outline:2px solid #a5b4fc;outline-offset:1px}.textarea{min-height:80px;resize:vertical}.list{display:flex;flex-direction:column;gap:10px}.list-item{border-radius:14px;border:1px solid #e5e7eb;padding:10px 12px;background:#fdfbff;display:flex;justify-content:space-between;align-items:center;gap:12px}.list-item .button.subtle{border:none;background:transparent;color:#9ca3af;padding-inline:0}.item-title{margin:0 0 4px;font-size:15px}.item-meta,.item-notes{margin:0}.empty,.item-meta,.item-notes{font-size:12px;color:#6b7280}.photo-grid{display:flex;flex-wrap:wrap;gap:10px}.photo-card{border-radius:14px;border:1px solid #e5e7eb;padding:10px 12px;background:#fdfbff;width:100%;max-width:260px}.photo-thumb{display:flex;align-items:center;gap:12px}.photo-url{margin:0;font-size:12px;color:#6b7280;word-break:break-all}.photo-img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb}.photo-meta{margin-top:8px;display:flex;flex-direction:column;gap:4px}.photo-tags{margin:0;font-size:12px;color:#6b7280}.keeper-toggle{border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;padding:4px 10px;font-size:12px;cursor:pointer}.keeper-toggle.keeper-on{border-color:#22c55e;background:#ecfdf3;color:#166534}.prompt-description{margin:0;font-size:13px;color:#4b5563}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px;margin-top:12px}.calendar-day{border-radius:12px;border:1px solid #e5e7eb;background:#fdfbff;padding:6px 8px;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}.calendar-day-date{font-size:11px;font-weight:500;color:#4b5563}.calendar-day-title{font-size:11px;color:#6b7280}.calendar-day-empty{color:#d1d5db}.calendar-day-active{border-color:#22c55e;box-shadow:0 0 0 1px rgba(34,197,94,.2)}.error-text{margin:0;font-size:12px;color:#b91c1c}.mode-row{display:flex;gap:12px}.mode-option{gap:6px;font-size:12px;color:#6b7280}.mode-option,.photo-select{display:flex;align-items:center}.photo-select{gap:12px}.feedback-snippet{margin-top:6px;display:flex;flex-direction:column;gap:4px}.feedback-line{margin:0;font-size:12px;color:#6b7280}@media (min-width:768px){.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}