header{border-bottom:1px solid #222;margin-bottom:1rem}.site-footer{padding:.75rem 2rem;text-align:center;font-family:DM Sans,sans-serif;font-size:.75rem;color:#64748b;letter-spacing:.05em;border-top:1px solid rgba(255,255,255,.05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background-color:#1a2332;min-height:100%}body{background-color:#1a2332;min-height:100vh;color:#cbd5e1;font-family:DM Sans,sans-serif;line-height:1.5}a{color:#cbd5e1;text-decoration:none}.hero{display:flex;flex-direction:column;align-items:center;min-height:100vh;text-align:center;padding:3rem 2rem 6rem}.site-title{display:inline-block;font-size:4rem;font-weight:700;font-family:DM Sans,sans-serif;letter-spacing:.05em;margin-bottom:.75rem;background:linear-gradient(90deg,#60ace3 0% 30%,#edb15c 70% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-subtitle{font-family:Crimson Pro,serif;font-style:italic;font-size:1.3rem;color:#94a3b8;margin-bottom:4rem}.boxes{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;max-width:600px}.box{border-radius:12px;padding:2rem;text-align:center;font-size:.9rem;cursor:pointer;transition:all .3s ease}.box-blue{background-color:#1e3a5f;border:2px solid rgba(96,172,227,.4);color:#7fc5f0}.box-orange{background-color:#2d2622;border:2px solid rgba(237,177,92,.4);color:#edb15c}.box-blue:hover{border-color:#60ace3;box-shadow:0 0 15px #60ace34d}.box-orange:hover{border-color:#edb15c;box-shadow:0 0 15px #edb15c4d}@media(max-width:968px){.boxes{grid-template-columns:1fr;width:80%}.site-title{font-size:2.5rem}}@media(max-width:640px){.site-title{font-size:2rem}}.box-spotify,.box-github{display:flex;flex-direction:column;gap:.5rem}.box-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6;transition:opacity .3s ease,color .3s ease}.box-blue:hover .box-label{opacity:1;color:#60ace3}.box-orange:hover .box-label{opacity:1;color:#edb15c}.box-commit,.box-repo{font-size:.9rem;color:#e0e0e0}.box-timeago{font-size:.65rem;color:#cbd5e1;opacity:.4;margin-top:-.25rem}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem}.not-found-code{display:inline-block;font-size:6rem;font-weight:700;font-family:DM Sans,sans-serif;letter-spacing:.05em;background:linear-gradient(90deg,#60ace3 0% 30%,#edb15c 70% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:1rem}.not-found-title{font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:700;color:#cbd5e1;margin-bottom:1rem}.not-found-message{font-family:Crimson Pro,serif;font-style:italic;font-size:1.1rem;color:#94a3b8;max-width:400px;margin-bottom:2.5rem}.not-found-home{font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.6rem 1.4rem;border-radius:6px;border:2px solid rgba(96,172,227,.4);background:#60ace314;color:#60ace3;text-decoration:none;transition:all .2s ease}.not-found-home:hover{border-color:#60ace3;background:#60ace326;box-shadow:0 0 12px #60ace333;color:#7fc5f0}.persona-badges{display:flex;gap:.5rem;margin-bottom:1.25rem}.persona-badge{font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:.25rem .65rem;border-radius:4px}.persona-badge--chris{color:#60ace3;border:1px solid rgba(96,172,227,.4);background:#60ace314}.persona-badge--iffo{color:#edb15c;border:1px solid rgba(237,177,92,.4);background:#edb15c14}.page-wrap{display:flex;justify-content:center;padding:3rem 2rem 5rem}.page-content{width:100%;max-width:680px}.page-title{font-size:2.5rem;font-weight:700;font-family:DM Sans,sans-serif;letter-spacing:.05em;margin-bottom:.75rem}.persona-chris .page-title{color:#60ace3}.persona-iffo .page-title{color:#edb15c}.persona-both .page-title{display:inline-block;background:linear-gradient(90deg,#60ace3 0% 30%,#edb15c 70% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-date{display:block;font-family:Crimson Pro,serif;font-style:italic;font-size:1rem;color:#94a3b8;margin-bottom:2.5rem;padding-bottom:2.5rem}.persona-chris .page-date{border-bottom:1px solid rgba(96,172,227,.2)}.persona-iffo .page-date{border-bottom:1px solid rgba(237,177,92,.2)}.persona-both .page-date{border-bottom:1px solid rgba(96,172,227,.15)}.page-body{font-size:1rem;line-height:1.8;color:#cbd5e1}.page-body p{margin-bottom:1.25rem}.page-body h2,.page-body h3,.page-body h4{font-family:DM Sans,sans-serif;font-weight:700;margin:2rem 0 .75rem}.page-body h2{font-size:1.5rem}.page-body h3{font-size:1.2rem}.persona-chris .page-body h2,.persona-chris .page-body h3,.persona-chris .page-body h4{color:#7fc5f0}.persona-iffo .page-body h2,.persona-iffo .page-body h3,.persona-iffo .page-body h4{color:#f5c77d}.persona-both .page-body h2,.persona-both .page-body h3,.persona-both .page-body h4{display:inline-block;background:linear-gradient(90deg,#60ace3 0% 30%,#edb15c 70% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-body a{text-decoration:underline;text-underline-offset:3px}.persona-chris .page-body a{color:#60ace3}.persona-chris .page-body a:hover{color:#7fc5f0}.persona-iffo .page-body a{color:#edb15c}.persona-iffo .page-body a:hover{color:#f5c77d}.persona-both .page-body a{color:#60ace3}.persona-both .page-body a:hover{color:#edb15c}.page-body blockquote{margin:1.5rem 0;padding:.75rem 1.25rem;color:#94a3b8;font-family:Crimson Pro,serif;font-style:italic;font-size:1.1rem}.persona-chris .page-body blockquote{border-left:3px solid rgba(96,172,227,.35)}.persona-iffo .page-body blockquote{border-left:3px solid rgba(237,177,92,.35)}.persona-both .page-body blockquote{border-left:3px solid rgba(96,172,227,.2)}.page-body ul,.page-body ol{margin:0 0 1.25rem 1.5rem}.page-body li{margin-bottom:.4rem}.page-body img{max-width:100%;border-radius:8px;margin:1rem 0;display:block}.persona-chris .page-body img{border:1px solid rgba(96,172,227,.2)}.persona-iffo .page-body img{border:1px solid rgba(237,177,92,.2)}.persona-both .page-body img{border:1px solid rgba(96,172,227,.15)}.page-body iframe{width:100%;aspect-ratio:16 / 9;border-radius:8px;border:none;margin:1rem 0;display:block}.page-body table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.9rem}.page-body th{font-family:DM Sans,sans-serif;font-weight:700;text-align:left;padding:.6rem .9rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.page-body td{padding:.6rem .9rem;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.05)}.persona-chris .page-body th{color:#60ace3;border-bottom:2px solid rgba(96,172,227,.3)}.persona-iffo .page-body th{color:#edb15c;border-bottom:2px solid rgba(237,177,92,.3)}.persona-both .page-body th{color:#7fc5f0;border-bottom:2px solid rgba(96,172,227,.3)}.btn{display:inline-block;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.6rem 1.4rem;border-radius:6px;text-decoration:none;border:2px solid;transition:all .2s ease;margin:.25rem .25rem .25rem 0}.persona-chris .btn{color:#60ace3;border-color:#60ace366;background:#60ace314}.persona-chris .btn:hover{border-color:#60ace3;background:#60ace326;box-shadow:0 0 12px #60ace333;color:#7fc5f0}.persona-iffo .btn{color:#edb15c;border-color:#edb15c66;background:#edb15c14}.persona-iffo .btn:hover{border-color:#edb15c;background:#edb15c26;box-shadow:0 0 12px #edb15c33;color:#f5c77d}.persona-both .btn{color:#60ace3;border-color:#60ace366;background:#60ace314}.persona-both .btn:hover{border-color:#edb15c;color:#edb15c;background:#edb15c14;box-shadow:0 0 12px #edb15c33}@media(max-width:640px){.page-title{font-size:1.8rem}}.post-pod{display:flex;flex-direction:column;gap:.5rem;border-radius:12px;padding:2rem;text-align:center;text-decoration:none;cursor:pointer;transition:all .3s ease}.persona-chris.post-pod,.persona-both.post-pod{background-color:#1e3a5f;border:2px solid rgba(96,172,227,.4)}.persona-iffo.post-pod{background-color:#2d2622;border:2px solid rgba(237,177,92,.4)}.persona-chris.post-pod:hover,.persona-both.post-pod:hover{border-color:#60ace3;box-shadow:0 0 15px #60ace34d}.persona-iffo.post-pod:hover{border-color:#edb15c;box-shadow:0 0 15px #edb15c4d}.persona-chris.post-pod:hover .box-label,.persona-both.post-pod:hover .box-label{opacity:1;color:#60ace3}.persona-iffo.post-pod:hover .box-label{opacity:1;color:#edb15c}@media(max-width:968px){.posts{grid-template-columns:1fr}}@keyframes live-pulse{0%,to{border-color:#60ace366;box-shadow:none}50%{border-color:#60ace3;box-shadow:0 0 15px #60ace34d}}@keyframes live-label-pulse{0%,to{opacity:.6;color:inherit}50%{opacity:1;color:#60ace3}}.box-spotify.is-live{animation:live-pulse 2.5s ease-in-out infinite}.box-spotify.is-live .box-label{animation:live-label-pulse 2.5s ease-in-out infinite}