/* Shared black-paper treatment, matched to the hand-drawn pet reference. */
:root{color-scheme:dark;--paper:#030303;--panel:#060606;--ink:#eee;--muted:#aaa;--edge:#171717}
html,body{background:#000;color:var(--ink)}
body{font-family:"Courier New",monospace;line-height:1.75}
::selection{background:#eee;color:#000}
header{padding:28px 0;box-shadow:0 1px #101010}
header nav{gap:12px;row-gap:10px}
nav a{color:#bdbdbd;padding:7px 10px;border-radius:4px}
nav a:hover,nav a[aria-current]{background:#eee;color:#080808}
.wordmark{color:#eee;letter-spacing:.5px}
.eyebrow,.small,.number,.section-head span{color:#aaa}
.page-title,.hero{padding-top:64px;padding-bottom:38px}
.page-title h1,.hero h1,.feature-copy h3,.outline h2,.chat-heading h1{color:#f3f3f3;text-shadow:1px 1px #333}
.page-title p,.intro-row p,.feature-copy p,.outline p,.detail-layout p,.pet-intro{color:#ccc}
.section-head{margin-top:42px;margin-bottom:24px}
.section-head h2{color:#ddd;letter-spacing:1px}
.feature,.outline,.art-strip>a,.art-open,.empty-art,.image-viewer{background:var(--panel);border-radius:12px;box-shadow:inset 0 0 0 1px #101010,0 14px 30px #000}
.feature{overflow:hidden}
.feature:hover,.home-project-link:hover,.art-strip>a:hover,.art-open:hover{background:#090909;color:#fff}
.outline{padding:30px}
.art-strip{gap:18px}
.art-strip>a{padding:18px}
.art-strip span,.archive-piece figcaption{color:#bdbdbd}
.archive-piece figcaption{box-shadow:0 1px #141414}
.blood-video{background:#030303}
.home-project-link{background:#050505}
.feature-copy{padding:36px}
.arrow-link,.link-label,.video-fallback,.viewer-original{color:#eee}
.arrow-link:hover,.viewer-original:hover{background:transparent;color:#fff;text-decoration-thickness:2px}
footer{color:#999;box-shadow:0 -1px #111;padding-top:28px}
/* Dark surfaces leave the original drawings and media as the focal points. */
.chat-room,.voice-console,.voice-text-window,.account-page,.has-profile-background .account-page{background:#050505;box-shadow:inset 0 0 0 1px #171717,0 18px 40px #0008;border-radius:12px}
.chat-topbar,.chat-feedbar,.chat-bottom,.chat-form,.chat-heading,.chat-attachment-tools{background:#070707;color:#bbb}
.chat-topbar{border-radius:12px 12px 0 0}
.chat-history{background:#000!important;scrollbar-color:#555 #050505}
.chat-entry:nth-child(even){background:#070707}
.chat-entry p,.chat-entry-meta strong,.chat-note,.chat-loaded,.chat-form label,.chat-attachment-tools,.chat-live-xp{color:#ccc}
.chat-entry time{color:#aaa}
.chat-avatar{background:#0a0a0a;color:#ddd}
.chat-tab-link,.chat-web-link,.chat-author{color:#eee}
.chat-room .chat-open,.chat-room .chat-form button,.chat-attachment-tools button,.chat-mod-login button,.voice-console button:not(.voice-tab),.voice-text-titlebar button,.account-page button,.chamber-controls button,.chamber-audio button,.shuffle-toggle{background:#eee;color:#080808;border-radius:6px;box-shadow:inset 0 0 0 1px #fff2}
.chat-room button:disabled,.voice-console button:disabled,.account-page button:disabled{opacity:.4}
.chat-room input,.chat-room textarea,.account-page input,.account-page textarea,.voice-controls input,.voice-device-grid select,.chamber-controls select{background:#0a0a0a;color:#eee;box-shadow:inset 0 0 0 1px #252525;border-radius:5px}
input::placeholder,textarea::placeholder{color:#999;opacity:1}
.chat-icon-picker,.chat-icon-grid,.chat-mod-login,.reaction-picker,.reaction-grid button,.reaction-chip,.reaction-add{background:#0b0b0b;color:#ddd}
.reaction-chip[aria-pressed="true"]{background:#262626;box-shadow:inset 0 0 0 1px #ccc}
.chat-room .reaction-add{font:9px/1 monospace;min-height:0;padding:2px 4px;background:#111;color:#ccc}
.account-level,.account-xp,.account-rules,.account-background-tools small,.account-avatar-tools small,.account-icon-selected,.account-page [data-account-status]{color:#ccc}
.account-progress,.pet-stat progress{accent-color:#dedede;background:#202020}
.account-progress::-webkit-progress-bar,.pet-stat progress::-webkit-progress-bar{background:#252525}
.account-progress::-webkit-progress-value,.pet-stat progress::-webkit-progress-value{background:#dedede}
.account-progress::-moz-progress-bar,.pet-stat progress::-moz-progress-bar{background:#dedede}
#voice-members li{background:#090909;box-shadow:inset 0 0 0 1px #191919}
.voice-console-head,.voice-peer-state,.voice-note,.voice-footnote,.voice-settings p,.voice-device-grid label{color:#bbb}
.voice-settings,.voice-music-test{box-shadow:0 -1px #1a1a1a}
/* Keep the user's brushed metal voice tab and text-window title bar. */
.notebook-entry,.notebook-entry.notebook-locked,.notebook-entry.notebook-locked:hover{background:#070707;color:#ddd;border-radius:8px;box-shadow:inset 0 0 0 1px #151515;padding:14px 18px}
.notebook-entry:hover{background:#141414;color:white}
.chamber{background:radial-gradient(ellipse at 50% 42%,#131313,#030303 50%,#000 78%)}
.chamber-wall,.chamber-floor,.room-scene{filter:grayscale(1)}
.chamber-kicker,.chamber-intro p,.breath-guide p,.breath-guide span,.session-status,.chamber-listen,.chamber-audio,.chamber-controls label{color:#bbb}
/* Pet cards match the almost-black cards in the supplied reference. */
.pet-preview figure{background:#030303;box-shadow:inset 0 0 0 1px #090909;border-radius:12px}
.pet-preview figcaption{color:#eee}
.pet-shell{background:#060606;box-shadow:inset 0 0 0 1px #161616;border-radius:18px}
.pet-page button{background:#f4f4f4;color:#080808;border-radius:7px}
.pet-page input{background:#030303;color:#eee;box-shadow:inset 0 -1px #252525}
.pet-page .pet-notes,.pet-meta,.pet-status,.pet-xp{color:#bbb}
.pet-page .pet-adopt h2{font:bold 21px/1.5 "Courier New",monospace}
/* Focus remains clear even with the original site's borderless reset. */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #eee!important;outline-offset:4px!important}
@media(hover:hover){.pet-preview figure:hover,.outline:hover{background:#080808;box-shadow:inset 0 0 0 1px #282828}.art-strip>a:hover img{opacity:.9}}
@media(max-width:720px){header nav{gap:8px}nav a{padding:7px 8px}.page-title,.hero{padding-top:38px}.feature-copy,.outline{padding:24px}.art-strip{gap:10px}.art-strip>a{padding:12px}}