@font-face{font-family:VGA;src:url('/assets/fonts/vga.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#131412;--panel:#171815;--text:#b6b6b6;--muted:#929292;--line:#75766a;--title:#99998a;--ink:#191919;--accent:#cccccc}
*{box-sizing:border-box}html{background:#0c0e0b}body{margin:0;padding:8px;font:16px/1.3 VGA,'Courier New',monospace;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--ink)}.desktop{border:1px solid var(--line);padding:5px;max-width:1600px;margin:auto}.system-bar{height:29px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin:-2px 0 6px;font-size:16px}.system-right{display:flex;gap:32px}.system-right>span{border-left:1px solid var(--line);padding-left:12px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);margin-right:7px;vertical-align:2px;box-shadow:0 0 5px #cccccc30}.muted{color:var(--muted)}.accent{color:var(--accent)}.masthead{display:grid;grid-template-columns:220px minmax(0,1fr) 260px;gap:6px;margin-bottom:6px;height:205px}.model-box,.brand,.panel,.main-area{border:1px solid var(--line);min-width:0}.model-box{position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#282c2145,transparent 70%)}.model-box:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000012 3px,#00000012 4px)}.model-box canvas{width:100%;height:100%;display:block}.model-label{position:absolute;bottom:7px;left:9px;font-size:12px;color:var(--muted);z-index:1}.model-status{position:absolute;top:45%;width:100%;text-align:center;font-size:12px;color:var(--muted)}.brand{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 20px 12px;overflow:hidden}.brand>a{display:block;width:100%;max-width:760px}.brand img{width:100%;height:auto;display:block;image-rendering:pixelated}.brand p{margin:17px 0 10px;font-size:13px}.brand nav{display:flex;justify-content:center;gap:13px;white-space:nowrap}.brand nav>span{color:var(--muted)}nav a[aria-current]{color:var(--accent)}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 310px;gap:6px;align-items:stretch}.profile{padding:10px 12px;display:flex;flex-direction:column}.plain-heading{font-size:14px;font-weight:normal;margin:0 0 10px;padding-bottom:7px;border-bottom:1px solid var(--line)}.portrait{width:100%;height:auto;aspect-ratio:1;object-fit:cover;image-rendering:pixelated;border:1px solid #a4a192;filter:sepia(.15)}.profile-caption{display:flex;justify-content:space-between;border-bottom:1px dotted var(--line);padding:8px 0;margin-bottom:10px}.profile-caption>span:first-child{color:var(--accent)}dl{font-size:14px;line-height:1.2;display:grid;grid-template-columns:58px 1fr;gap:6px 2px;margin:0}dt{color:var(--muted)}dt:before{content:'['}dt:after{content:']'}dd{margin:0}.profile-bottom{padding-top:28px;margin-top:auto;font-size:12px;line-height:1.4}.main-area{padding:5px;display:flex;flex-direction:column;background-image:radial-gradient(#575c451a .6px,transparent .6px);background-size:5px 5px}.workspace-path{display:flex;justify-content:space-between;padding:4px 4px 9px;font-size:13px}.explorer{display:grid;grid-template-columns:178px minmax(0,1fr);gap:6px;align-items:start}.window{border:1px solid var(--line);background:var(--bg);min-width:0;padding:3px;box-shadow:2px 2px 0 #080a07}.titlebar{background:var(--title);color:var(--ink);height:23px;display:flex;align-items:center;gap:7px;padding:2px 3px;margin-bottom:1px}.titlebar h1,.titlebar h2{font-weight:normal;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin:0}.window-grip{width:15px;align-self:stretch;border:1px solid #42453a;background:linear-gradient(90deg,transparent 40%,#42453a 40%,#42453a 48%,transparent 48%);flex-shrink:0}.window-controls{display:flex;gap:4px}.window-button{width:17px;height:17px;background:var(--title);color:var(--ink);border:1px solid #33382b;border-top-color:#d3d3bb;border-left-color:#d3d3bb;padding:0;line-height:12px;font-size:16px;display:grid;place-items:center}.window-button:active{border-color:#33382b}.window-body{padding:16px 12px;overflow:auto;scrollbar-color:var(--title) #292c23;scrollbar-width:thin}.directory .window-body{min-height:285px;padding:13px 5px;font-size:14px}.directory-root{font-size:12px;margin-bottom:14px;color:var(--muted)}.folder-list{padding:0;margin:0;list-style:none}.folder-list a{display:flex;align-items:center;gap:7px;padding:6px 3px;white-space:nowrap}.folder-list a:hover,.folder-list a[aria-current]{color:var(--ink);background:var(--accent)}.folder-icon{display:inline-block;position:relative;width:14px;height:10px;border:1px solid #d8d8a5;background:#acae79;box-shadow:inset 0 2px #dcddb2;vertical-align:0;flex-shrink:0;margin-top:3px}.folder-icon:before{content:'';position:absolute;width:7px;height:3px;background:#cecea1;border:1px solid #d8d8a5;top:-4px;left:-1px}.directory-meta{border-top:1px dotted #535849;margin-top:28px;padding:12px 3px 0;line-height:1.5;font-size:12px}.window-foot{border-top:1px solid #44493c;color:var(--muted);font-size:11px;padding:4px 4px 1px;display:flex;justify-content:space-between;gap:5px}.content-body{padding:22px 20px;min-height:455px;max-height:700px;line-height:1.45}.eyebrow{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.welcome-art{font-size:12px;line-height:1.05;color:#797979;margin-top:23px;white-space:nowrap}.content-body h2{font-size:30px;font-weight:normal;line-height:1.06;margin:22px 0 16px}.content-body .welcome-title{font-size:40px;letter-spacing:-.5px;margin-top:18px}.welcome-title>span{color:var(--accent)}.content-body p{margin:14px 0}.content-body .intro{color:#d0d0d0}.rule{border-top:1px dashed var(--line);margin:20px 0}.readme-label{font-size:12px;color:var(--muted);margin-bottom:8px}.readme-row{display:grid;grid-template-columns:100px 1fr 12px;gap:7px;padding:7px 0;font-size:13px;border-bottom:1px solid #32362b}.readme-row>span:first-child{display:flex;align-items:center;gap:5px;color:var(--accent)}.readme-row b{font-weight:normal;color:var(--muted)}.content-body .bottom-message{font-size:12px;color:var(--muted);margin-top:22px;margin-bottom:0}.terminal-strip{font-size:13px;padding:17px 8px;display:flex;gap:8px;flex-wrap:wrap}.cursor{animation:blink 1.2s steps(1) infinite;color:var(--accent)}@keyframes blink{50%{opacity:0}}.desktop-note{display:flex;align-items:center;gap:13px;margin-top:auto;border-top:1px dashed #555b48;padding:10px 8px 4px}.desktop-note>span:first-child{font-size:38px;color:var(--accent)}.desktop-note p{font-size:12px;line-height:1.4;margin:0}.stamp{margin-left:auto;font-size:11px;border:1px solid #6c745c;padding:4px 7px;color:var(--muted);transform:rotate(-5deg)}.right-rail{display:flex;flex-direction:column;gap:6px;min-width:0}.latest .window-body{min-height:267px;padding:18px 13px}.latest h3{font-weight:normal;font-size:21px;text-transform:uppercase;margin:25px 0 12px;color:var(--accent)}.latest p{font-size:16px;line-height:1.4;margin:0 0 19px}.latest .rule{margin:12px 0}.text-link{display:inline-flex;justify-content:space-between;gap:20px;color:var(--accent);font-size:13px}.text-link:hover{text-decoration:underline}.note-ascii{color:#737373;font-size:12px;line-height:1.3;margin-top:26px}.links-panel{padding:10px 12px;flex:1;min-height:131px}.links-panel>a{font-size:14px;display:flex;justify-content:space-between;margin:6px 0}.small-badge{display:inline-flex;margin-top:10px;font-size:10px;border:1px solid var(--line);background:var(--title);color:var(--ink);gap:5px;padding-left:4px;line-height:17px}.small-badge span{background:var(--bg);color:var(--text);padding:0 5px}.player{padding:10px 11px}.player .plain-heading{display:flex;justify-content:space-between;gap:4px;font-size:13px}.player .plain-heading span{font-size:10px;color:var(--accent)}.track{display:flex;gap:10px}.track img{width:74px;height:74px;object-fit:cover;border:1px solid var(--line)}.track>div{min-width:0;flex:1;font-size:12px}.track p{font-size:15px;margin:4px 0}.song-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.equalizer{display:flex;align-items:flex-end;height:16px;gap:3px;margin-top:5px}.equalizer i{width:5px;height:3px;background:var(--muted)}.player.is-playing .equalizer i{background:var(--accent);animation:bars .7s steps(4) infinite alternate}.equalizer i:nth-child(3n){animation-delay:-.4s!important}.equalizer i:nth-child(2n){animation-duration:.45s!important}@keyframes bars{to{height:15px}}.seek-row{display:flex;gap:7px;align-items:center;font-size:11px;margin:10px 0}.seek-row input{flex:1;min-width:0}.playback{display:flex;gap:5px;align-items:center}.playback button{height:25px;border:1px solid var(--line);box-shadow:inset 1px 1px #a7aa98;background:#33382c;min-width:25px;font-size:12px}.playback button:hover,.playback button[aria-pressed=true]{background:var(--accent);color:var(--ink)}#play{min-width:68px}.playback label{font-size:11px;margin-left:auto}.playback input{width:54px}input[type=range]{appearance:none;height:6px;background:#32382a;border:1px solid #696f5a;cursor:pointer;border-radius:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:7px;height:12px;background:var(--title);border:1px solid #d0d2bd}input[type=range]::-moz-range-thumb{width:7px;height:12px;background:var(--title);border-radius:0;border:1px solid #d0d2bd}#audio-error{color:#cccccc;font-size:12px}footer{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);margin-top:6px;padding:6px 3px 1px;font-size:11px;color:var(--muted)}footer button{border:0;background:none;font-size:11px;padding:0;color:var(--accent)}.footer-end{margin-left:auto}.skip-link{position:fixed;top:-60px;left:20px;z-index:20;background:var(--accent);color:var(--ink);padding:10px}.skip-link:focus{top:10px}.is-minimized>.window-body,.is-minimized>.window-foot{display:none}.window.is-maximized{position:fixed;inset:40px max(18px,calc((100vw - 1200px)/2));z-index:10;box-shadow:0 0 0 100vmax #000b;display:flex;flex-direction:column}.is-maximized .content-body{flex:1;max-height:none}.is-maximized .window-foot{flex-shrink:0}.content-body h3{font-size:16px;color:var(--accent);font-weight:normal;margin-top:26px}.content-body code{font:13px VGA,monospace;color:var(--accent);overflow-wrap:anywhere}.content-body pre{overflow:auto;font:14px/1.3 VGA,monospace;color:var(--accent)}.content-body blockquote{border-left:2px solid var(--accent);padding-left:14px;margin:22px 0;color:var(--muted)}.content-body hr{border:0;border-top:1px dashed var(--line);margin:24px 0}.content-body ul{padding-left:20px}.content-body li{margin:6px 0}.tag{display:inline-block;font-size:11px;padding:3px 6px;color:var(--accent);border:1px solid #747f5e}.archive-entry{display:block;border-bottom:1px solid #484e3c;padding:15px 0}.archive-entry h3{font-size:22px;margin:8px 0!important;display:flex;justify-content:space-between}.archive-entry p{color:var(--muted);font-size:14px}.archive-project{display:flex;align-items:center;gap:8px;font-size:14px;padding:10px 0;border-bottom:1px solid #34392c}.archive-project>span:last-child{margin-left:auto;color:var(--muted);font-size:12px}.motion-paused .cursor,.motion-paused .equalizer i{animation:none!important}.content-body img{max-width:100%;height:auto}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

/* Fixed desktop with the supplied UI artwork. */
html{height:100%;background:#0b0c0a}
body{height:100dvh;min-height:0;overflow-x:auto;overflow-y:hidden;background:#0b0c0a}
.desktop{width:1094px;max-width:none;height:100%;margin:0 auto;background:var(--bg);display:flex;flex-direction:column}
.desktop-scroll{flex:1;min-height:0;overflow:clip;display:flex;flex-direction:column}
.desktop footer{flex:none;height:27px;margin-top:5px;background:var(--bg);white-space:nowrap}
.masthead{grid-template-columns:210px minmax(0,1fr) 210px;height:190px}
.brand{padding-right:12px;padding-left:12px}
.brand nav{gap:9px;font-size:14px}
.workspace{grid-template-columns:210px minmax(0,1fr) 290px}
.explorer{grid-template-columns:164px minmax(0,1fr)}
.content-body{padding:20px 16px}
.window-button{width:19px;height:19px;flex-shrink:0;border:0;box-shadow:none;background-color:transparent;background-size:100% 100%;background-repeat:no-repeat;font-size:0;image-rendering:pixelated}
.window-button[data-action="minimize"]{background-image:url('/assets/ui/button_minimize.png')}
.window-button[data-action="maximize"]{background-image:url('/assets/ui/button_maximize.png')}
.window-button:active{transform:translate(1px,1px)}
.folder-icon{width:16px;height:16px;margin-top:0;border:0;box-shadow:none;background:transparent url('/assets/ui/folder.png') center/contain no-repeat;image-rendering:pixelated}
.folder-icon:before{content:none}
.folder-list a[aria-current] .folder-icon,.folder-list a:hover .folder-icon{background-image:url('/assets/ui/folder_open.png')}
.desktop-scroll,.window-body{scrollbar-width:auto;scrollbar-color:auto}
.desktop-scroll::-webkit-scrollbar,.window-body::-webkit-scrollbar{width:9px;height:9px}
.desktop-scroll::-webkit-scrollbar-track,.window-body::-webkit-scrollbar-track{background:#20211d url('/assets/ui/scrollBG.png') repeat;image-rendering:pixelated}
.desktop-scroll::-webkit-scrollbar-thumb,.window-body::-webkit-scrollbar-thumb{background:#99998a url('/assets/ui/scrollbarup.png') center/100% 100% no-repeat;image-rendering:pixelated;min-height:24px}
.desktop-scroll::-webkit-scrollbar-button:single-button,.window-body::-webkit-scrollbar-button:single-button{display:block;height:9px;background-color:var(--bg);background-position:center;background-repeat:no-repeat;image-rendering:pixelated}
.desktop-scroll::-webkit-scrollbar-button:single-button:vertical:decrement,.window-body::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url('/assets/ui/scrollarrowup.png')}
.desktop-scroll::-webkit-scrollbar-button:single-button:vertical:increment,.window-body::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url('/assets/ui/scrollarrowdown.png')}
.desktop-scroll::-webkit-scrollbar-corner,.window-body::-webkit-scrollbar-corner{background:var(--bg)}
.window.is-maximized{inset:40px auto 48px;left:max(14px,calc((100vw - 1094px)/2 + 6px));width:1064px}
.is-maximized .content-body{min-height:0}

/* Only the document inside the main window scrolls vertically. */
.system-bar,.masthead{flex-shrink:0}
.workspace{flex:1;min-height:0;grid-template-rows:minmax(0,1fr)}
.main-area,.right-rail,.profile{min-height:0;overflow:clip}
.workspace-path,.terminal-strip,.desktop-note{flex-shrink:0}
.explorer{flex:1;min-height:0;grid-template-rows:minmax(0,1fr);align-items:stretch}
.content-window{display:flex;flex-direction:column;min-height:0}
.content-window>.titlebar,.content-window>.window-foot{flex-shrink:0}
.content-window>.content-body{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.content-window.is-minimized{align-self:start}
.directory{align-self:start;max-height:100%;overflow:clip}
.directory .window-body,.latest .window-body{overflow:clip;min-height:0}
.directory .window-body{padding-top:10px;padding-bottom:10px}
.directory-meta{margin-top:14px}
.profile{font-size:12px;padding:9px 11px}
.profile .portrait{height:auto;width:100%;aspect-ratio:1;object-fit:cover;flex-shrink:0}
.profile dl{font-size:12px;line-height:1.15;gap:4px 2px;grid-template-columns:52px 1fr}
.profile-bottom{padding-top:10px;font-size:10px}
.right-rail .latest{flex:1;min-height:0;overflow:clip}
.latest .window-body{padding:12px}
.latest h3{margin:12px 0 8px;font-size:18px}
.latest p{font-size:14px;line-height:1.25;margin-bottom:12px}
.latest .note-ascii{margin-top:14px}
.links-panel{flex:0 0 132px;min-height:0;overflow:clip}
.player{flex:none}
.terminal-strip{padding:10px 8px}

/* Works owns the folder tree; other documents use the full center pane. */
.workspace{grid-template-columns:210px minmax(0,1fr) 210px}
.explorer-document{grid-template-columns:minmax(0,1fr)}
.right-rail .links-panel{flex:none;padding:3px}
.links-body{padding:12px 9px}
.links-body>a{display:flex;justify-content:space-between;font-size:14px;margin:6px 0}
.desktop footer{height:104px;gap:16px;padding:4px 0 0;align-items:stretch}
.footer-status{display:flex;flex:1;min-width:0;align-content:center;align-items:center;flex-wrap:wrap;gap:12px 22px;padding:6px}
.footer-status .footer-end{width:100%;margin-left:0}
footer .player{width:480px;display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:18px 25px 29px;gap:3px 12px;padding:5px 8px;white-space:normal}
footer .player .plain-heading{grid-column:1/-1;margin:0;padding:0 0 3px;font-size:12px}
footer .track{grid-column:1;grid-row:2/4;gap:8px;align-items:center}
footer .track img{width:52px;height:52px}
footer .track>div{font-size:10px}
footer .track p{font-size:13px;margin:2px 0}
footer .song-title{font-size:11px}
footer .equalizer{display:none}
footer .seek-row{grid-column:2;grid-row:2;margin:0}
footer .playback{grid-column:2;grid-row:3}
footer .playback button{padding:0 4px}
footer .playback input{width:42px}
footer #audio-error{grid-column:1/-1;margin:0;font-size:10px}


/* Compact player in the right sidebar. */
.desktop footer{height:34px;align-items:center}
.footer-status{flex-wrap:nowrap;padding:4px 6px}
.footer-status .footer-end{width:auto;margin-left:auto}
.right-rail .player{margin-top:auto;padding:7px;flex:none}
.right-rail .player .plain-heading{font-size:11px;margin-bottom:7px;padding-bottom:5px}
.right-rail .player .plain-heading span{font-size:9px}
.right-rail .track{gap:6px;align-items:center}
.right-rail .track img{width:42px;height:42px}
.right-rail .track>div{font-size:9px}
.right-rail .track p{font-size:12px;margin:2px 0}
.right-rail .song-title{font-size:10px}
.right-rail .equalizer{display:none}
.right-rail .seek-row{margin:7px 0;font-size:10px;gap:4px}
#seek{height:16px;border:0;background:linear-gradient(#696f5a,#696f5a) center/100% 6px no-repeat;cursor:ew-resize}
#seek::-webkit-slider-thumb{width:10px;height:16px;box-shadow:inset 1px 1px #ddd,inset -1px -1px #716e62}
#seek::-moz-range-thumb{width:10px;height:16px;box-shadow:inset 1px 1px #ddd,inset -1px -1px #716e62}
.right-rail .playback{gap:4px}
.right-rail .playback button{height:22px;min-width:22px;padding:0 3px;font-size:11px}
.right-rail #play{min-width:55px}
.right-rail .playback label{font-size:9px}
.right-rail .playback input{width:32px}

/* Project tree on the left; profile and other utilities on the right. */
.left-rail{min-width:0;min-height:0;overflow:clip;display:flex;flex-direction:column;gap:6px}
.left-rail .links-panel{flex:none;padding:3px}
.left-rail .directory{width:100%}
.explorer{grid-template-columns:minmax(0,1fr)}
.right-rail .profile{flex:1;min-height:0}
.right-rail .profile .portrait{height:auto;width:100%;aspect-ratio:1;flex-shrink:0}
.right-rail .profile dl{font-size:11px;line-height:1;gap:1px;grid-template-columns:46px 1fr}
.right-rail .profile .plain-heading{margin-bottom:6px;padding-bottom:4px}
.right-rail .profile-caption{padding:4px 0;margin-bottom:6px}
.right-rail .profile-bottom{display:none}
.right-rail .links-panel{flex-shrink:0}
.right-rail .links-body{padding:6px 9px}
.right-rail .links-body .small-badge{margin-top:3px}
.right-rail .player{margin-top:0}

/* CRT raster and offset color halos follow the canvas's transparent silhouette. */
.model-box canvas{
  image-rendering:pixelated;
  filter:grayscale(1) sepia(.38) saturate(.65) drop-shadow(-2px 0 0 #c6c4b74d) drop-shadow(2px 0 0 #9495874d) drop-shadow(0 0 3px #c6c4b740);
}
.model-box:after{
  background:
    repeating-linear-gradient(0deg,transparent 0 2px,#00000038 2px 3px,transparent 3px 4px),
    repeating-linear-gradient(90deg,#c6c4b709 0 1px,#94958706 1px 2px,#c6c4b70c 2px 3px),
    radial-gradient(ellipse at center,transparent 40%,#00000035 100%);
}
.model-box{
  background-color:#131412;
  background-image:radial-gradient(ellipse at center,#27291f35,transparent 75%),url('/assets/images/model-noise.svg');
  background-size:100% 100%,128px 128px;
  background-repeat:no-repeat,repeat;
  animation:tv-noise .48s steps(1,end) infinite;
}
@keyframes tv-noise{
  0%,100%{background-position:center,0 0}
  16%{background-position:center,37px -19px}
  33%{background-position:center,-53px 47px}
  50%{background-position:center,17px 83px}
  66%{background-position:center,-71px -31px}
  83%{background-position:center,59px 13px}
}
.model-box[data-model="radboy"]{animation-delay:-.19s}
.motion-paused .model-box{animation-play-state:paused}

/* Terminal-style status line. */
.desktop footer{padding:0 6px;gap:20px}
footer .workspace-path{display:flex;align-items:center;justify-content:flex-start;gap:20px;padding:0;font-size:13px}
footer .footer-email{margin-left:auto;flex-shrink:0;color:inherit}
footer .footer-email>span{color:#c4946c}
footer #motion-toggle{flex-shrink:0}
.main-area{border:0;padding:0}
.content-warning-label{color:#c4946c}
.lyrics-link{text-decoration:underline;text-underline-offset:3px}
.lyrics-window{width:570px;max-width:92vw;max-height:88dvh;padding:3px;border:1px solid var(--line);background:var(--bg);color:var(--text);box-shadow:3px 3px 0 #0008}
.lyrics-window[open]{display:flex;flex-direction:column}
.lyrics-window::backdrop{background:#0008}
.lyrics-window>.titlebar{flex-shrink:0}
.lyrics-caption{flex:1;font:14px VGA,monospace}
.lyrics-window form{display:flex;margin:0}
.lyrics-body{overflow-y:auto;min-height:0;padding:20px 24px;scrollbar-color:var(--title) var(--bg);scrollbar-width:thin}
.lyrics-body .lyrics-artist{color:var(--muted);margin:0 0 8px;font:14px VGA,monospace}
.lyrics-body h2{font:24px/1.2 VGA,monospace;margin:0 0 24px}
.lyrics-body h3{font:14px VGA,monospace;text-transform:uppercase;color:var(--muted);margin:24px 0 8px}
.lyrics-body p{font:12px/1.9 monospace;margin:0}
.old-galleries{display:flex;flex-direction:column;gap:8px;margin:24px 0}
.gallery-window>summary{list-style:none;cursor:pointer;margin:0}
.gallery-window>summary::-webkit-details-marker{display:none}
.gallery-title{flex:1;font:14px VGA,monospace}
.gallery-toggle{background-image:url('/assets/ui/button_maximize.png')}
.gallery-window[open] .gallery-toggle{background-image:url('/assets/ui/button_minimize.png')}
.gallery-body{padding:4px 12px 16px}
.old-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:center}
.old-gallery-grid a{display:flex;align-items:center;justify-content:center;min-width:0;cursor:zoom-in}
.old-gallery-grid img{display:block;max-width:100%;max-height:280px;width:auto;height:auto;border:1px solid;border-color:#b8b3a2 #716e62 #716e62 #b8b3a2}
.art-viewer{padding:0;border:1px solid var(--line);background:var(--bg);max-width:95vw;max-height:95dvh;box-shadow:3px 3px 0 #0008}
.art-viewer::backdrop{background:#0008}
.art-viewer>.titlebar{margin-bottom:0}
.art-viewer>img{display:block;max-width:calc(95vw - 2px);max-height:calc(95dvh - 25px);width:auto;height:auto;object-fit:contain;margin:0;border:1px solid #191919}
.art-close{background-image:url('/assets/ui/button_x.png')}
.content-body .text-link{font-family:VGA,'Courier New',monospace}
.content-window{position:relative}
.content-window>.pixel-scroll-content{scrollbar-width:none;scrollbar-gutter:auto;padding-right:22px}
.pixel-scroll-content::-webkit-scrollbar{display:none}
.pixel-scrollbar{position:absolute;right:3px;top:27px;bottom:22px;width:11px;display:flex;flex-direction:column;align-items:center}
.pixel-scrollbar[hidden]{display:none}
.pixel-scrollbar button{width:11px;height:11px;flex-shrink:0;border:0;padding:0;background-color:var(--bg);background-position:center;background-repeat:no-repeat;image-rendering:pixelated}
.scroll-up{background-image:url('/assets/ui/scrollarrowup.png')}
.scroll-down{background-image:url('/assets/ui/scrollarrowdown.png')}
.scroll-track{position:relative;flex:1;min-height:0;width:7px;background:url('/assets/ui/scrollBG.png') repeat-y;image-rendering:pixelated}
.scroll-thumb{position:absolute;left:1px;width:5px;background:url('/assets/ui/scrollbarup.png') repeat-y;image-rendering:pixelated;cursor:grab;touch-action:none}
.scroll-thumb:active{cursor:grabbing}
.scroll-thumb:focus-visible{outline:1px solid #ccc;outline-offset:1px}
.content-body p,.content-body li,.content-body blockquote{font-family:monospace;font-size:12px;line-height:1.6}
.explorer{position:relative;isolation:isolate}
.desktop-ghost{position:absolute;inset:0;display:grid;place-items:center;overflow:clip;z-index:-1;color:#929292;pointer-events:none}
.desktop-ghost pre{font:16px/1 VGA,monospace;margin:0;white-space:pre;text-shadow:2px 0 #ffffff12,-2px 0 #ffffff0a}
.explorer:not(:has(.content-window[hidden])):not(:has(.content-window.is-minimized)) .desktop-ghost{visibility:hidden}
.content-window[hidden]{display:none}
.window-button[data-action="close"]{background-image:url('/assets/ui/button_x.png')}
.window-grip{width:20px;height:20px;align-self:center;flex-shrink:0;border:0;background:transparent url('/assets/ui/icon_left.png') center/20px 20px no-repeat;image-rendering:pixelated}
.left-rail .directory{flex:1;min-height:0;max-height:none;align-self:stretch;display:flex;flex-direction:column}
.left-rail .directory>.titlebar,.left-rail .directory>.window-foot{flex-shrink:0}
.left-rail .directory>.window-body{flex:1;min-height:0}
.left-rail .links-panel{margin-top:auto}
.album-cover{display:block;flex-shrink:0;cursor:zoom-in}
.album-cover img{display:block}
.left-rail .directory.is-minimized{flex:0 0 auto}
.folder-list a[aria-current]{background:#999999;color:#191919}
.folder-list a:hover{background:#777777;color:#191919}
.window-button{width:20px;height:20px;background-size:20px 20px}
.desktop-scroll::-webkit-scrollbar,.window-body::-webkit-scrollbar{width:7px;height:7px}
.desktop-scroll::-webkit-scrollbar-track,.window-body::-webkit-scrollbar-track{background-size:7px 230px}
.desktop-scroll::-webkit-scrollbar-thumb,.window-body::-webkit-scrollbar-thumb{background:transparent url('/assets/ui/scrollbarup.png') center top/5px 100px repeat-y}
.desktop-scroll::-webkit-scrollbar-button:single-button:vertical,.window-body::-webkit-scrollbar-button:single-button:vertical{height:5px;background-size:7px 5px}
.right-rail .profile dl{display:block}
.right-rail .profile dt{margin:7px 0 3px}
.right-rail .profile dt:first-child{margin-top:0}
.right-rail .profile dd{margin:0;line-height:1.2}
.blog-post img,.note-feed-entry img{display:block;max-width:min(100%,440px);max-height:440px;width:auto;height:auto;margin:20px auto;border:1px solid;border-color:#b8b3a2 #716e62 #716e62 #b8b3a2;cursor:zoom-in}
.blog-post figure,.note-feed-entry figure{margin:20px 0;text-align:center}
.blog-post figcaption,.note-feed-entry figcaption{color:var(--muted);font-size:13px;margin-top:8px}
.note-feed-entry{padding:24px 0;border-bottom:1px dashed var(--line)}
.post-heading{margin-bottom:20px}
.notes-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.notes-heading .notes-rss{flex-shrink:0;font-size:13px}
.content-body .post-heading h2{margin:0 0 5px;font-size:20px;line-height:1.25}
.post-date{font:12px/1.3 VGA,monospace;color:var(--muted)}
.notes-pagination{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;font-size:14px}
.notes-pagination a[aria-current]{background:#999;color:#191919}
.note-tree{margin-top:10px;font:14px/18px VGA,monospace}
.note-tree details{margin:0;padding:0}
.note-tree summary{cursor:pointer;padding:0 2px;line-height:18px}
.note-tree summary .folder-icon{vertical-align:middle}
.note-tree summary:hover,.note-tree a:hover{background:#777;color:#191919}
.note-tree details details{margin-left:12px;border-left:1px dotted var(--line);padding-left:5px}
.content-body .note-tree ul{list-style:none;margin:0;padding-left:18px}
.content-body .note-tree li{margin:0;font:14px/18px VGA,monospace}
.note-tree li a{display:block;padding:0 2px;font:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.note-tree details[open]>summary .folder-icon{background-image:url('/assets/ui/folder_open.png')}
.nomad-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;margin:22px auto 30px}
.motherbrain-characters{display:flex;flex-direction:column;gap:20px;margin:20px 0 28px}
.bot-profile{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:start;padding-bottom:20px;border-bottom:1px dotted var(--line)}
.bot-profile .gallery-image{display:block;cursor:zoom-in}
.bot-profile .gallery-image img{display:block;width:80px;height:auto;border:1px solid;border-color:#b8b3a2 #716e62 #716e62 #b8b3a2}
.bot-profile h3{margin:0 0 10px}
.bot-profile p{margin:0}
.nomad-gallery figure{margin:0;min-width:0}
.nomad-gallery a{display:block;cursor:zoom-in}
.nomad-gallery img{display:block;width:100%;height:auto;border:1px solid;border-color:#b8b3a2 #716e62 #716e62 #b8b3a2}
.nomad-gallery a:hover img{border-color:#ddd}
.nomad-gallery figcaption{display:flex;gap:6px;align-items:baseline;font-size:12px;line-height:1.3;padding-top:7px;color:var(--text)}
.nomad-gallery figcaption>span:last-child{margin-left:auto;color:var(--muted)}