body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#ff6b81;--secondary-color:#e74c68;--accent-color:#f5a524;--text-color:#2f3542;--muted-text:#747d8c;--page-bg:#fff7f4;--panel-bg:#fff;--soft-bg:#fff1f5;--border-color:#f4d9df;--shadow:0 8px 24px #58303814}*{box-sizing:border-box}#root,body,html{margin:0;min-height:100%;padding:0}body{background:#fff7f4;background:var(--page-bg);color:#2f3542;color:var(--text-color)}button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}.App{background:linear-gradient(135deg,#fff1f5f5,#fffbe6f0),#fff7f4;background:linear-gradient(135deg,#fff1f5f5,#fffbe6f0),var(--page-bg);min-height:100vh;overflow-x:clip}.heart-decor{display:none}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff7faf5;border-bottom:1px solid #f4d9dfe6;box-shadow:0 4px 18px #58303814;padding:18px clamp(14px,4vw,28px);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:18px;justify-content:space-between;margin:0 auto 14px;max-width:1200px}.App-header h1{color:#2c3e50;font-size:clamp(24px,4vw,40px);letter-spacing:0;line-height:1.15;margin:0;white-space:nowrap}.App-header h1:after,.App-header h1:before{color:#ffb6b9;content:"♥";font-size:.72em;margin:0 8px}.user-info{align-items:center;background:#fff;border:1px solid #f4d9df;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 10px #5830380d;display:flex;gap:10px;min-width:0;padding:8px 10px}.user-avatar{background:linear-gradient(135deg,#ffb6b9,#ffd6e0);border:2px solid #fff;border-radius:50%;flex:0 0 42px;height:42px;object-fit:cover;width:42px}.user-summary{align-items:flex-start;display:flex;flex-direction:column;line-height:1.25;min-width:0}.user-summary small,.user-summary span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-summary span{color:#2f3542;color:var(--text-color);font-weight:700}.user-summary small{color:#747d8c;color:var(--muted-text);font-size:12px}.search-bar{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(220px,1fr) auto;margin:0 auto;max-width:1200px}.form-group input[type=password],.form-group input[type=text],.form-group select,.form-group textarea,.login-content input,.modal-content input[type=text],.modal-content textarea,.search-bar input[type=text]{background:#fff;border:1px solid #f4d9df;border:1px solid var(--border-color);border-radius:12px;color:#2f3542;color:var(--text-color);min-width:0;outline:none;transition:border-color .18s,box-shadow .18s;width:100%}.search-bar input[type=text]{height:44px;padding:0 16px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.login-content input:focus,.modal-content input:focus,.modal-content textarea:focus,.search-bar input:focus{border-color:#ffb6b9;box-shadow:0 0 0 3px #ffb6b93d}.App-main{margin:0 auto;padding:24px clamp(14px,4vw,28px) 40px;width:min(1200px,100%)}.albums-section{margin-top:12px}.albums-title-bar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.albums-title-bar h2{color:#2c3e50;font-size:clamp(22px,3vw,32px);margin:0}.category-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:24px}.button,.cancel-btn,.card-action-btn,.category-filter button,.comment-btn,.comment-toggle-btn,.create-memory-btn,.edit-actions button,.edit-profile-btn,.login-content button,.logout-btn,.modal-buttons button,.styled-favorite-btn,.tags-input button,button[type=submit]{border:none;border-radius:12px;cursor:pointer;font-weight:700}.category-filter button{background:#fff;border:1px solid #f4d9df;border:1px solid var(--border-color);color:#747d8c;color:var(--muted-text);min-height:36px;padding:8px 16px}.category-filter button.active{background:#ff6b81;background:var(--primary-color);border-color:#ff6b81;border-color:var(--primary-color);color:#fff}.card-action-btn,.comment-btn,.create-memory-btn,.edit-actions button[type=submit],.login-content>button,.modal-buttons button[type=submit],.styled-favorite-btn,.tags-input button,button[type=submit]{background:linear-gradient(90deg,#ff8fa0,#ffb6b9);box-shadow:0 3px 10px #ff6b812e;color:#fff}.create-memory-btn,.styled-favorite-btn{min-height:44px;padding:0 22px;white-space:nowrap}.styled-favorite-btn.active{background:#fff;border:1px solid #ff6b81;border:1px solid var(--primary-color);color:#ff6b81;color:var(--primary-color)}.edit-profile-btn{background:#4a90e2}.edit-profile-btn,.logout-btn{color:#fff;padding:8px 12px;white-space:nowrap}.logout-btn{background:#e74c3c}.albums-grid{grid-gap:22px;align-items:stretch;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.album-card{background:#fff;background:var(--panel-bg);border:1px solid #f4d9dfb8;border-radius:14px;box-shadow:0 8px 24px #58303814;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0;padding:18px}.album-card h3{color:#2c3e50;font-size:20px;line-height:1.3;margin:0;overflow-wrap:anywhere}.album-description{color:#747d8c;color:var(--muted-text);line-height:1.55;overflow-wrap:anywhere}.album-detail-meta,.album-meta{color:#667085;font-size:12px;line-height:1.5}.album-photo-matrix{grid-gap:6px;display:grid;gap:6px;margin:0 auto;width:100%}.album-photo-matrix.matrix-count-1{grid-template-columns:1fr;max-width:340px}.album-photo-matrix.matrix-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.album-photo-matrix.matrix-count-3,.album-photo-matrix.matrix-count-4,.album-photo-matrix.matrix-count-5,.album-photo-matrix.matrix-count-6,.album-photo-matrix.matrix-count-7,.album-photo-matrix.matrix-count-8,.album-photo-matrix.matrix-count-9{grid-template-columns:repeat(3,minmax(0,1fr))}.album-photo.matrix{aspect-ratio:1/1;background:#fff1f5;background:var(--soft-bg);border-radius:10px;display:block;object-fit:cover;width:100%}.album-photo-btn{background:#0000;border:0;border-radius:10px;cursor:zoom-in;min-width:0;overflow:hidden;padding:0;width:100%}.album-photo-btn:focus-visible{outline:3px solid #ff6b816b;outline-offset:2px}.album-photo-matrix.matrix-count-1 .album-photo.matrix{aspect-ratio:4/3}.favorite-btn{align-self:center;background:#0000;border:none;color:#bbb;cursor:pointer;font-size:26px;height:36px;line-height:1;width:44px}.favorite-btn.active{color:#ffb800}.album-card .card-action-btn-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));margin-top:auto}.card-action-btn{min-height:38px;padding:8px 12px}.card-action-btn.danger{background:linear-gradient(90deg,#ff7f7f,#e74c3c)}.comment-section{text-align:left}.card-comment-section{background:#fff8fa;border:1px solid #f4d9df;border:1px solid var(--border-color);border-radius:12px;padding:12px}.card-comment-section.compact{padding:10px}.card-comment-section h4{color:#2f3542;color:var(--text-color);font-size:14px;margin:0 0 8px}.comment-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.comment-item{background:#fff;border-radius:10px;box-shadow:0 1px 4px #5830380f;color:#2f3542;color:var(--text-color);padding:9px 10px}.comment-content-row,.comment-meta{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.comment-meta{margin-bottom:5px}.comment-username{color:#ff6b81;color:var(--primary-color);font-weight:700}.comment-content{flex:1 1;line-height:1.5;min-width:0;overflow-wrap:anywhere}.comment-time{color:#98a2b3;flex:0 0 auto;font-size:11px;white-space:nowrap}.comment-delete-btn{background:#fff1f5;border:none;border-radius:999px;color:#d72660;cursor:pointer;font-size:12px;padding:3px 10px}.comment-input-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.comment-input{border:1px solid #f4d9df;border:1px solid var(--border-color);border-radius:12px;min-height:42px;padding:10px 12px;resize:vertical}.comment-btn{min-width:72px;padding:0 16px}.comment-toggle-btn{background:#fff;border:1px solid #f4d9df;border:1px solid var(--border-color);color:#ff6b81;color:var(--primary-color);min-height:38px;padding:8px 12px;width:100%}.empty-comments,.empty-state{color:#747d8c;color:var(--muted-text);text-align:center}.empty-state{background:#fff;border:1px dashed #f4d9df;border:1px dashed var(--border-color);border-radius:14px;grid-column:1/-1;padding:42px 18px}.album-detail{background:#fff;border:1px solid #f4d9df;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 24px #58303814;box-shadow:var(--shadow);margin:0 auto;max-width:860px;padding:18px}.album-detail>.button{background:#fff1f5;color:#ff6b81;color:var(--primary-color);min-height:40px;padding:8px 16px}.album-detail h2{font-size:clamp(22px,4vw,32px);margin:14px 0 6px;overflow-wrap:anywhere}.album-detail .album-photos{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:18px 0}.album-detail .album-photo{background:#fff8fa;border-radius:12px;cursor:zoom-in;max-height:70vh;object-fit:contain;width:100%}.album-detail .album-photos.single{display:block}.create-modal,.edit-modal,.login-modal,.modal{align-items:center;background:#2f354275;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:1000}.create-modal{z-index:3000}.create-content,.edit-content,.login-content,.modal-content{background:#fff;border-radius:16px;box-shadow:0 18px 40px #2f35422e;max-height:90dvh;overflow-y:auto;padding:24px;width:min(440px,100%)}.create-content,.edit-content{width:min(520px,100%)}.create-content h2,.edit-content h2,.login-content h2,.modal-content h2{color:#2c3e50;font-size:22px;margin:0 0 18px;text-align:center}.login-content input{height:44px;margin-bottom:12px;padding:0 14px}.login-content>button{margin-top:4px;min-height:44px;width:100%}.auth-tabs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:16px}.auth-tabs button{background:#f7f7f8;color:#747d8c;color:var(--muted-text);min-height:40px}.auth-tabs button.active{background:linear-gradient(90deg,#ff8fa0,#ffb6b9);color:#fff}.form-group{margin-bottom:16px;text-align:left}.form-group label{color:#344054;display:block;font-weight:700;margin-bottom:7px}.form-group input[type=password],.form-group input[type=text],.form-group select{min-height:44px;padding:0 14px}.form-group textarea,.modal-content textarea{min-height:96px;padding:12px 14px;resize:vertical}.tags-input{grid-gap:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.tags-input button{min-width:76px}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tags-list .tag{align-items:center;background:#fff1f5;border-radius:999px;color:#ff6b81;color:var(--primary-color);display:inline-flex;gap:6px;padding:5px 10px}.tags-list .tag button{background:#0000;border:none;color:inherit;cursor:pointer}.file-upload-label{align-items:center;background:#4a90e2;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:42px;padding:0 18px}.file-upload-label.disabled{cursor:not-allowed;opacity:.62}input[type=file]{display:none}.preview-photos{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));margin-top:12px}.preview-photos img{aspect-ratio:1/1;border-radius:10px;object-fit:cover;width:100%}.upload-progress{grid-gap:8px;color:#747d8c;color:var(--muted-text);display:grid;font-size:13px;font-weight:700;gap:8px;margin:14px 0}.upload-progress-track{background:#ffe6ec;border-radius:999px;height:10px;overflow:hidden;width:100%}.upload-progress-fill{background:linear-gradient(90deg,#ff6b81,#ffb6b9);border-radius:inherit;height:100%;transition:width .18s ease}.upload-progress.indeterminate .upload-progress-fill{animation:progress-slide 1.1s ease-in-out infinite;width:42%}@keyframes progress-slide{0%{transform:translateX(-110%)}to{transform:translateX(260%)}}.cancel-btn,.edit-actions button[type=button],.modal-buttons button[type=button]{background:#f2f4f7;color:#344054}.edit-actions,.modal-buttons{display:flex;gap:10px;justify-content:center;margin-top:18px}.cancel-btn,.edit-actions button,.modal-buttons button,button[type=submit]{min-height:42px;padding:0 18px}.profile-avatar-edit{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:14px}.profile-avatar-edit img{background:linear-gradient(135deg,#ffb6b9,#ffd6e0);border-radius:50%;height:86px;object-fit:cover;width:86px}.image-preview-modal{align-items:center}.image-preview-content{grid-gap:12px;display:grid;gap:12px;grid-template-rows:minmax(0,1fr) auto;justify-items:center;max-height:calc(100dvh - 32px);position:relative;width:min(96vw,1100px)}.image-preview-close{background:#2f3542b8;border:1px solid #ffffffa8;border-radius:50%;box-shadow:0 8px 20px #2f354233;color:#fff;cursor:pointer;display:grid;font-size:28px;height:42px;line-height:1;place-items:center;position:absolute;right:10px;top:10px;width:42px;z-index:1}.image-preview-close:focus-visible,.image-preview-close:hover{background:#2f3542eb;outline:none}.modal-img{border-radius:12px;display:block;max-height:calc(100dvh - 104px);max-width:100%;object-fit:contain}.save-btn{background:#fffffff0;border-radius:999px;color:#ff6b81;color:var(--primary-color);font-weight:700;padding:10px 18px;position:static;text-decoration:none}.hide-header{display:none}@media (max-width:768px){.App-header{padding:14px 12px;position:static}.header-content{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:12px}.App-header h1{text-align:center;white-space:normal}.user-info{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;width:100%}.user-summary small,.user-summary span{max-width:100%}.search-bar{gap:10px;grid-template-columns:1fr}.create-memory-btn,.styled-favorite-btn{width:100%}.App-main{padding:18px 12px 32px}.albums-title-bar{align-items:stretch;flex-direction:column;text-align:left}.category-filter{flex-wrap:nowrap;justify-content:flex-start;margin:0 -12px 18px;overflow-x:auto;padding-bottom:3px;padding-left:12px;padding-right:12px}.category-filter button{flex:0 0 auto}.albums-grid{gap:16px;grid-template-columns:1fr}.album-card{border-radius:12px;padding:14px}.album-card .card-action-btn-group{grid-template-columns:1fr}.album-detail{padding:14px}.album-detail .album-photos,.comment-input-row{grid-template-columns:1fr}.comment-btn{min-height:40px}}@media (max-width:480px){.App-header{padding:12px 10px}.App-header h1{font-size:23px}.App-header h1:after,.App-header h1:before{margin:0 4px}.user-info{grid-template-columns:1fr 1fr}.user-avatar{justify-self:end}.user-summary{justify-self:start}.edit-profile-btn,.logout-btn{width:100%}.create-memory-btn,.search-bar input[type=text]{min-height:42px}.App-main{padding:14px 10px 28px}.album-photo-matrix{gap:5px}.album-photo-matrix.matrix-count-1{max-width:100%}.album-photo-matrix.matrix-count-1 .album-photo.matrix{aspect-ratio:3/2}.comment-content-row,.comment-meta{align-items:flex-start}.comment-content-row{flex-direction:column}.comment-time{white-space:normal}.create-modal,.edit-modal,.login-modal,.modal{align-items:flex-start;padding:12px}.create-content,.edit-content,.login-content,.modal-content{max-height:calc(100dvh - 24px);padding:18px}.tags-input{grid-template-columns:1fr}.edit-actions,.modal-buttons{flex-direction:column}.cancel-btn,.edit-actions button,.modal-buttons button,button[type=submit]{width:100%}.profile-avatar-edit{flex-direction:column}}
/*# sourceMappingURL=main.dd2934ba.css.map*/