*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Tahoma,Verdana,Arial,sans-serif;color:#164a55;background:#b7d9e0;cursor:url("assets/cursors/default.ani"),auto}button,a{cursor:url("assets/cursors/link_select.ani"),pointer}button{font:inherit}a{color:#145b82;text-decoration:none}.desktop{width:min(1440px,100vw);height:100vh;margin:auto;display:flex;flex-direction:column;background:linear-gradient(#edf7df 0 4%,#d3e6af 4% 5%,#b7d9e0 5% 100%);border-left:2px solid #638c92;border-right:2px solid #638c92;box-shadow:0 0 35px #458bea66;position:relative}.crt-glow{position:fixed;inset:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff08 4px);mix-blend-mode:overlay}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;background:linear-gradient(#f7fff0,#c8e6cc);border-bottom:2px solid #638c92;box-shadow:inset 0 -2px #edf7df}.brand{display:flex;gap:10px;align-items:center}.brand-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff 0 8%,#82bae9 9% 25%,#458bea 26% 65%,#638c92 66%);color:white;font-size:20px;border:2px solid white;box-shadow:0 0 0 2px #458bea}.brand-title{font-size:24px;letter-spacing:2px;font-weight:900;color:#145b82;text-shadow:1px 1px white}.brand-title span{color:#638c92}.brand-sub,.eyebrow,.tiny{font-size:9px;letter-spacing:1px}.top-status{font-family:monospace;font-size:12px;color:#326a76}.led{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9fd44a;box-shadow:0 0 8px #9fd44a;margin-right:5px}.divider{opacity:.4;margin:0 8px}.nav{height:38px;display:flex;gap:4px;padding:4px 10px;background:linear-gradient(#638c92,#458bea);border-bottom:2px solid #164a55}.nav-btn{flex:1;border:1px solid #edf7df;border-radius:8px 8px 3px 3px;color:#164a55;background:linear-gradient(#edf7df,#b7d9e0);font-weight:900;font-size:11px;letter-spacing:1px;box-shadow:inset 0 1px white,0 1px #164a55}.nav-btn:hover,.nav-btn.active{background:linear-gradient(#fff,#d3e6af);color:#458bea;transform:translateY(-1px)}.screen{flex:1;min-height:0;display:grid;grid-template-columns:190px minmax(0,1fr) 180px;gap:7px;padding:7px;background:radial-gradient(circle at 50% 0,#edf7df 0,#b7d9e0 45%,#94b9b7 100%)}.left-col,.right-col{display:flex;flex-direction:column;gap:7px;min-height:0}.content{min-width:0;min-height:0;display:flex;flex-direction:column}.sky-strip{height:68px;position:relative;overflow:hidden;border:2px solid #638c92;background:linear-gradient(#458bea,#82bae9 55%,#edf7df);border-radius:10px;margin-bottom:7px;box-shadow:inset 0 0 20px #fff8}.sun{position:absolute;right:35px;top:-20px;width:90px;height:90px;border-radius:50%;background:#f5f0a1;box-shadow:0 0 25px #fff}.cloud{position:absolute;background:#fff;border-radius:50%;filter:blur(.2px);opacity:.85}.c1{width:130px;height:35px;left:50px;top:28px}.c2{width:180px;height:45px;left:120px;top:10px}.c3{width:110px;height:28px;right:120px;top:38px}.sky-text{position:absolute;left:18px;bottom:8px;font-size:11px;letter-spacing:2px;color:#fff;text-shadow:1px 1px #145b82;font-weight:900}.panel{background:linear-gradient(135deg,#f8fff4,#d8edda 48%,#b7d9e0);border:1px solid #638c92;box-shadow:inset 0 0 0 2px #edf7df,2px 2px 0 #638c92;border-radius:7px;position:relative;overflow:hidden}.panel-title{padding:4px 7px;color:#fff;background:linear-gradient(#638c92,#458bea);font-size:10px;font-weight:900;letter-spacing:1px;border-bottom:1px solid #164a55}.profile{height:205px;text-align:center}.profile-avatar{height:92px;margin:8px auto 3px;width:105px;position:relative;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 8%,#d3e6af 9% 40%,#82bae9 41% 65%,#458bea 66%);border:3px solid #edf7df;box-shadow:0 0 0 2px #458bea}.avatar-sun{position:absolute;width:22px;height:22px;border-radius:50%;background:#f4ef9b;right:9px;top:9px}.avatar-wave{position:absolute;bottom:14px;left:15px;width:75px;height:18px;border-bottom:5px solid #fff;border-radius:50%}.avatar-face{position:absolute;inset:30px 0 auto;font-weight:900;color:#164a55}.profile-name{font-weight:900;color:#145b82;font-size:12px}.status-box{margin:7px 10px;background:#edf7df;border:1px dashed #638c92;padding:5px;font-size:9px}.status-box span{color:#6f9c2c}.mini-player{height:245px;padding-bottom:7px}.mini-cover{width:88px;height:88px;margin:8px auto 5px;background:url("assets/album-01.svg") center/cover;border:2px solid white;box-shadow:0 0 0 2px #458bea}.track-title{text-align:center;font-size:11px;font-weight:900;color:#145b82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px}.track-artist{text-align:center;font-size:8px;margin-top:2px}.progress,.big-progress{height:7px;margin:8px 10px;background:#edf7df;border:1px solid #638c92;border-radius:6px;overflow:hidden}.progress div,.big-progress div{height:100%;width:0;background:linear-gradient(90deg,#458bea,#9fd44a);box-shadow:0 0 5px #458bea}.player-controls{display:flex;justify-content:center;gap:7px}.player-controls button{width:28px;height:25px;border-radius:50%;border:1px solid #638c92;background:linear-gradient(#fff,#b7d9e0);color:#145b82;font-weight:900}.player-controls .play{background:linear-gradient(#d3e6af,#9fd44a);color:#164a55}.tidal-link{display:block;text-align:center;margin:7px;font-size:9px;font-weight:900}.counter-panel{height:100px;text-align:center}.counter{margin:10px auto 4px;width:120px;background:#164a55;color:#d3e6af;font:700 24px/34px "Courier New",monospace;letter-spacing:3px;border:2px inset #94b9b7;text-shadow:0 0 5px #9fd44a}.links-panel{flex:1;padding-bottom:7px}.links-panel a{display:block;padding:5px 9px;font-size:10px;border-bottom:1px dotted #94b9b7}.links-panel a:hover{background:#edf7df}.right-col .panel{flex:none}.terminal{height:126px}.terminal-line{display:flex;justify-content:space-between;padding:5px 8px;font:9px monospace;border-bottom:1px dotted #94b9b7}.terminal-line b{color:#458bea}.scanlines{position:absolute;inset:28px 0 0;background:repeating-linear-gradient(0deg,transparent 0 4px,#458bea12 5px);pointer-events:none}.quote{height:150px;padding-bottom:8px}.quote p{font:italic 12px Georgia,serif;padding:5px 10px;min-height:54px}.quote button{margin:0 9px;width:calc(100% - 18px);font-size:9px;border:1px solid #638c92;background:#edf7df;color:#145b82}.tiny-calendar{height:190px}.month{text-align:center;font-size:9px;font-weight:900;margin:5px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:0 6px;font-size:8px;text-align:center}.cal-grid span{padding:3px 0;background:#edf7df;border:1px solid #d3e6af}.cal-grid .today{background:#9fd44a;color:#164a55;font-weight:900}.pixels{flex:1;min-height:120px;background:linear-gradient(#458bea,#b7d9e0);color:white;text-align:center}.pixels span{position:absolute;bottom:13px;left:0;right:0;font:900 11px monospace;text-shadow:1px 1px #145b82}.pixel-sun{position:absolute;width:58px;height:58px;border-radius:50%;background:#f4ef9b;top:15px;right:15px}.pixel-cloud{position:absolute;width:110px;height:25px;background:#fff;border-radius:20px;top:40px;left:20px;opacity:.85}.page{display:none;min-height:0;flex:1;overflow:hidden}.page.active{display:flex;flex-direction:column;gap:7px}.hero{min-height:230px;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#edf7df,#b7d9e0 55%,#82bae9)}.hero-copy{max-width:68%}.hero h1,.section-head h1{font-size:31px;line-height:.9;margin:7px 0;color:#145b82;letter-spacing:-1px;text-shadow:2px 2px #edf7df}.hero h1 span{color:#458bea}.hero p{font-size:11px;line-height:1.5;max-width:650px}.button-row{display:flex;gap:6px;flex-wrap:wrap}.aero-btn{border:1px solid #638c92;border-radius:5px;background:linear-gradient(#fff,#b7d9e0 50%,#82bae9);color:#145b82;font-size:10px;font-weight:900;padding:7px 10px;box-shadow:inset 0 1px white,1px 1px #638c92}.aero-btn:hover{transform:translateY(-1px);filter:saturate(1.15)}.hero-art{width:220px;height:180px;position:relative}.disc{position:absolute;width:170px;height:170px;border-radius:50%;right:10px;top:4px;background:radial-gradient(circle,#edf7df 0 10%,#638c92 11% 13%,#d3e6af 14% 25%,#458bea 26% 28%,#b7d9e0 29% 45%,#458bea 46% 47%,#82bae9 48% 70%,#edf7df 71%);box-shadow:inset 0 0 0 5px #fff,0 10px 18px #145b8233;display:grid;place-items:center;color:#145b82;font-size:50px}.hero-console{position:absolute;left:5px;bottom:5px;width:95px;height:55px;border:3px solid #edf7df;background:linear-gradient(145deg,#638c92,#458bea);color:white;text-align:center;padding-top:7px;font-weight:900;font-size:17px;box-shadow:3px 3px 0 #145b82}.hero-console small{font-size:7px;letter-spacing:2px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;min-height:150px}.tile{padding-bottom:8px;text-align:center}.tile-icon{font-size:28px;color:#458bea;padding-top:10px}.tile h2{margin:2px 0;color:#145b82;font-size:16px}.tile p{font-size:9px;line-height:1.4;padding:0 12px}.tile button{border:0;background:none;color:#458bea;font-size:10px;font-weight:900}.marquee{height:30px;white-space:nowrap;overflow:hidden;display:flex;align-items:center;color:#145b82;font:900 10px monospace}.marquee span{animation:marquee 18s linear infinite;padding-left:100%}@keyframes marquee{to{transform:translateX(-100%)}}.section-head{display:flex;justify-content:space-between;align-items:center;height:58px;padding:0 8px}.badge{font:900 9px monospace;padding:6px 8px;border:1px solid #638c92;background:#edf7df;color:#458bea}.music-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:7px;min-height:0;flex:1}.big-player{display:flex;align-items:center;padding:18px;gap:18px}.album-cover{width:min(220px,42%);aspect-ratio:1;border:4px solid white;box-shadow:0 0 0 2px #458bea;background:url("assets/album-01.svg") center/cover;flex:none}.music-meta{min-width:0;flex:1}.music-meta h2{font-size:19px;color:#145b82;margin:5px 0}.music-meta p{font-size:10px}.time-row{display:flex;justify-content:space-between;font:9px monospace;color:#638c92}.player-controls.large button{width:36px;height:36px}.tidal-panel{padding-bottom:10px}.tidal-panel>p{padding:0 10px;line-height:1.4}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:4px 9px}.album-card{color:#145b82;text-align:center;font-size:9px}.album-card img{width:100%;aspect-ratio:1;display:block;border:2px solid white;box-shadow:0 0 0 1px #638c92}.album-card b,.album-card span{display:block}.album-card span{font-size:8px;color:#458bea;margin-top:3px}.tidal-note{margin:7px 9px;padding:7px;background:#edf7df;border:1px dashed #638c92;font-size:8px}.review-columns{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-height:0;flex:1}.review-list{padding-bottom:5px}.review{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:9px;border-bottom:1px dotted #638c92}.review h2{font-size:13px;margin:0;color:#145b82}.review p{font-size:9px;line-height:1.35;margin:4px 0}.review small{font-size:8px;color:#638c92}.stars{font-size:9px;color:#6f9c2c;margin-top:3px}.cover-placeholder{height:92px;display:grid;place-items:center;color:white;font:900 18px monospace;background:linear-gradient(135deg,#145b82,#458bea);border:2px solid white;box-shadow:0 0 0 1px #638c92}.cover-placeholder.alt{background:linear-gradient(135deg,#638c92,#d3e6af);color:#164a55}.cover-placeholder.game{background:linear-gradient(135deg,#458bea,#94b9b7)}.cover-placeholder.game.alt{background:linear-gradient(135deg,#145b82,#638c92)}.books-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-height:0}.book-card{display:flex;gap:13px;padding:12px;min-height:150px}.book-cover{width:90px;height:120px;flex:none;background:linear-gradient(135deg,#638c92,#d3e6af);border:3px solid #edf7df;box-shadow:2px 2px #458bea;color:white;display:grid;place-items:center;text-align:center;font:900 16px monospace}.book-cover.blue{background:linear-gradient(135deg,#458bea,#b7d9e0)}.book-cover.green{background:linear-gradient(135deg,#6f9c2c,#d3e6af);color:#164a55}.book-card h2{font-size:15px;margin:0;color:#145b82}.author{font-size:9px}.meter{height:7px;background:#edf7df;border:1px solid #638c92}.meter span{display:block;height:100%;background:#9fd44a}.book-card p{font-size:9px}.reading-note{padding-bottom:10px}.reading-note p,.reading-note ul{font-size:10px;line-height:1.5;padding:0 10px}.blog-layout{display:grid;grid-template-columns:1fr 190px;gap:7px;min-height:0;flex:1}.blog-posts{padding-bottom:4px}.post{padding:10px 13px;border-bottom:1px dotted #638c92}.post .date{font:9px monospace;color:#6f9c2c}.post h2{font-size:14px;margin:3px 0;color:#145b82}.post p{font-size:9px;line-height:1.45}.post a{font-size:9px;font-weight:900}.blog-side a{display:block;padding:6px 9px;border-bottom:1px dotted #638c92;font-size:9px}.guestbook{margin:14px 8px;padding:10px;text-align:center;border:1px dashed #638c92;background:#edf7df;font-size:9px}.guestbook button{margin-top:7px;border:1px solid #638c92;background:#b7d9e0;color:#145b82;font-size:9px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:7px;min-height:0;flex:1}.gallery-item{margin:0;padding:5px;background:#edf7df;border:1px solid #638c92;box-shadow:inset 0 0 0 2px white;min-height:0}.gallery-item img,.fake-shot{width:100%;height:calc(100% - 18px);object-fit:cover;display:block}.gallery-item figcaption{font-size:8px;color:#145b82;padding:4px 2px 0}.fake-shot{display:grid;place-items:center;text-align:center;font:900 24px monospace;color:white;border:2px solid #fff;text-shadow:2px 2px #145b82}.fake-shot small{font-size:9px}.fake-shot.aero{background:linear-gradient(#458bea,#82bae9 55%,#d3e6af)}.fake-shot.ps2{background:radial-gradient(circle at 30% 30%,#fff,#458bea 30%,#145b82 80%)}.fake-shot.dc{background:linear-gradient(135deg,#edf7df,#b7d9e0 45%,#458bea)}.fake-shot.web{background:repeating-linear-gradient(45deg,#638c92 0 8px,#d3e6af 8px 16px)}.fake-shot.green{background:radial-gradient(circle,#9fd44a,#638c92)}.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-height:0;flex:1}.extra{padding:13px}.extra-icon{font-size:28px;color:#458bea;float:right}.extra h2{font-size:15px;color:#145b82;margin:0 0 5px}.extra p{font-size:9px;line-height:1.5;max-width:90%}.extra .aero-btn{display:inline-block}.button88{width:176px;height:52px;display:grid;place-items:center;text-align:center;margin:10px 0;background:linear-gradient(#b7d9e0,#458bea);border:3px ridge #edf7df;color:white;text-shadow:1px 1px #145b82;font-weight:900;font-size:13px}.button88 small{font-size:7px}.extra textarea{width:100%;height:45px;font:8px monospace;background:#edf7df;border:1px solid #638c92;color:#145b82}.swatches{display:flex;flex-wrap:wrap;gap:5px}.swatches i{font-style:normal;font:8px monospace;padding:7px 6px;background:#edf7df;border:1px solid #638c92}.swatches i:nth-child(2){background:#d3e6af}.swatches i:nth-child(3){background:#b7d9e0}.swatches i:nth-child(4){background:#94b9b7;color:white}.swatches i:nth-child(5){background:#638c92;color:white}.swatches i:nth-child(6){background:#458bea;color:white}footer{height:25px;background:#164a55;color:#d3e6af;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font:8px monospace;letter-spacing:.4px}code{font:8px monospace;background:#edf7df;padding:1px 3px;border:1px solid #b7d9e0}@media(max-width:900px){html,body{overflow:auto}.desktop{height:auto;min-height:100vh}.screen{grid-template-columns:160px minmax(0,1fr)}.right-col{display:none}.hero-art{width:150px}.music-layout{grid-template-columns:1fr}.album-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.screen{grid-template-columns:1fr}.left-col{display:none}.nav{flex-wrap:wrap;height:auto}.nav-btn{min-width:24%;height:30px}.grid-3,.review-columns,.books-grid,.extras-grid,.gallery-grid{grid-template-columns:1fr}.gallery-grid{grid-auto-rows:170px}.hero{min-height:340px}.hero-copy{max-width:100%}.hero-art{display:none}.section-head h1{font-size:24px}.big-player{flex-direction:column}.album-cover{width:150px}.brand-title{font-size:18px}.brand-sub{display:none}.top-status{font-size:9px}footer{height:auto;gap:5px;flex-wrap:wrap;padding:5px}.page{overflow:auto}.page.active{overflow:auto}}