:root{--primary-brand:#e11d48;--primary-light:#ffe4e6;--child-first:#3b82f6;--child-second:#ec4899;--bg-app:#f8fafc;--surface:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{color:var(--text-main);background-color:#0b0f19;justify-content:center;align-items:flex-start;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Pretendard,sans-serif;display:flex}#root{background:var(--bg-app);flex-direction:column;width:100%;max-width:480px;min-height:100vh;display:flex;position:relative;box-shadow:0 25px 50px -12px #0006}.app-header{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#fffffff2;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.brand-title{background:linear-gradient(135deg,#e11d48 0%,#f43f5e 50%,#fb7185 100%);-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;align-items:center;gap:8px;font-size:1.25rem;font-weight:800;display:flex}.role-badge{border-radius:9999px;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;font-weight:600;display:flex}.role-badge.admin{color:#b91c1c;background-color:#fee2e2}.role-badge.viewer{color:#3730a3;background-color:#e0e7ff}.child-filter-bar{background:var(--surface);border-bottom:1px solid var(--border);scrollbar-width:none;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.child-filter-bar::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#f1f5f9;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.filter-chip.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 4px 6px -1px #0000001a}.filter-chip.active-first{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.filter-chip.active-second{color:#fff!important;background:#db2777!important;border-color:#db2777!important}.main-content{flex:1;padding-bottom:74px}.feed-card{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:14px}.feed-header{justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.author-info{align-items:center;gap:10px;display:flex}.avatar-ring{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:2px;display:flex}.avatar-inner{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.1rem;display:flex}.author-text h4{align-items:center;gap:6px;font-size:.88rem;font-weight:700;display:flex}.category-tag{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.7rem}.post-date{color:var(--text-muted);font-size:.72rem}.feed-media-container{aspect-ratio:1;background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.feed-media-container img{object-fit:cover;width:100%;height:100%}.feed-media-container video{object-fit:cover;background:#000;width:100%;height:100%}.media-indicator{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#0f172abf;border-radius:12px;padding:3px 8px;font-size:.72rem;font-weight:600;position:absolute;top:12px;right:12px}.carousel-nav-btn{cursor:pointer;z-index:10;color:#0f172a;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 6px #0003}.carousel-nav-btn.prev{left:10px}.carousel-nav-btn.next{right:10px}.carousel-dots{z-index:10;gap:5px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.carousel-dot{background:#ffffff80;border-radius:50%;width:6px;height:6px;transition:all .2s}.carousel-dot.active{background:#fff;width:8px;height:8px}.video-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;display:flex;position:absolute;top:12px;left:12px}.highres-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#0f172abf;border-radius:6px;padding:3px 8px;font-size:.68rem;position:absolute;bottom:12px;right:12px}.feed-actions{justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.action-left{align-items:center;gap:16px;display:flex}.action-btn{cursor:pointer;color:#1e293b;background:0 0;border:none;align-items:center;gap:4px;transition:transform .15s;display:flex}.action-btn:active{transform:scale(.88)}.action-btn.liked{color:#e11d48}.feed-body{padding:0 14px 14px}.likes-count{margin-bottom:6px;font-size:.82rem;font-weight:700}.post-caption{color:#1e293b;margin-bottom:8px;font-size:.84rem;line-height:1.45}.post-caption .child-name{margin-right:6px;font-weight:700}.post-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tag-item{color:#2563eb;font-size:.78rem;font-weight:500}.comments-list{background:#f8fafc;border-radius:8px;flex-direction:column;gap:6px;margin-top:6px;padding:8px 10px;display:flex}.comment-item{align-items:flex-start;gap:6px;font-size:.78rem;line-height:1.4;display:flex}.comment-user{color:#0f172a;font-weight:700}.comment-text{color:#334155;flex:1}.comment-input-row{gap:8px;margin-top:10px;display:flex}.comment-input{border:1px solid var(--border);border-radius:20px;outline:none;flex:1;padding:7px 12px;font-size:.8rem}.comment-input:focus{border-color:#f43f5e}.comment-send-btn{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:20px;padding:0 14px;font-size:.75rem;font-weight:600}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:50;background:#fffffff5;justify-content:space-around;align-items:center;width:100%;max-width:480px;height:60px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-tab{color:#64748b;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;font-size:.65rem;font-weight:600;transition:all .2s;display:flex}.nav-tab.active{color:#e11d48}.attach-area{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:20px;transition:all .2s}.attach-area:hover{background:#fff1f2;border-color:#e11d48}.preview-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.preview-card{aspect-ratio:1;background:#000;border-radius:8px;position:relative;overflow:hidden}.preview-card img,.preview-card video{object-fit:cover;width:100%;height:100%}.preview-remove-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex;position:absolute;top:4px;right:4px}.form-group{margin-bottom:14px}.form-group label{color:#334155;margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border);border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.85rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#e11d48}.submit-btn{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-size:.95rem;font-weight:700}.profile-grid{grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;display:grid}.grid-item{aspect-ratio:1;cursor:pointer;background:#e2e8f0;position:relative;overflow:hidden}.grid-item img{object-fit:cover;width:100%;height:100%}.grid-video-icon{color:#fff;background:#0009;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:6px;right:6px}.grid-multi-icon{color:#fff;background:#0009;border-radius:4px;align-items:center;gap:2px;padding:3px 5px;font-size:.65rem;display:flex;position:absolute;top:6px;right:6px}.child-edit-card{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:12px;padding:14px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172abf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:420px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;overflow-y:auto;box-shadow:0 25px 50px -12px #00000059}@keyframes modalPop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}