:root{--alice:#edf2fb;--lav:#e2eafc;--lav2:#d7e3fc;--peri:#ccdbfd;--peri2:#c1d3fe;--peri3:#b6ccfe;--ice:#abc4ff;--ink:#403347;--berry:#6d485e;--pink:#f7c7c7;--cream:#fff9e9;--paper:#fff9e8;--line:#d79eaa;--serif:Georgia,'Times New Roman',serif;--pixel:'Trebuchet MS',Arial,sans-serif;--mono:'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--lav);color:var(--ink);font-family:var(--pixel);font-size:16px;line-height:1.25;background-image:linear-gradient(45deg,rgba(109,72,94,.07) 25%,transparent 25%,transparent 75%,rgba(109,72,94,.07) 75%),linear-gradient(45deg,rgba(109,72,94,.07) 25%,transparent 25%,transparent 75%,rgba(109,72,94,.07) 75%);background-size:28px 28px;background-position:0 0,14px 14px}.top-tabs{height:31px;background:#fff;display:flex;align-items:stretch;padding-left:10px;border-bottom:1px solid #a78a99;box-shadow:0 1px 3px #70546a66;font-size:13px;overflow:hidden}.tab{display:flex;align-items:center;padding:0 16px;border-right:1px solid #d6c3cd;white-space:nowrap;color:#241e2a}.tab.active{background:#f6e6ed;color:#b75f71}.tab b{color:#de6c76;margin-left:4px}.shell{width:min(1180px,calc(100% - 20px));margin:0 auto;background:var(--paper);box-shadow:0 0 0 1px #fff,0 0 0 4px var(--berry),0 0 24px #3b294044}.banner{height:150px;background:var(--berry);border-bottom:4px solid #c895a2;position:relative;overflow:hidden;padding:18px 28px;color:#fff1f5}.banner:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 9px,rgba(255,255,255,.06) 9px 11px)}.banner-logo{position:relative;z-index:1;width:max-content;font-family:var(--serif);font-style:italic;font-weight:700;font-size:64px;line-height:.8;color:#fff1ee;text-shadow:3px 3px 0 #ca8695,-2px -2px 0 #4c3044;transform:rotate(-2deg)}.banner-logo span span{color:#ffe1db}.banner-logo small{display:block;margin-left:63px;margin-top:13px;font:11px var(--mono);font-style:normal;letter-spacing:.08em;text-shadow:none;color:#f8dce1}.spark{font-size:35px;vertical-align:top;margin-right:6px;color:#f9c4cd}.banner-art{position:absolute;left:48%;top:0;width:45%;height:100%;display:flex;align-items:center;gap:16px;font:75px var(--serif);font-style:italic;color:#d698a9;opacity:.72;transform:rotate(-10deg)}.banner-art i:nth-child(2n){color:#edbdc3;transform:translateY(-14px)}.banner-note{position:absolute;right:23px;top:17px;text-align:right;font:12px/1.3 var(--mono);color:#f7dce2}.layout{display:grid;grid-template-columns:235px 1fr}.sidebar{background:var(--lav2);border-right:6px double #d1a5ad;padding:16px 12px 35px;position:relative}.side-title{text-align:center;font:italic 18px var(--serif);margin:4px 0 12px;color:var(--berry)}.side-nav{display:grid;gap:7px}.side-nav a,.retro-button{display:block;text-decoration:none;color:var(--berry);background:linear-gradient(#ffe1d9,#f4c3c1);border:2px solid #c87982;border-radius:18px;padding:9px 12px;text-align:center;box-shadow:inset 0 0 0 2px #ffece2,2px 2px 0 #b77e8c;font:16px var(--serif)}.side-nav a:hover,.retro-button:hover{background:linear-gradient(#f6c0c3,#ffe3d3);transform:translate(-1px,-1px)}.side-card{background:#fff3ed;border:1px solid #c88a99;padding:11px 10px;margin-top:20px;box-shadow:2px 2px 0 #dab0b6;position:relative}.mini-label{font:bold 10px var(--mono);text-transform:uppercase;color:#a15e70;margin-bottom:6px}.now-playing strong{display:block;font:17px var(--serif);font-style:italic}.now-playing>span{display:block;font:10px var(--mono);color:#866273;margin-top:2px}.mini-bars{display:flex;align-items:center;gap:2px;height:23px;margin:10px 0 0}.mini-bars i{width:4px;background:#a9687a;height:33%}.mini-bars i:nth-child(2n){height:70%}.mini-bars i:nth-child(3n){height:100%}.mini-play{position:absolute;right:10px;bottom:10px;width:25px;height:25px;border:1px solid var(--berry);border-radius:50%;color:var(--berry);background:var(--pink);font-size:10px}.status{font:11px var(--mono);line-height:1.7}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6fba88;border:1px solid #447c5a}.status small{color:#947888}.side-stamp{text-align:center;font:italic 12px var(--serif);color:#946a7a;margin-top:33px;transform:rotate(-4deg)}.content{background:var(--paper);min-width:0}.crumbs{font:11px var(--mono);padding:12px 24px;color:#957582;border-bottom:1px dashed #dba0a8}.crumbs a{color:#ad586e}.paper-section{padding:20px 30px 25px;border-bottom:1px dashed #dda8af}.section-title{display:flex;align-items:center;gap:12px}.section-title h1,.section-title h2{font:italic 29px var(--serif);margin:0;white-space:nowrap;color:#47354a}.section-title h1 span{color:#b55b72}.section-title h2{font-size:25px}.rule{height:0;border-top:2px dashed #e3acb2;flex:1;margin-top:8px}.welcome-grid{display:grid;grid-template-columns:1fr 260px;gap:20px;padding-top:18px}.welcome p{max-width:580px;margin:7px 0}.intro{font-size:18px}.tiny{font:11px var(--mono)!important;color:#a57580!important;margin-top:18px!important}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}.retro-button{display:inline-block;width:max-content;font-size:15px;padding:7px 15px}.welcome-doodle{min-height:180px;position:relative;background:var(--lav);border:1px solid #d8a4b0;overflow:hidden}.doodle-orbit{position:absolute;width:165px;height:165px;border:2px dashed #c67c8a;border-radius:50%;left:48px;top:9px;transform:rotate(22deg)}.doodle-orbit:before,.doodle-orbit:after{content:'';position:absolute;border:1px solid #c67c8a;border-radius:50%;inset:22px;transform:rotate(40deg)}.doodle-orbit:after{inset:43px;transform:rotate(-70deg)}.doodle-star{position:absolute;left:112px;top:63px;font:44px var(--serif);color:#bb6277}.welcome-doodle span{position:absolute;right:10px;bottom:9px;font:italic 13px var(--serif);text-align:right;color:#855f70}.section-sub{font:12px var(--mono);color:#936f7b;margin:9px 0 14px}.retro-track{display:grid;grid-template-columns:39px 1fr 50px;gap:12px;align-items:center;padding:11px 8px;margin:7px 0;background:#fffdf3;border:1px solid #dba6ad;border-left:5px solid #c47887;box-shadow:2px 2px 0 #edc6c8}.retro-track:nth-child(2){border-left-color:#8aa0c2}.retro-track:nth-child(3){border-left-color:#a58bb0}.retro-play{width:32px;height:32px;border:2px solid #9f6071;background:#f9d0cd;border-radius:50%;color:#6c4257;cursor:pointer;font-size:11px}.retro-track.is-playing{background:#f8e1eb}.retro-track.is-playing .retro-play{background:#6c4257;color:#fff}.retro-track h3{font:italic 19px var(--serif);margin:0;color:#4c344b}.retro-track h3 span{font:10px var(--mono);font-style:normal;background:#f5b2bd;color:#773f54;padding:2px 4px;margin-left:5px}.retro-track p{font:10px var(--mono);color:#9a7380;margin:3px 0 6px}.track-id{font:11px var(--mono);color:#bd8c97}.pixel-wave{display:flex;align-items:center;gap:2px;height:13px}.pixel-wave i{width:3px;background:#8a546a;height:45%}.pixel-wave i:nth-child(2n){height:78%}.pixel-wave i:nth-child(3n){height:100%}.pixel-wave.soft i{height:33%}.pixel-wave.soft i:nth-child(2n){height:55%}.pixel-wave.tall i:nth-child(2n){height:100%}.track-foot{display:flex;justify-content:space-between;font:10px var(--mono);color:#a37882;text-transform:uppercase;margin-top:12px}.track-foot a{color:#ae5b70}.notes-grid{display:grid;grid-template-columns:1fr 1fr 170px;gap:16px;margin-top:18px}.lined-note{background:#fff0b9;min-height:170px;padding:27px 18px 12px;position:relative;box-shadow:3px 3px 0 #dab5a1;transform:rotate(-1deg);background-image:repeating-linear-gradient(#fff0b9 0 25px,#edc9a8 26px)}.lined-note.blue{background-color:#dfe9fa;background-image:repeating-linear-gradient(#dfe9fa 0 25px,#bdcce1 26px);transform:rotate(2deg)}.tape{position:absolute;top:-8px;left:24px;background:#efb4b4;padding:4px 9px;font:10px var(--mono);box-shadow:1px 1px 0 #b77b87}.lined-note p{font:italic 23px/1.15 var(--serif);margin:0}.lined-note small{font:10px var(--mono);color:#92727a}.note-aside{align-self:center;font:italic 21px/1.1 var(--serif);text-align:center;color:#956474;transform:rotate(-4deg)}.about-grid{display:grid;grid-template-columns:180px 1fr;gap:27px;align-items:center;margin-top:18px}.pixel-avatar{height:180px;width:160px;background:var(--lav2);border:1px solid #d09baa;position:relative;display:grid;place-items:center}.avatar-head{width:72px;height:70px;border-radius:45% 45% 42% 42%;background:#ca8aa1;border:3px solid #6e4a62;position:absolute;top:31px}.avatar-head:before{content:'●   ●';position:absolute;color:#49374a;font:12px monospace;left:13px;top:27px;white-space:pre}.avatar-head:after{content:'⌣';position:absolute;color:#49374a;font:19px var(--serif);left:27px;top:36px}.avatar-body{width:92px;height:70px;background:#9b7bb1;border:3px solid #6e4a62;position:absolute;bottom:25px;border-radius:45% 45% 12px 12px}.pixel-avatar span{position:absolute;right:7px;top:8px;font:bold 13px var(--mono);color:#a05d70}.about p{margin:6px 0;max-width:550px}.about .retro-button{margin-top:12px}.guestbook{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 30px;background:var(--pink);border-bottom:1px dashed #bc7b8a}.guestbook h2{font:italic 22px var(--serif);margin:0;color:#613c50}.guestbook p{font:11px var(--mono);margin:5px 0 0;color:#86586b}.footer{display:flex;justify-content:space-between;gap:20px;padding:15px 30px 20px;font:10px var(--mono);color:#987582;background:#fff1de}@media(max-width:800px){.top-tabs{overflow:auto}.tab{padding:0 10px;font-size:11px}.shell{width:calc(100% - 10px)}.banner{height:128px;padding:16px}.banner-logo{font-size:45px}.banner-logo small{margin-left:35px;font-size:9px}.banner-art{left:52%;font-size:48px;gap:5px}.banner-note{display:none}.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:6px double #d1a5ad;padding:12px}.side-nav{grid-template-columns:repeat(3,1fr)}.side-card{display:none}.side-stamp{margin:13px 0 2px}.paper-section{padding:17px 15px 21px}.section-title{align-items:flex-start}.section-title h1,.section-title h2{font-size:22px;white-space:normal}.welcome-grid{grid-template-columns:1fr}.welcome-doodle{min-height:150px}.notes-grid{grid-template-columns:1fr 1fr}.note-aside{grid-column:1/-1}.about-grid{grid-template-columns:120px 1fr;gap:16px}.pixel-avatar{width:120px;height:145px;transform:scale(.9);transform-origin:left center}.about p{font-size:14px}.guestbook,.footer{display:block}.guestbook .retro-button{margin-top:12px}.footer span{display:block;margin-top:4px}}@media(max-width:480px){body{font-size:14px}.banner-logo{font-size:37px}.banner-logo small{margin-left:27px}.banner-art{opacity:.45}.side-nav{grid-template-columns:repeat(2,1fr)}.welcome-grid{display:block}.welcome-doodle{margin-top:17px}.track-foot{display:block;line-height:2}.notes-grid{display:block}.lined-note{margin:13px 8px 20px}.note-aside{margin:25px}.about-grid{display:block}.pixel-avatar{margin:3px auto 20px}.about .retro-button{display:block;margin-left:auto;margin-right:auto}.guestbook{padding:18px 15px}}
:root{--pixel:'Comic Sans MS','Comic Sans',cursive;--serif:'Comic Sans MS','Comic Sans',cursive;--mono:'Comic Sans MS','Comic Sans',cursive}body{font-family:'Comic Sans MS','Comic Sans',cursive}.top-tabs{display:none}.cursor-cat{position:fixed;left:0;top:0;z-index:50;pointer-events:none;font:22px 'Comic Sans MS',cursive;color:#6d485e;text-shadow:2px 2px 0 #fff;transform:translate(-100px,-100px);transition:transform .45s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(2px 3px 0 #d59daa)}
.banner-logo,.section-title h1,.section-title h2,.side-title,.retro-track h3,.guestbook h2,.lined-note p,.note-aside{font-family:'Comic Sans MS','Comic Sans',cursive;font-style:normal}.side-nav a,.retro-button,.button-row,.guestbook{font-family:'Comic Sans MS','Comic Sans',cursive}.retro-button{transition:transform .2s ease,box-shadow .2s ease}.retro-button:hover{animation:wiggle .45s ease}@keyframes wiggle{0%,100%{transform:rotate(0)}35%{transform:rotate(-2deg) scale(1.03)}70%{transform:rotate(2deg) scale(1.03)}}.banner-art i{animation:floaty 4s ease-in-out infinite}.banner-art i:nth-child(2){animation-delay:-1.1s}.banner-art i:nth-child(3){animation-delay:-2.2s}.banner-art i:nth-child(4){animation-delay:-.7s}.banner-art i:nth-child(5){animation-delay:-1.7s}@keyframes floaty{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(5deg)}}.doodle-orbit{animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(382deg)}}.pixel-wave i,.mini-bars i{animation:equalize 1.05s ease-in-out infinite alternate}.pixel-wave i:nth-child(2n),.mini-bars i:nth-child(2n){animation-delay:-.4s}.pixel-wave i:nth-child(3n),.mini-bars i:nth-child(3n){animation-delay:-.8s}@keyframes equalize{from{transform:scaleY(.35)}to{transform:scaleY(1.15)}}.guestbook-modal{position:fixed;inset:0;z-index:40;background:rgba(64,51,71,.5);display:grid;place-items:center;padding:20px;animation:fadeIn .2s ease}.guestbook-modal[hidden]{display:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.notebook{width:min(470px,100%);background:#fff0b9;border:2px solid #9f6071;box-shadow:8px 8px 0 #6d485e;padding:24px 24px 18px;position:relative;background-image:repeating-linear-gradient(#fff0b9 0 30px,#e6c898 31px)}.notebook-title{font:italic 25px 'Comic Sans MS',cursive;color:#6d485e;margin-bottom:9px}.notebook p{font:14px 'Comic Sans MS',cursive}.modal-close{position:absolute;right:10px;top:7px;border:0;background:transparent;color:#6d485e;font:24px Arial;cursor:pointer}.guestbook-text{display:block;width:100%;min-height:150px;resize:vertical;border:1px solid #b77e8c;background:rgba(255,255,255,.45);color:#403347;padding:10px;font:16px/1.5 'Comic Sans MS',cursive}.notebook-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}.guestbook-count{font:11px 'Comic Sans MS',cursive;color:#936f7b}.guestbook-send{border:2px solid #6d485e;margin:0}.guestbook-message{min-height:18px;color:#a64e66;font-size:12px}.guestbook-entries{display:grid;gap:9px;margin-top:13px}.guestbook-entry{background:#fff0b9;border:1px solid #d6a5aa;padding:10px 12px;box-shadow:2px 2px 0 #e1c4be}.guestbook-entry p{margin:0;font:15px/1.4 'Comic Sans MS',cursive;white-space:normal}.guestbook-entry time{display:block;margin-top:6px;color:#987582;font:10px 'Comic Sans MS',cursive}@media(max-width:650px){.cursor-cat{display:none}.notebook{padding:20px 17px}.notebook-title{font-size:21px}}
*{font-family:'Comic Sans MS','Comic Sans',cursive!important}
.cursor-cat{width:64px;height:64px;display:grid;place-items:center}.cursor-cat img{width:64px;height:64px;image-rendering:pixelated;object-fit:contain;animation:catRun .42s steps(2,end) infinite alternate;filter:none}.cursor-cat{font-size:0}@keyframes catRun{from{transform:translateY(2px) scaleX(1)}to{transform:translateY(-2px) scaleX(-1)}}
.about-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 0;border-bottom:2px dashed #dba0a8;padding-bottom:10px}.about-tab{border:1px solid #c87982;background:#f8d8d2;color:#6d485e;padding:8px 14px;font:15px 'Comic Sans MS',cursive;cursor:pointer;box-shadow:2px 2px 0 #c3949c}.about-tab.active,.about-tab:hover{background:#6d485e;color:#fff3ed}.about-tab-body{min-height:250px}.about-note{margin:24px 8px 12px;padding:28px 30px;background:#fff0b9;border:1px solid #d6a5aa;box-shadow:4px 4px 0 #d9b0ae;transform:rotate(-.5deg);background-image:repeating-linear-gradient(#fff0b9 0 31px,#edc9a8 32px)}.about-note-icon{font-size:28px;color:#b86174}.about-note h2{font:italic 28px 'Comic Sans MS',cursive;color:#6d485e;margin:5px 0 15px}.about-note p{font:18px/1.65 'Comic Sans MS',cursive;white-space:pre-wrap;max-width:680px}.about-page .footer a{color:#9c5b6d}@media(max-width:650px){.about-note{padding:22px 18px}.about-note p{font-size:16px}}
.player-time{display:flex;justify-content:space-between;margin-top:6px;font:10px 'Comic Sans MS',cursive;color:#866273}.seek-slider,.volume-slider{accent-color:#9f6071;cursor:pointer;height:14px}.seek-slider{display:block;width:100%;margin:1px 0 5px}.volume-control{display:flex;align-items:center;gap:6px;font:10px 'Comic Sans MS',cursive;color:#866273}.volume-slider{width:76px;flex:1}.now-playing .mini-bars{margin-top:8px}.now-playing.is-active .mini-bars i{animation-duration:.55s}
.doodle-star{left:50%;top:50%;width:52px;height:58px;display:grid;place-items:center;line-height:1;transform:translate(-50%,-62%)}
.doodle-orbit{left:50%;top:50%;transform:translate(-50%,-50%) rotate(22deg)}
.doodle-orbit{animation:none!important}
.welcome-doodle{display:grid;place-items:center;background:transparent;border:0}.welcome-character{display:block;width:min(150px,72%);height:auto;image-rendering:auto;filter:drop-shadow(2px 3px 0 rgba(109,72,94,.2))}
.now-playing strong{white-space:nowrap;font-family:Arial,sans-serif!important;font-weight:700;letter-spacing:-1.2px;word-spacing:-2px}