/* Project refinements, layered over the unchanged V10 reference. */
.topbar{gap:20px;min-height:112px;padding-block:16px}
.topbar .brand{gap:18px;min-width:0}
.topbar .photo-avatar{width:78px!important;height:78px!important;min-width:78px!important;padding:0;border-radius:26px!important;background:linear-gradient(145deg,#fde6ef,#f3edf9);color:#cb789a;box-shadow:0 8px 26px #b8709221,0 0 0 5px #ffffff80;cursor:pointer}
.photo-avatar img{z-index:1;opacity:0;transform:scale(1.045);transition:opacity 900ms ease,transform 6.5s linear}
.photo-avatar img.visible{opacity:1;transform:scale(1)}
.topbar .brand-age{gap:11px;padding:14px 20px!important;border:1px solid #f2dce5;border-radius:20px;background:#ffffffc9!important;color:#b34e76;font-size:clamp(22px,2.1vw,32px);font-weight:400;letter-spacing:0;line-height:1.25;box-shadow:0 5px 20px #c38da410}
.brand-age .age-number{font-weight:800}
.topbar .age-clock{width:27px;height:27px;color:#ca7899}
.topbar .head-actions{flex:none}
.tiles{--tile-title-size:clamp(22px,2.2vw,34px);--tile-desc-size:clamp(14px,1.2vw,18px);--tile-icon-size:clamp(104px,11vw,185px)}
.tiles>.tile{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--tile-icon-size) calc(var(--tile-title-size)*2.6) calc(var(--tile-desc-size)*3);align-content:center;justify-items:center;gap:clamp(12px,2vh,24px)!important}
.tiles .tile-icon{width:var(--tile-icon-size)!important;height:var(--tile-icon-size)!important;margin:0}
.tiles .tile-title,.tiles .tile-desc{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;text-align:center;letter-spacing:0;word-break:normal;overflow-wrap:normal;text-wrap:balance}
.tiles .tile-title{font-size:var(--tile-title-size)!important;line-height:1.3;font-weight:750;color:#342f38}
.tiles .tile-desc{font-size:var(--tile-desc-size)!important;line-height:1.5;font-weight:450;color:#786c78}
@media(max-width:700px){
 .topbar{gap:12px;min-height:90px;padding:13px 16px}
 .topbar .brand{gap:13px}
 .topbar .photo-avatar{width:60px!important;height:60px!important;min-width:60px!important;border-radius:20px!important;box-shadow:0 5px 16px #b8709221,0 0 0 3px #ffffff80}
 .topbar .brand-age{gap:7px;font-size:clamp(17px,4.4vw,23px);padding:11px 13px!important;border-radius:16px}
 .topbar .age-clock{width:21px;height:21px}
 .tiles{--tile-title-size:clamp(14px,3.6vw,22px);--tile-desc-size:clamp(11px,2.6vw,15px);--tile-icon-size:clamp(62px,19vw,110px)}
 .tiles>.tile{padding:12px 7px!important;gap:clamp(12px,2.5vh,22px)!important}
}
@media(max-width:380px){
 .topbar{padding-inline:12px;gap:8px}
 .topbar .brand{gap:9px}
 .topbar .photo-avatar{width:52px!important;height:52px!important;min-width:52px!important;border-radius:17px!important}
 .topbar .brand-age{font-size:16px;padding:10px!important;gap:6px}
 .topbar .age-clock{width:18px;height:18px}
 .tiles{--tile-title-size:14px;--tile-desc-size:11px}
}
@media(max-height:520px) and (orientation:landscape){.tiles{--tile-icon-size:70px}.tiles>.tile{gap:8px!important}}
@media(prefers-reduced-motion:reduce){.photo-avatar img{transition:none;transform:none}}