*,*:before,*:after{box-sizing:border-box}:root{--amber: #ff8c00;--amber-dim: #a35500;--amber-bright: #ffb347;--amber-dark: #5a3200;--amber-glow: rgba(255, 140, 0, .12);--amber-faint: rgba(255, 140, 0, .05);--bg: #050400}html{scroll-behavior:smooth}body{margin:0;padding:0;font-size:18px;word-break:break-word;font-family:var(--font-share-tech-mono),monospace;background-color:var(--bg);background-image:radial-gradient(rgba(255,140,0,.15) 1px,transparent 1px);background-size:20px 20px;background-attachment:fixed;color:var(--amber)}body:before{content:"";display:block;position:fixed;inset:0;background:linear-gradient(#0000 50%,#00000026 50%);background-size:100% 4px;z-index:9999;pointer-events:none;animation:scanlines-anim .7s linear infinite}@keyframes scanlines-anim{0%{background-position:0px 0px}to{background-position:0px 8px}}h2{font-size:2rem;font-family:var(--font-jersey-25);font-style:italic;color:var(--amber-bright);text-shadow:0 0 8px rgba(255,140,0,.7),0 0 24px rgba(255,140,0,.25)}h1 a,a{font-family:var(--font-jersey-25);color:var(--amber);text-decoration:none;font-weight:700}a:hover{color:var(--amber-bright);text-shadow:0 0 6px rgba(255,140,0,.6)}ul{padding-left:20px;list-style-type:none}li:before{content:"▸  ";color:var(--amber);font-size:.75em}iframe{border:0px solid var(--amber-dim);box-shadow:0 0 8px #ff8c0033,inset 0 0 16px #ff8c000a}.top-spacer{height:20vh}.p-right{text-align:right;color:var(--amber-dim);font-size:.85rem}.main-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;max-width:1000px;height:30vh;background-color:var(--amber-faint);border:1px solid var(--amber-dim);position:relative}.main-container h1{font-size:3rem;animation:glow 1.5s ease-in-out infinite alternate}.main-container a:hover{color:var(--amber);text-shadow:0 0 6px rgba(255,140,0,.6)}@keyframes glow{0%{text-shadow:0 0 20px var(--amber)}to{text-shadow:0 0 10px var(--amber-glow),0 0 5px var(--amber-glow)}}.welcome-text{font-family:Courier New,Courier,monospace}.main-container:before,.main-container:after{content:"";position:absolute;width:14px;height:14px;border-color:var(--amber);border-style:solid}.main-container:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.main-container:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.main-container .flex-item:nth-child(1){order:0;flex:0 1 auto;align-self:center}.profile-grid{display:grid;grid-template-columns:[c1] 1.5fr [c2] 3fr [c3];grid-template-rows:[r1] 130px [r2] auto [r3];grid-template-areas:"header  header" "left    main";width:min(960px,100%);height:100vh;column-gap:25px;row-gap:20px;padding:0 60px;margin:20px auto 0}.profile-header{grid-area:header}.profile-main{grid-area:main;min-width:0}.profile-header-card h2{margin-top:10px;margin-bottom:15px}.profile-card{background:var(--amber-faint);padding:8px 12px;border:1px solid var(--amber-dim);box-shadow:0 0 8px #ff8c0033,inset 0 0 16px #ff8c000a;margin-bottom:25px;border-radius:0;position:relative}.profile-card:before{content:attr(data-label);position:absolute;top:-10px;left:10px;background:var(--bg);padding:0 6px;font-size:.8rem;letter-spacing:.2em;color:var(--amber-dim);text-transform:uppercase}.profile-card ul{display:grid;grid-template-columns:[c1] auto [c2] auto [c3]auto;grid-auto-flow:column;grid-template-rows:repeat(3,auto);gap:0 16px;padding-left:0}.profile-two-column-card{display:flex;width:100%;gap:16px}.profile-two-column-card .profile-card{flex:1}.song-info{display:flex;flex-direction:row;column-gap:15px;margin-bottom:15px}.song-text{align-self:center;font-size:.9rem;color:var(--amber)}.listening-status{display:flex;align-items:center;column-gap:5px}#song-status-dot{font-size:.9rem;transition:color .3s ease}#song-status{font-size:.9rem}.dot--active{width:10px;height:10px;background-color:var(--amber);border-radius:50%;box-shadow:0 0 10px 2px #ff8c00cc,0 0 30px 2px #ff8c0066;animation:dot-pulse 1.4s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.dot--inactive{width:10px;height:10px;background-color:var(--amber-dim);border-radius:50%;box-shadow:0 0 6px #a3550080,0 0 16px #a3550033}#song-cover{width:100px;height:100px;object-fit:cover;display:block;filter:sepia(60%) saturate(200%) hue-rotate(-20deg) brightness(.9);border:1px solid var(--amber-dim)}#song-title,#song-artist{width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--amber)}#song-title{font-size:.95rem;font-weight:700}#song-artist{color:var(--amber-dim);font-size:.85rem}#song-cover:hover{filter:sepia(60%) saturate(200%) hue-rotate(-20deg) brightness(1.1) drop-shadow(0 0 6px rgba(255,140,0,.8));transition:filter .3s ease}.profile-card.chat-widget{width:100%;height:250px}.profile-image{filter:sepia(60%) saturate(200%) hue-rotate(-20deg) brightness(.9)}#statuscafe{padding:.5em;background-color:var(--amber-faint)}#statuscafe-username{margin-bottom:.5em}#statuscafe-content{margin:0 1em .5em}#mobile-link{display:none}.card-footer{margin-top:12px;padding-top:8px;border-top:1px solid var(--amber-dim);text-align:right}.card-footer a{font-family:var(--font-share-tech-mono),monospace;font-size:.65rem;letter-spacing:.12em;color:var(--amber-dim);text-transform:lowercase;transition:color .2s}.card-footer a:hover{color:var(--amber);text-shadow:0 0 6px rgba(255,140,0,.5)}.terminal-line{font-size:.75rem;line-height:2;letter-spacing:.05em}.terminal-line .dim{color:var(--amber-dim);display:inline-block;min-width:80px}.header-top{display:flex;justify-content:space-between;align-items:center}.status-pill{font-size:.6rem;letter-spacing:.15em;color:var(--amber);border:1px solid var(--amber-dim);padding:2px 8px}.header-stats{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:10px;padding-top:8px;border-top:1px solid var(--amber-dim);font-size:.7rem;letter-spacing:.12em;color:var(--amber-dim);justify-content:flex-end;align-items:center}.typing{overflow:hidden;white-space:nowrap;border-right:2px solid var(--amber);width:fit-content;animation:typing 1.5s steps(6) forwards,cursor .8s step-end 1.5s infinite}@keyframes typing{0%{width:0}to{width:6ch}}@keyframes cursor{0%,to{border-color:var(--amber)}50%{border-color:transparent}}.sep{color:var(--amber-dim)}.side-nav{display:flex;flex-direction:column;gap:2px;margin-bottom:25px}.side-nav-item{display:flex;align-items:center;gap:6px;font-size:.7rem;letter-spacing:.12em;color:var(--amber-dim);padding:3px 0;border-bottom:1px solid transparent;transition:color .2s;font-weight:400}.side-nav-item:hover,.side-nav-item.active{color:var(--amber)}.side-nav-arrow{width:10px;color:var(--amber)}.scroll-indicator{display:none}@media only screen and (orientation:portrait){.main-container{padding:2rem;margin:1rem}h1{font-size:2.5rem;font-family:var(--font-jersey-25);font-style:italic}p{font-size:.8rem}body:before{background-size:100% 4px}}.left-toggle{display:none}.left-extra{display:block}.left-footer{display:flex;flex-direction:column;gap:4px;padding-top:12px;margin-top:12px;border-top:1px solid var(--amber-dim);font-size:.9rem;letter-spacing:.15em;color:var(--amber-dim)}.left-footer-text{color:var(--amber-dim)}.heart{color:var(--amber)}.left-footer-sub{color:var(--amber-dim);font-size:.75rem}@media(max-width:768px){.profile-grid{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"header" "left" "main";width:100%;height:auto;padding:0 16px}.profile-two-column-card{flex-direction:column}.profile-header-card{padding:12px}.profile-header-card h2{font-size:2.5rem}.header-stats{flex-direction:column;gap:4px;font-size:.65rem}.header-stats .sep{display:none}.profile-header-card h2{font-size:1.6rem}.dim{font-size:.8rem}.left-extra{display:none}.left-extra.open{display:block}.left-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:1px solid var(--amber-dim);color:var(--amber);font-family:var(--font-share-tech-mono),monospace;font-size:.7rem;letter-spacing:.12em;cursor:pointer;padding:8px;margin-bottom:30px}.left-footer{margin-top:24px;padding-bottom:60px}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:4px;position:fixed;bottom:20px;left:50%;text-shadow:#ffcc00 1px 0 15px;transform:translate(-50%);font-size:2.6rem;font-family:var(--font-share-tech-mono);letter-spacing:.1em;color:var(--amber-bright);z-index:100;transition:opacity .4s ease}.scroll-arrow{color:var(--amber-bright);animation:bounce 1.2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}}