#hero{min-height:auto!important;padding:6rem 0 2rem!important}#about ul{display:block!important;grid-template-columns:none!important;max-width:560px;margin:1.25rem auto 0!important}#about ul li{margin-bottom:.6rem;padding-left:1.5rem;line-height:1.5}#hero .social-icons img{width:1.4rem;height:1.4rem;vertical-align:middle}#local-time,#hero-age{font-variant-numeric:tabular-nums}.now-icon{font-size:.75em;opacity:.7;vertical-align:.05em}.section-icon{font-size:.85em;opacity:.6;margin-right:.3em;vertical-align:.05em}html{scrollbar-width:thin;scrollbar-color:rgba(228,230,235,.32)transparent}body::-webkit-scrollbar,::-webkit-scrollbar{width:10px;height:10px;background:0 0}body::-webkit-scrollbar-track,::-webkit-scrollbar-track{background:0 0}body::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{border:3px solid var(--background-color);border-radius:999px;background:rgba(228,230,235,.32)}body::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:hover{background:rgba(228,230,235,.56)}#about,#projects,#contact,#recently{padding:5rem 0!important}#projects .card{border-radius:8px}#contact .text-center p{margin-bottom:1rem}#contact .text-center p:has(img){margin-bottom:1.25rem}#contact .text-center p:last-child{margin-bottom:0}#lanyard-card{max-width:520px;margin:0 auto 1rem;background:rgba(255,255,255,4%);border:1px solid rgba(255,255,255,7%);border-radius:12px;padding:1rem 1.25rem;text-align:left}#lanyard-card.lanyard-loading{opacity:.4;text-align:center;font-size:.85rem}.lanyard-user{display:flex;align-items:center;gap:.75rem}.lanyard-avatar-wrap{position:relative;flex-shrink:0;width:48px;height:48px}.lanyard-avatar{width:48px;height:48px;border-radius:50%;display:block}.lanyard-decoration{position:absolute;inset:-10%;width:120%;height:120%;pointer-events:none}.lanyard-status{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:2px solid var(--background-color);z-index:1}.lanyard-status-online{background:#43b581}.lanyard-status-idle{background:#faa61a}.lanyard-status-dnd{background:#f04747}.lanyard-status-offline{background:#747f8d}.lanyard-name-block{flex:1;min-width:0}.lanyard-display-name{font-weight:600;line-height:1.1}.lanyard-username{font-size:.78rem;opacity:.55}.lanyard-divider{height:1px;background:rgba(255,255,255,8%);margin:.75rem 0}.lanyard-activity{display:flex;gap:.75rem;align-items:center}.lanyard-activity-images{position:relative;flex-shrink:0;width:56px;height:56px}.lanyard-large-image{width:56px;height:56px;border-radius:6px;object-fit:cover;display:block}.lanyard-small-image{position:absolute;bottom:-4px;right:-4px;width:22px;height:22px;border-radius:50%;border:2px solid var(--background-color);background:var(--background-color)}.lanyard-activity-text{flex:1;min-width:0}.lanyard-activity-type{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin-bottom:.1rem}.lanyard-activity-details{font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lanyard-activity-state{font-size:.82rem;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lanyard-quiet{text-align:center;opacity:.45;font-size:.82rem}#recently h3{color:var(--text-secondary-color)!important;text-align:center;margin-bottom:2rem}#recently h5{color:var(--text-secondary-color);margin-top:2.5rem;margin-bottom:1rem;opacity:.85}#recently a.media-card{display:block;text-decoration:none;color:var(--text-color);transition:transform .2s ease}#recently a.media-card:hover{transform:translateY(-4px)}#recently a.media-card img{width:100%;border-radius:.5rem;margin-bottom:.5rem;object-fit:cover}#recently a.media-card.anime img,#recently a.media-card.film img,#recently a.media-card.show img{aspect-ratio:2/3}#recently a.media-card.track img,#recently a.media-card.game img{aspect-ratio:1/1}#recently .media-title{font-weight:600;font-size:.85rem;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#recently .media-sub{font-size:.78rem;color:var(--text-secondary-color);opacity:.8;margin-top:.15rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#recently .recently-loading{color:var(--text-secondary-color);opacity:.6;font-size:.85rem;text-align:center;padding:1rem}.media-card-skeleton{display:block;pointer-events:none}.media-card-skeleton .skeleton-img,.media-card-skeleton .skeleton-line{background:linear-gradient(90deg,rgba(255,255,255,4%) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,4%) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite;border-radius:.5rem}.media-card-skeleton .skeleton-img{width:100%;margin-bottom:.5rem}.media-card-skeleton.anime .skeleton-img,.media-card-skeleton.film .skeleton-img,.media-card-skeleton.show .skeleton-img{aspect-ratio:2/3}.media-card-skeleton.track .skeleton-img,.media-card-skeleton.game .skeleton-img{aspect-ratio:1/1}.media-card-skeleton .skeleton-line{height:.78rem;margin-bottom:.3rem;border-radius:3px}.media-card-skeleton .skeleton-line.short{width:55%;height:.65rem}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.js #about,.js #recently,.js #projects,.js #contact{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.js #about.fade-in,.js #recently.fade-in,.js #projects.fade-in,.js #contact.fade-in{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.js #about,.js #recently,.js #projects,.js #contact{transform:none;transition:opacity .3s ease}}footer .col-md-4.text-center{font-size:0;flex:0 0 100%;max-width:100%}footer .col-md-4.text-center::after{display:none!important}footer .text-secondary{display:none!important}footer .footer-line{font-size:.8rem;opacity:.4}#ow-loop{font-variant-numeric:tabular-nums;cursor:help;display:inline-block;transition:opacity .3s,color .3s,text-shadow .3s}#ow-loop.ow-flash{opacity:1;color:#ffd6a5;text-shadow:0 0 14px rgba(255,214,165,.7);font-weight:600;letter-spacing:.02em;animation:ow-flash-bump 1.4s ease-in-out}@keyframes ow-flash-bump{0%{transform:scale(1)}25%{transform:scale(1.12)}100%{transform:scale(1)}}#site-age{font-variant-numeric:tabular-nums}#homelab-status{font-variant-numeric:tabular-nums}#homelab-status.homelab-degraded{color:#ffd6a5}#hero-age{cursor:help;border-bottom:1px dotted rgba(255,255,255,.25);position:relative}#age-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:rgba(15,15,18,.96);border:1px solid rgba(255,255,255,8%);border-radius:8px;padding:.7rem .9rem;font-size:.78rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:100;text-align:left;font-variant-numeric:tabular-nums;box-shadow:0 4px 14px rgba(0,0,0,.4)}#age-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(15,15,18,.96)}#age-tooltip .at-row{display:flex;justify-content:space-between;gap:1.5rem;line-height:1.4}#age-tooltip .at-label{opacity:.55}#age-tooltip .at-value{font-weight:600}#hero-age:hover #age-tooltip{opacity:1;transform:translateX(-50%)translateY(-2px)}.eq-bars{display:inline-flex;gap:2px;align-items:flex-end;height:12px;margin-left:.4rem;vertical-align:-2px}.eq-bars span{display:inline-block;width:3px;background:#43b581;border-radius:1px;animation:eq-bounce 1.1s ease-in-out infinite}.eq-bars span:nth-child(1){animation-delay:0s}.eq-bars span:nth-child(2){animation-delay:.18s}.eq-bars span:nth-child(3){animation-delay:.36s}@keyframes eq-bounce{0%,100%{height:3px}50%{height:12px}}body.birthday::before{content:'🎂 today is callum\'s birthday';display:block;text-align:center;padding:.5rem 1rem;background:linear-gradient(90deg,rgba(255,107,107,.15),rgba(255,193,7,.15),rgba(67,181,129,.15));border-bottom:1px solid rgba(255,255,255,.1);font-size:.9rem;letter-spacing:.02em}#weather-line{opacity:.8}#room-flavour{display:block;font-size:.78rem;opacity:.4;font-style:italic;margin-top:.6rem}#now-strip{text-align:center;font-size:.85rem;margin-top:2rem;padding-top:1rem;opacity:.8;border-top:1px solid rgba(255,255,255,5%)}#now-strip a{color:inherit;text-decoration:none;opacity:.85;transition:opacity .2s}#now-strip a:hover{opacity:1}#now-strip .now-sep{opacity:.35;margin:0 .55em}#now-strip .now-empty{opacity:.4;font-size:.8rem}.page-content h2{color:var(--text-secondary-color);margin-top:2.5rem;opacity:.85;font-size:1.4rem}.page-content h3{margin-top:2rem;opacity:.85;font-size:1.1rem}.page-content h4{margin-top:1.5rem;opacity:.7;font-size:.95rem}.page-content ul{padding-left:1.5rem}.page-content li{margin-bottom:.4rem;line-height:1.55}.page-content code{background:rgba(255,255,255,5%);padding:.1em .3em;border-radius:3px;font-size:.9em}.page-content a{color:var(--text-link-color);text-decoration:none;opacity:.9}.page-content a:hover{opacity:1;text-decoration:underline}.page-content p{line-height:1.65}#scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--text-color);width:0;z-index:9999;opacity:.5;transition:width 60ms linear;pointer-events:none}.single-progress{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(228,230,235,.18);z-index:9999;pointer-events:none}.single-progress #scroll-progress-bar{height:100%;width:0;background:var(--text-color,#e4e6eb);opacity:.85;transition:width 60ms linear}.post-meta{font-size:.85rem;letter-spacing:.02em}.post-meta #readingTime{margin-left:.25rem}#recently a.media-card{transform-style:preserve-3d;will-change:transform}#recently a.media-card img{transition:filter .3s ease}#recently a.media-card:hover img{filter:brightness(1.05)saturate(1.05)}#ow-loop-404{font-variant-numeric:tabular-nums}.ow-404-moon{aspect-ratio:1;object-fit:cover;object-position:50% 32%;width:100%;transition:filter .7s ease,box-shadow .9s ease}.ow-404-moon.ow-supernova{filter:brightness(1.5)contrast(1.05)saturate(.9);box-shadow:0 0 60px rgba(255,255,255,.55),0 0 140px rgba(255,214,165,.4),0 0 240px rgba(255,255,255,.18)}#ow-404-title,#ow-404-sub{transition:opacity .6s ease}.ow-fade-out{opacity:0!important}#ow-loop-line{transition:color .5s ease,text-shadow .5s ease,transform .5s ease;display:inline-block}#ow-loop-line.ow-loop-ending{color:#ffd6a5!important;text-shadow:0 0 18px rgba(255,214,165,.55);transform:scale(1.05);font-weight:500}#recently .recently-header{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}#recently .recently-header h3{margin:0}#recently .view-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;gap:0;font-family:ui-monospace,jetbrains mono,sf mono,Menlo,Consolas,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(228,230,235,.18);border-radius:4px;overflow:hidden}#recently .view-toggle button{background:0 0;border:0;color:rgba(228,230,235,.5);padding:.35rem .7rem;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;transition:background .15s ease,color .15s ease}#recently .view-toggle button+button{border-left:1px solid rgba(228,230,235,.18)}#recently .view-toggle button:hover{color:rgba(228,230,235,.85)}#recently .view-toggle button.active{background:rgba(255,214,165,.12);color:#ffd6a5}@media(max-width:575px){#recently .recently-header{flex-direction:column;gap:.75rem}#recently .view-toggle{position:static;transform:none}}#recently.view-rows .feed-view-wrap{display:none}#recently.view-feed .rows-view{display:none}.feed-view{list-style:none;padding:0;margin:0;font-family:ui-monospace,jetbrains mono,sf mono,Menlo,Consolas,monospace;font-size:.85rem;border-top:1px dashed rgba(228,230,235,8%)}.feed-row{display:grid;grid-template-columns:56px 18px 76px 44px 1fr auto;align-items:center;gap:.85rem;padding:.6rem .4rem;border-bottom:1px dashed rgba(228,230,235,8%);position:relative}.feed-row.feed-live{background:rgba(255,214,165,4%)}.feed-row.feed-live::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:#ffd6a5;border-radius:2px}.feed-time{color:rgba(228,230,235,.5);font-variant-numeric:tabular-nums;font-size:.78rem;text-align:right;white-space:nowrap}.feed-row.feed-live .feed-time{color:#ffd6a5;text-transform:uppercase;letter-spacing:.08em}.feed-glyph{color:rgba(228,230,235,.55);text-align:center;font-size:.85em}.feed-row.feed-live .feed-glyph{color:#ffd6a5}.feed-kind{color:rgba(228,230,235,.55);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.feed-thumb{width:44px;height:44px;object-fit:cover;border-radius:3px;display:block}.feed-thumb-empty{display:block;background:rgba(228,230,235,5%)}.feed-title-block{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:inherit}.feed-title-block:hover .feed-title{color:#ffd6a5}.feed-title{color:var(--text-color,#e4e6eb);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}.feed-sub{color:rgba(228,230,235,.5);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-source{color:rgba(228,230,235,.35);font-size:.7rem;letter-spacing:.05em;white-space:nowrap}.feed-empty{list-style:none;text-align:center;color:rgba(228,230,235,.4);padding:2rem 0;font-family:ui-monospace,jetbrains mono,sf mono,Menlo,Consolas,monospace;font-size:.85rem}@media(max-width:767px){.feed-view{font-size:.78rem}.feed-row{grid-template-columns:44px 16px 40px 1fr;gap:.6rem;padding:.55rem .25rem}.feed-kind,.feed-source{display:none}.feed-thumb,.feed-thumb-empty{width:36px;height:36px}.feed-time{font-size:.7rem}}