.weather-clock{font-size:var(--font-sm);color:var(--muted-foreground);align-items:center;gap:6px;display:inline-flex}.weather-clock-time{font-variant-numeric:tabular-nums}.weather-clock-separator{opacity:.4}.weather-clock-temp{align-items:center;gap:2px;display:inline-flex}.weather-clock-icon{vertical-align:middle;opacity:.8;margin-top:-2px;display:inline-block}
.header{align-items:center;gap:16px;margin-bottom:12px;display:flex}.header-avatar{border:1px solid var(--border);border-radius:9999px;padding:2px}.header-name{font-size:var(--font-xl);margin-bottom:4px;font-weight:400;line-height:1.4}.header-subtitle{color:var(--muted-foreground);font-size:var(--font-sm);margin-bottom:4px;line-height:1.625}.header-meta{margin-top:2px}
.about{margin-bottom:40px}.about-text{color:var(--muted-foreground);font-size:var(--font-sm);line-height:1.625}.about-link{color:var(--foreground);text-underline-offset:4px;text-decoration:underline;transition:opacity .15s}.about-link:hover{opacity:.7}
.showcase{width:100vw;margin-left:-50vw;padding:48px 0 56px;position:relative;left:50%;overflow:hidden}.showcase-fan{justify-content:center;align-items:center;gap:0;height:340px;display:flex;position:relative}.showcase-card{transform-origin:50% 92%;opacity:0;will-change:transform, opacity;border-radius:20px;flex-shrink:0;width:240px;height:320px;margin:0 -20px;position:relative;overflow:hidden;transform:rotate(0)scale(.93);box-shadow:0 8px 32px #0000001a}.showcase-image{object-fit:cover;width:100%;height:100%}@keyframes fan-card-left-far{0%{opacity:0;transform:rotate(0)translate(60px)scale(.93)}65%{opacity:1;transform:rotate(-12deg)translate(-3px)scale(1.01)}to{opacity:1;transform:rotate(-10deg)translate(0)scale(1)}}@keyframes fan-card-left{0%{opacity:0;transform:rotate(0)translate(30px)scale(.93)}65%{opacity:1;transform:rotate(-6deg)translate(-2px)scale(1.01)}to{opacity:1;transform:rotate(-5deg)translate(0)scale(1)}}@keyframes fan-card-center{0%{opacity:0;transform:rotate(0)scale(.93)}65%{opacity:1;transform:rotate(0)scale(1.02)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes fan-card-right{0%{opacity:0;transform:rotate(0)translate(-30px)scale(.93)}65%{opacity:1;transform:rotate(6deg)translate(2px)scale(1.01)}to{opacity:1;transform:rotate(5deg)translate(0)scale(1)}}@keyframes fan-card-right-far{0%{opacity:0;transform:rotate(0)translate(-60px)scale(.93)}65%{opacity:1;transform:rotate(12deg)translate(3px)scale(1.01)}to{opacity:1;transform:rotate(10deg)translate(0)scale(1)}}.showcase.is-visible .showcase-card:nth-child(3){z-index:3;animation:.8s cubic-bezier(.22,1,.36,1) both fan-card-center}.showcase.is-visible .showcase-card:nth-child(2){z-index:2;animation:.8s cubic-bezier(.22,1,.36,1) 70ms both fan-card-left}.showcase.is-visible .showcase-card:nth-child(4){z-index:2;animation:.8s cubic-bezier(.22,1,.36,1) 70ms both fan-card-right}.showcase.is-visible .showcase-card:first-child{z-index:1;animation:.8s cubic-bezier(.22,1,.36,1) .14s both fan-card-left-far}.showcase.is-visible .showcase-card:nth-child(5){z-index:1;animation:.8s cubic-bezier(.22,1,.36,1) .14s both fan-card-right-far}@media (hover:hover){.showcase.is-visible .showcase-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.showcase-card:hover{box-shadow:0 16px 48px #00000029;z-index:10!important}.showcase.is-visible .showcase-card:first-child:hover{transform:rotate(-4deg)scale(1.06)translateY(-14px)}.showcase.is-visible .showcase-card:nth-child(2):hover{transform:rotate(-2deg)scale(1.06)translateY(-14px)}.showcase.is-visible .showcase-card:nth-child(3):hover{transform:rotate(0)scale(1.08)translateY(-16px)}.showcase.is-visible .showcase-card:nth-child(4):hover{transform:rotate(2deg)scale(1.06)translateY(-14px)}.showcase.is-visible .showcase-card:nth-child(5):hover{transform:rotate(4deg)scale(1.06)translateY(-14px)}}:root[class~=dark] .showcase-card{box-shadow:0 8px 32px #0000004d}:root[class~=dark] .showcase-card:hover{box-shadow:0 16px 48px #0006}@media (prefers-reduced-motion:reduce){.showcase-card{opacity:1;transform:none}.showcase.is-visible .showcase-card{animation:none}.showcase.is-visible .showcase-card:first-child{transform:rotate(-10deg)}.showcase.is-visible .showcase-card:nth-child(2){transform:rotate(-5deg)}.showcase.is-visible .showcase-card:nth-child(3){transform:rotate(0)}.showcase.is-visible .showcase-card:nth-child(4){transform:rotate(5deg)}.showcase.is-visible .showcase-card:nth-child(5){transform:rotate(10deg)}}@media (max-width:768px){.showcase-fan{height:260px}.showcase-card{border-radius:16px;width:180px;height:240px;margin:0 -16px}.showcase{padding:32px 0 40px}}@media (max-width:480px){.showcase-fan{height:200px}.showcase-card{border-radius:12px;width:140px;height:186px;margin:0 -14px}@keyframes fan-card-left-far{0%{opacity:0;transform:rotate(0)translate(40px)scale(.93)}65%{opacity:1;transform:rotate(-9deg)translate(-2px)scale(1.01)}to{opacity:1;transform:rotate(-8deg)translate(0)scale(1)}}@keyframes fan-card-left{0%{opacity:0;transform:rotate(0)translate(20px)scale(.93)}65%{opacity:1;transform:rotate(-5deg)translate(-1px)scale(1.01)}to{opacity:1;transform:rotate(-4deg)translate(0)scale(1)}}@keyframes fan-card-right{0%{opacity:0;transform:rotate(0)translate(-20px)scale(.93)}65%{opacity:1;transform:rotate(5deg)translate(1px)scale(1.01)}to{opacity:1;transform:rotate(4deg)translate(0)scale(1)}}@keyframes fan-card-right-far{0%{opacity:0;transform:rotate(0)translate(-40px)scale(.93)}65%{opacity:1;transform:rotate(9deg)translate(2px)scale(1.01)}to{opacity:1;transform:rotate(8deg)translate(0)scale(1)}}}