:root{--bg_h:#181926;--bg:#1e2030;--bg_s:#24273a;--bg1:#363a4f;--bg2:#494d64;--bg3:#5b6078;--bg4:#6e738d;--fg:#cad3f5;--fg1:#b8c0e0;--fg2:#a5adcb;--fg3:#939ab7;--fg4:#6e738d;--red:#d04550;--green:#6aaa44;--yellow:#c87838;--blue:#4878ba;--purple:#b070d0;--aqua:#2ea882;--gray:#9e9484;--orange:#c87838;--red-dim:#a93640;--green-dim:#568936;--yellow-dim:#a45f2d;--blue-dim:#385f94;--purple-dim:#8955a5;--aqua-dim:#247f63;--gray-dim:#6e6558;--orange-dim:#a45f2d;--sidebar-width:325px;--sidebar-gap:20px;--base-font:'monospace'}html{font-family:var(--base-font)}body{font-family:monospace;margin:auto;padding:20px;max-width:720px;text-align:left;word-wrap:break-word;overflow-wrap:break-word;line-height:1.5;color:var(--fg2);background-image:radial-gradient(var(--bg) 20.2%,transparent 20.2%),radial-gradient(var(--bg) 20.2%,transparent 20.2%);background-position:0 0,32px 32px;background-size:64px 64px;background-color:var(--bg_h)}h1,h2,h3,h4,h5,h6,strong,b{color:var(--fg)}a{color:var(--fg)}content{line-height:1.6}table{width:100%}table,th,td{border:1px solid;border-collapse:collapse;border-color:#c9d1d9;padding:5px}img{max-width:100%;height:auto}code{padding:2px 5px;color:var(--fg);background-color:var(--bg_s)}pre code{display:block;padding:20px;white-space:pre-wrap;font-size:14px;overflow-x:auto;text-wrap:nowrap}.content{border-radius:2px;box-shadow:0 0 30px -10px #000;margin-top:20px;background-color:var(--bg);padding:20px;border:2px solid var(--bg_s)}.listening-now{display:flex;align-items:center;gap:20px;max-width:75%;margin:0 auto;box-shadow:none}#album-art{width:100px;height:100px;flex:0 0 100px;object-fit:cover;border-radius:4px}.listening-text{min-width:0;flex:1}.listening-text p{margin:8px 0}#last-listened{color:var(--bg3)}.nav{list-style-type:none;margin:0;display:flex;gap:5px;padding:0}.nav-li{margin-top:5px;padding:7px;border-radius:2px;box-shadow:0 0 30px -10px #000;background:linear-gradient(var(--bg),var(--bg1));border:2px solid var(--bg_s)}.header{box-sizing:border-box;width:calc(100% + 2 * (var(--sidebar-width) + var(--sidebar-gap)));margin-left:calc(-1 * (var(--sidebar-width) + var(--sidebar-gap)));background:linear-gradient(var(--bg),var(--bg1));border:2px solid var(--bg_s);padding:40px}.ascii{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;white-space:pre;word-break:normal;overflow-wrap:normal;overflow-x:auto;text-rendering:optimizeSpeed;line-height:1.2;text-align:center}.status{margin-left:auto}footer{color:var(--bg4)}.a-footer{color:var(--bg4)}.no-decoration{text-decoration:none}blockquote{border-left:1px solid var(--fg2);color:var(--fg2);padding-left:20px;font-style:italic}.album-art{text-align:center;line-height:100px;font-size:16px;background-color:var(--bg_s);border-radius:0!important;user-select:none}.page-layout{position:relative}.sidebar{position:absolute;right:calc(100% + var(--sidebar-gap));top:0;width:var(--sidebar-width);box-sizing:border-box;padding:20px;border:2px solid var(--bg_s);border-radius:2px;box-shadow:0 0 30px -10px #000;background-color:var(--bg)}.sidebar-left{right:0;left:calc(100% + var(--sidebar-gap))}.content{margin-top:20px}@media(max-width:1500px){body{padding:10px}.page-layout{display:flex;flex-direction:column;gap:15px}.sidebar{position:static;width:auto;padding:15px;margin-top:15px}.content{margin-top:0;padding:15px}.listening-now{max-width:100%;gap:12px}#album-art{width:75px;height:75px;flex-basis:75px}.header{width:100%;margin-left:0;padding:20px 15px;box-sizing:border-box;overflow:hidden}pre code{padding:12px;font-size:13px}}