.secondary-page .site-header{padding-right:0}.secondary-page .top-nav{font-size:11px}.secondary-page .top-nav a{display:inline-block}.secondary-page .bento{padding-top:4px}.secondary-title{font-size:clamp(50px,7vw,90px);letter-spacing:-.065em;line-height:1.05;font-weight:700;color:#e9f8fa;margin:30px 0}.secondary-title>span{color:var(--accent-color)}.weather-hero{grid-column:span 7;min-height:390px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 0 100%,#00f2ff12,transparent 75%),rgba(9,17,20,.88)}.weather-hero .secondary-title{font-size:40px;margin:28px 0 12px}.temperature-display{display:flex;align-items:baseline;gap:10px;margin:auto 0 30px}.temperature-display>#w-temp{font-size:clamp(90px,12vw,160px);letter-spacing:-.08em;line-height:1;font-weight:650;font-variant-numeric:tabular-nums}.degree-unit{color:#4b939c;font-size:40px;font-weight:300}.temperature-display>#weather-icon{font-size:60px;margin-left:auto;align-self:center;color:#78dce2;filter:drop-shadow(0 10px 25px #00f2ff22)}.weather-hero-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;font:11px var(--mono);color:#aacbd0}.weather-live{font:8px var(--mono);color:#64d6b9;white-space:nowrap}.weather-live.offline{color:#d6ae6d}.pepe-card{grid-column:span 5;display:flex;flex-direction:column;justify-content:space-between;gap:25px}.pepe-card pre{color:#62b8bf;font-family:var(--mono);font-size:clamp(6px,.86vw,11px);line-height:1.25;text-align:center;white-space:pre;margin:0;overflow:hidden;text-shadow:0 0 15px #00f2ff14}.pepe-caption strong{font-size:19px;font-weight:550;letter-spacing:-.5px}.pepe-caption p{color:#5d8991;font-size:12px;margin-bottom:0}.weather-metric{grid-column:span 4;display:flex;flex-direction:column;gap:25px;min-height:185px}.metric-number{font-size:42px;letter-spacing:-2px;font-variant-numeric:tabular-nums;line-height:1}.metric-number small{font-size:18px;color:#5d969d;letter-spacing:0}.metric-caption{font-size:11px;color:#638990;margin-top:auto}.advice-card{grid-column:span 8;display:flex;flex-direction:column;gap:22px}.advice-card>p{font-size:19px;color:#bddbdf;line-height:1.65;margin:0;max-width:45ch}.weather-update{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto}.weather-update>span{font:9px var(--mono);color:#50777e}.soft-button{background:#0c2025;color:#8ec8d0;border:1px solid #21454c;padding:11px 15px;border-radius:9px;cursor:pointer;font:10px var(--mono);transition:background .2s,border-color .2s,transform .2s;white-space:nowrap}.soft-button:hover{background:#12343c;border-color:#347c87;transform:translateY(-2px)}.soft-button:disabled{opacity:.5;cursor:wait;transform:none}.local-time-card{grid-column:span 4;display:flex;flex-direction:column;gap:30px;justify-content:space-between}.local-time-card time{font:clamp(28px,3.2vw,42px) var(--mono);letter-spacing:-1.5px;color:#c2e5e9;font-variant-numeric:tabular-nums}.page-jump{grid-column:span 6;display:flex;flex-direction:column;gap:15px;transition:border-color .25s}.page-jump:hover{border-color:#2d6972}.page-jump strong{font-size:22px;font-weight:550;letter-spacing:-.6px}.page-jump strong>span{float:right;color:#44838d;transition:transform .25s}.page-jump:hover strong>span{transform:translate(3px,-3px);color:var(--accent-color)}.page-jump p{font-size:12px;color:#5b838b;line-height:1.6;margin:0}.level-hero{grid-column:span 8;min-height:430px;background:radial-gradient(ellipse at 0 100%,#00f2ff12,transparent 75%),rgba(9,17,20,.88)}.level-hero .secondary-title{font-size:clamp(50px,6.8vw,80px);margin:26px 0 18px}.secondary-lede{font-size:15px;line-height:1.7;color:#a6c3c9;margin:0 0 30px}.secondary-lede>span{color:#567e87}.level-progress-head,.level-progress-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font:10px var(--mono);color:#618993}.level-progress-head strong{font-weight:500;color:#95d8df;font-variant-numeric:tabular-nums}.level-track{height:6px;background:#14282e;border-radius:8px;overflow:hidden;margin:12px 0}.level-track>div{height:100%;width:0;background:linear-gradient(90deg,#1e6976,#00f2ff);border-radius:8px;transition:width .5s ease}.level-progress-foot{font-size:9px;color:#3d6873}.countdown-card{grid-column:span 4;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:30px}.countdown-card .eyebrow{align-self:flex-start}.level-orbit{--progress:0%;width:min(100%,210px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from -90deg,#00f2ff var(--progress),#133139 var(--progress));padding:2px;box-shadow:0 20px 60px -30px #00f2ff50}.level-orbit>div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#091417;box-shadow:inset 0 0 40px #00f2ff08}.level-orbit strong{font:60px var(--mono);letter-spacing:-4px;color:#d5f5f7}.level-orbit span{font:11px var(--mono);color:#47828c;margin-top:6px}.countdown-caption{display:flex;flex-direction:column;align-items:center;gap:8px}.countdown-caption strong{font-size:18px;font-weight:550}.countdown-caption>span{font:10px var(--mono);color:#527d86}.life-detail{grid-column:span 4;display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-height:270px}.detail-glyph{font-size:30px;line-height:1;color:#529fac}.life-detail h3{margin:0;font-size:21px;font-weight:550;letter-spacing:-.7px}.life-detail h3 small{font-size:13px;color:#507c86}.life-detail p{font-size:13px;color:#72959e;line-height:1.8;margin:0}.detail-chip{font:8px var(--mono);color:#447d86;padding:5px 8px;border:1px solid #183c44;border-radius:20px;margin-top:auto}.media-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.media-chips>span{font-size:11px;color:#8fb5bd;padding:6px 9px;border:1px solid #1c3d44;border-radius:20px}.grandpa-card{grid-column:span 6;display:flex;align-items:center;justify-content:space-between;gap:22px}.grandpa-card h3{font-size:25px;letter-spacing:-.7px;font-weight:550;margin:16px 0 8px}.grandpa-card p{font-size:12px;color:#688d96;line-height:1.7;margin:0}.grandpa-card.is-grandpa{border-color:#3e7a85}.grandpa-card.is-grandpa p{color:#a0d9e1}
@media(max-width:900px){.weather-hero{grid-column:span 7}.pepe-card{grid-column:span 5}.temperature-display>#w-temp{font-size:115px}.temperature-display>#weather-icon{font-size:42px}.degree-unit{font-size:30px}.pepe-card pre{font-size:.9vw}.advice-card,.local-time-card{grid-column:span 6}.level-hero{grid-column:span 7}.countdown-card{grid-column:span 5}.life-detail{grid-column:span 6;min-height:240px}.grandpa-card{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.secondary-page .site-header{padding-right:0}.secondary-page .top-nav{margin-left:auto;font-size:10px;gap:17px}.weather-hero,.pepe-card,.level-hero,.countdown-card{grid-column:span 12}.weather-hero{min-height:355px}.weather-hero .secondary-title{font-size:35px}.temperature-display>#w-temp{font-size:130px}.temperature-display>#weather-icon{font-size:60px}.weather-live{font-size:8px}.weather-hero-foot{font-size:10px}.pepe-card{min-height:320px}.pepe-card pre{font-size:clamp(7px,1.7vw,11px)}.weather-metric{grid-column:span 4;padding:20px 14px;min-height:170px;gap:22px}.weather-metric .eyebrow{font-size:9px}.metric-number{font-size:30px}.metric-number small{font-size:12px}.metric-caption{font-size:10px;line-height:1.6}.advice-card,.local-time-card{grid-column:span 12}.advice-card>p{font-size:17px}.local-time-card{min-height:180px}.local-time-card time{font-size:42px}.page-jump{grid-column:span 12}.page-jump strong{font-size:22px}.level-hero{min-height:430px}.level-hero .secondary-title{font-size:65px}.secondary-lede{font-size:13px}.countdown-card{min-height:360px}.level-orbit{width:190px}.life-detail{grid-column:span 6;padding:20px 17px;gap:17px}.life-detail .eyebrow{font-size:8px}.life-detail h3{font-size:18px;overflow-wrap:anywhere}.life-detail p{font-size:12px}.grandpa-card{grid-column:span 12;flex-direction:row;align-items:center}.secondary-page .site-footer{justify-content:space-between;font-size:9px}}
@media(max-width:440px){.level-hero .secondary-title{font-size:48px}}
@media(max-width:380px){.weather-metric{grid-column:span 12;min-height:145px}.metric-number{font-size:40px}.life-detail{grid-column:span 12}.grandpa-card{flex-direction:column;align-items:flex-start}.weather-update{flex-wrap:wrap}.temperature-display>#w-temp{font-size:110px}.temperature-display>#weather-icon{font-size:42px}.secondary-page .top-nav{gap:12px;font-size:9px}}