.morning-banner{display:grid;gap:16px;padding:18px;border:1px solid rgba(255,210,123,.28);border-radius:22px;background:linear-gradient(135deg,var(--panel),rgba(112,72,42,.34));box-shadow:var(--shadow)}
.morning-banner-copy{display:grid;gap:4px}.morning-kicker{color:#f6c86e;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.morning-banner h2{margin:0;font-size:21px}.morning-banner p{margin:0;color:var(--muted);font-size:12px}.morning-mood-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.morning-mood-option{display:grid;min-height:68px;place-items:center;gap:3px;padding:7px 4px;border:1px solid var(--line);border-radius:16px;color:var(--text);background:rgba(10,10,13,.22);cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.morning-mood-option:hover{transform:translateY(-2px);border-color:#f6c86e}.morning-mood-option.active{border-color:#f6c86e;background:rgba(246,200,110,.14);box-shadow:0 0 0 3px rgba(246,200,110,.1)}.morning-mood-option span{font-size:25px}.morning-mood-option small{font-size:10px}
.family-albums{display:grid;gap:16px;margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--panel),var(--panel-2));box-shadow:var(--shadow)}.family-section-head,.family-album-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.family-section-head h2{margin:2px 0 4px}.family-section-head p{margin:0;color:var(--muted);font-size:12px}.family-album-create{display:flex;gap:7px;min-width:min(100%,310px)}.family-album-create input{min-width:0;flex:1}.family-album-create .primary-btn{white-space:nowrap}.family-album-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.family-album-card{display:grid;gap:6px;padding:8px;border:1px solid var(--line);border-radius:16px;color:var(--text);background:var(--panel-2);text-align:left;cursor:pointer}.family-album-card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.family-album-cover{display:block;aspect-ratio:1.35;overflow:hidden;border-radius:11px;background:linear-gradient(135deg,#714e35,#d1a15d)}.family-album-cover img{width:100%;height:100%;object-fit:cover}.family-album-cover i{display:block;width:40%;height:40%;margin:22% auto;border:2px solid rgba(255,255,255,.6);border-radius:50%}.family-album-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.family-album-card small{color:var(--muted);font-size:10px}.family-album-toolbar{align-items:center}.family-upload{position:relative;overflow:hidden;cursor:pointer}.family-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.family-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.family-photo{position:relative;min-width:0;margin:0;aspect-ratio:1;overflow:hidden;border-radius:13px;background:var(--panel-2)}.family-photo img{width:100%;height:100%;object-fit:cover}.family-photo figcaption{position:absolute;right:5px;bottom:5px;left:5px;overflow:hidden;color:#fff;font-size:9px;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px #000}.family-empty,.family-photo-empty{padding:18px;border:1px dashed var(--line);border-radius:15px;color:var(--muted);font-size:12px}.family-empty{display:grid;gap:4px}.warm-ping-menu{position:absolute;z-index:30;display:grid;gap:7px;min-width:190px;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:var(--shadow);transform:translateX(42px)}.warm-ping-menu strong{font-size:11px}.warm-ping-menu>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.warm-ping-menu button{min-height:36px;padding:5px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--panel-2);font-size:10px;cursor:pointer}.warm-ping-menu button:hover{border-color:var(--accent)}
.close-circle-strip{display:grid;gap:14px;margin:0 0 16px;padding:16px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}.close-circle-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.close-circle-head h2{margin:2px 0 3px;font-size:20px}.close-circle-head p{margin:0;color:var(--muted);font-size:12px}.close-circle-hint{max-width:170px;color:var(--muted);font-size:10px;line-height:1.35;text-align:right}.close-circle-people{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none}.close-circle-people::-webkit-scrollbar{display:none}.close-circle-person{position:relative;display:grid;flex:0 0 76px;justify-items:center;gap:5px;padding:3px;border:0;color:var(--text);background:transparent;text-align:center}.close-circle-avatar{position:relative;display:block}.close-circle-avatar .avatar{width:58px;height:58px;border:3px solid var(--panel-2);box-shadow:0 0 0 2px var(--accent)}.close-circle-avatar .mood-badge{position:absolute;right:-3px;bottom:-2px;margin:0;border:2px solid var(--panel);font-size:12px}.close-circle-person strong,.close-circle-person small{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close-circle-person strong{font-size:11px}.close-circle-person small{color:var(--muted);font-size:10px}.close-circle-person:hover,.close-circle-person:focus-visible{transform:translateY(-2px);outline:0}.close-circle-empty{padding:10px 2px;color:var(--muted);font-size:12px}.close-circle-person .warm-ping-menu{right:auto;left:50%;transform:translateX(-50%);width:210px;text-align:left}
@media(max-width:560px){.family-section-head{display:grid}.family-album-create{min-width:0}.family-album-list{grid-template-columns:repeat(2,minmax(0,1fr))}.family-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.morning-banner{padding:15px}.morning-mood-option{min-height:62px}.warm-ping-menu{transform:none;right:12px;left:12px;min-width:0}.close-circle-head{display:grid}.close-circle-hint{max-width:none;text-align:left}}