/* Generated by scripts/build-theme.mjs. Edit semantic tokens/details in src. */
/* Brand colors remain immutable. These roles belong to the screen, not exports. */
:root{--ui-surface:#FFF9EC;--ui-text:#252820;--ui-raised:#E7E1CD;--ui-cool:#C9E5EF;--ui-warm:#FF775E;--ui-action:#315BE8;--ui-on-action:#FFF9EC;--ui-link:#315BE8;--ui-edge:#252820;--ui-muted:#55584F;--ui-error:#C9362B;--ui-shadow-color:#252820;--ui-accent:#FF775E}
html[data-theme=dark]{--desktop:#18191B;--ui-surface:#242529;--ui-text:#F0ECE4;--ui-muted:#B8B7BB;--ui-raised:#2E3035;--ui-cool:#2C3C49;--ui-warm:#E6A08D;--ui-action:#5264C4;--ui-on-action:#FFF9EC;--ui-link:#B1BFFD;--ui-edge:#7D808A;--ui-shadow-color:#101114;--ui-accent:#F19883;--ui-error:#FFB4A2;--ui-success:#B3D6BE;--ui-edition-blue:#2D4384;--ui-edition-red:#77382F;--ui-edition-green:#244B3B;--muted:var(--ui-muted);--line:#45474F;--edge:var(--ui-edge);--focus:var(--ui-link);--shadow:3px 3px 0 var(--ui-shadow-color);--shadow-control:2px 2px 0 var(--ui-shadow-color);--border-ui:1px solid var(--ui-edge);--tab-shadow:2px 2px 0 var(--ui-surface),3px 3px 0 var(--ui-edge);background:var(--desktop);color-scheme:dark}

/* style.css */
html[data-theme=dark] body{background:var(--ui-surface);color:var(--ui-text)}
html[data-theme=dark] a{color:inherit}
html[data-theme=dark] button{color:inherit}
html[data-theme=dark] a:focus-visible,html[data-theme=dark] button:focus-visible{outline:3px solid var(--ui-link);outline-offset:5px}
html[data-theme=dark] .skip{background:var(--ui-cool)}
html[data-theme=dark] .site-header{border-bottom:1px solid var(--line)}
html[data-theme=dark] .location{color:var(--muted)}
html[data-theme=dark] nav a{border-bottom:1px solid transparent}
html[data-theme=dark] nav a:hover{border-color:var(--ui-edge)}
html[data-theme=dark] .period{color:var(--ui-accent)}
html[data-theme=dark] .intro-line>span{color:var(--muted)}
html[data-theme=dark] .photo-link{background:var(--ui-surface)}
html[data-theme=dark] .board-note{background:var(--ui-cool)}
html[data-theme=dark] .board-note a{border-top:1px solid var(--ui-edge)}
html[data-theme=dark] .board-controls{border-bottom:1px solid var(--line)}
html[data-theme=dark] .view-switch{border:1px solid var(--ui-edge);border-radius:30px}
html[data-theme=dark] .view-switch button{border:0;background:transparent;border-radius:24px}
html[data-theme=dark] .view-switch button[aria-pressed=true]{background:var(--ui-raised);color:var(--ui-text)}
html[data-theme=dark] .board-counter{color:var(--muted)}
html[data-theme=dark] .gathering{border-top:1px solid var(--line)}
html[data-theme=dark] .gathering:last-child{border-bottom:1px solid var(--line)}
html[data-theme=dark] .entry-number{color:var(--muted)}
html[data-theme=dark] .gathering p{color:var(--muted)}
html[data-theme=dark] .entry-kind{color:var(--muted)}
html[data-theme=dark] .featured:hover{background:var(--ui-cool)}
html[data-theme=dark] .about-section{background:var(--ui-cool)}
html[data-theme=dark] .site-footer>span{color:var(--muted)}
html[data-theme=dark] .event-intro h1 span{color:var(--ui-success)}
html[data-theme=dark] .event-cover figcaption{color:var(--muted)}
html[data-theme=dark] .photo-open{border:0;background:transparent}
html[data-theme=dark] .photo-open>span{background:var(--ui-surface);color:var(--ui-text);border-radius:50%}
html[data-theme=dark] .photo-grid figcaption{color:var(--muted)}
html[data-theme=dark] .table-section{background:var(--ui-edition-green);color:var(--ui-text)}
html[data-theme=dark] .text-button{background:transparent;border:0;border-bottom:1px solid currentColor}
html[data-theme=dark] .credit-line{color:var(--muted)}
html[data-theme=dark] .event-end{border-block:1px solid var(--line)}
html[data-theme=dark] .photo-dialog{border:0;background:var(--ui-surface);color:var(--ui-text)}
html[data-theme=dark] .photo-dialog::backdrop{background:rgb(20 23 18 / .85)}
html[data-theme=dark] .dialog-close{border:1px solid var(--ui-edge);border-radius:24px;background:transparent}
html[data-theme=dark] .dialog-image{background:#e9e2d4}
@media print{html[data-theme=dark] body{background:white}
}

/* desktop.css */
html[data-theme=dark] body{color:var(--ui-text);background:var(--desktop)}
html[data-theme=dark] button,html[data-theme=dark] input,html[data-theme=dark] select{color:inherit}
html[data-theme=dark] a{color:inherit}
html[data-theme=dark] a:focus-visible,html[data-theme=dark] button:focus-visible,html[data-theme=dark] input:focus-visible,html[data-theme=dark] select:focus-visible{outline:3px solid var(--ui-link);outline-offset:4px}
html[data-theme=dark] .skip{background:var(--ui-cool)}
html[data-theme=dark] .system-bar{border-bottom:1px solid var(--edge);background:var(--ui-surface)}
html[data-theme=dark] .plain-button{border:0;background:transparent}
html[data-theme=dark] .solid-button,html[data-theme=dark] .outline-button{border:1px solid var(--edge);border-radius:4px;background:var(--ui-cool)}
html[data-theme=dark] .outline-button{background:transparent}
html[data-theme=dark] .desk-heading h1 span{color:var(--ui-accent)}
html[data-theme=dark] .window{background:var(--ui-surface);border:1px solid var(--edge);border-radius:7px}
html[data-theme=dark] .window-bar{background:var(--ui-cool);border-bottom:1px solid var(--edge)}
html[data-theme=dark] .window-lines{background:repeating-linear-gradient(to bottom,var(--edge) 0,var(--edge) 1px,transparent 1px,transparent 4px)}
html[data-theme=dark] .window-control{background:var(--ui-surface);border:1px solid var(--edge);border-radius:2px}
html[data-theme=dark] .archive-sidebar{border-right:1px solid var(--line)}
html[data-theme=dark] .sidebar-title{color:var(--muted)}
html[data-theme=dark] .filter-button{border:0;border-radius:3px;background:transparent}
html[data-theme=dark] .filter-button[aria-pressed=true]{background:var(--ui-cool)}
html[data-theme=dark] .filter-button span{color:var(--muted)}
html[data-theme=dark] .sidebar-season{color:var(--muted)}
html[data-theme=dark] .archive-intro p{color:var(--muted)}
html[data-theme=dark] .search-input{border:1px solid var(--line);background:var(--ui-surface);border-radius:3px}
html[data-theme=dark] .view-buttons{border:1px solid var(--edge);border-radius:3px}
html[data-theme=dark] .view-buttons button{border:0;background:var(--ui-surface)}
html[data-theme=dark] .view-buttons button[aria-pressed=true]{background:var(--ui-raised);color:var(--ui-text)}
html[data-theme=dark] .archive-sort{background:transparent;border:0}
html[data-theme=dark] .menu-card{border:0;background:transparent}
html[data-theme=dark] .menu-cover{border:1px solid var(--edge);background:var(--ui-edition-green);color:var(--ui-text)}
html[data-theme=dark] .cover-photo .cover-top{background:var(--ui-surface);color:var(--ui-text)}
html[data-theme=dark] .cover-photo .cover-bottom{background:var(--ui-surface);color:var(--ui-text)}
html[data-theme=dark] .theme-tomato{background:var(--ui-edition-red)}
html[data-theme=dark] .theme-blue{background:var(--ui-action)}
html[data-theme=dark] .cover-rule{border-top:1px solid currentColor}
html[data-theme=dark] .card-caption span{color:var(--muted)}
html[data-theme=dark] .menu-grid[data-layout=list] .menu-card{border-top:1px solid var(--line)}
html[data-theme=dark] .archive-empty{color:var(--muted)}
html[data-theme=dark] .window-status{border-top:1px solid var(--line);color:var(--muted)}
html[data-theme=dark] .roll-arrows button{border:1px solid var(--edge);background:transparent;border-radius:2px}
html[data-theme=dark] .join-window .window-bar{background:var(--ui-warm)}
html[data-theme=dark] .join-body .small-note{color:var(--muted)}
html[data-theme=dark] .desk-bottom{color:var(--muted)}
html[data-theme=dark] .dock{background:var(--ui-surface);border:1px solid var(--edge);border-radius:6px}
html[data-theme=dark] .dock a,html[data-theme=dark] .dock button{border:0;border-right:1px solid var(--line);background:transparent}
html[data-theme=dark] .dock>*:last-child{border-right:0}
html[data-theme=dark] .dock [aria-current=page],html[data-theme=dark] .dock a:hover,html[data-theme=dark] .dock button:hover{background:var(--ui-cool)}
html[data-theme=dark] dialog{border:1px solid var(--edge);border-radius:7px;background:var(--ui-surface);color:var(--ui-text)}
html[data-theme=dark] dialog::backdrop{background:rgb(25 30 23 / .48)}
html[data-theme=dark] .dialog-close{background:var(--ui-surface);border:1px solid var(--edge);border-radius:2px}
html[data-theme=dark] .record-head p{color:var(--muted)}
html[data-theme=dark] .record-number{color:var(--muted)}
html[data-theme=dark] .record-tabs{border-bottom:1px solid var(--line)}
html[data-theme=dark] .record-tabs button{background:transparent;border:0;border-bottom:3px solid transparent}
html[data-theme=dark] .record-tabs button[aria-selected=true]{border-color:var(--ui-edge)}
html[data-theme=dark] .menu-sheet{border:1px solid var(--line);background:var(--ui-surface)}
html[data-theme=dark] .sheet-heading{border-bottom:1px solid var(--edge)}
html[data-theme=dark] .draft-label{background:var(--ui-cool);border:1px solid var(--line)}
html[data-theme=dark] .course-placeholder{border-bottom:1px solid var(--line)}
html[data-theme=dark] .course-placeholder>span{color:var(--muted)}
html[data-theme=dark] .course-placeholder small{color:var(--muted)}
html[data-theme=dark] .sheet-note{color:var(--muted)}
html[data-theme=dark] .placeholder-panel{border:1px dashed var(--muted);background:var(--ui-surface)}
html[data-theme=dark] .placeholder-panel p{color:var(--muted)}
html[data-theme=dark] .record-foot{color:var(--muted)}
html[data-theme=dark] .note-layout p{color:var(--muted)}
html[data-theme=dark] .account-body>p{color:var(--muted)}
html[data-theme=dark] .account-tabs{border-bottom:1px solid var(--line)}
html[data-theme=dark] .account-tabs button{border:0;background:transparent;border-bottom:2px solid transparent}
html[data-theme=dark] .account-tabs button[aria-selected=true]{border-color:var(--ui-edge)}
html[data-theme=dark] .account-form input:not([type=checkbox]){border:1px solid var(--line);border-radius:3px;background:var(--ui-surface)}
html[data-theme=dark] .email-consent input{accent-color:var(--ui-text)}
html[data-theme=dark] .account-notice{border:1px solid var(--line);background:var(--ui-surface)}
@media(max-width:1100px){html[data-theme=dark] .archive-sidebar{border-right:0;border-bottom:1px solid var(--line)}
}
@media print{html[data-theme=dark] .window{border:0}
}
html[data-theme=dark] .menu-card:hover .menu-cover,html[data-theme=dark] .menu-card:focus-visible .menu-cover{box-shadow:4px 6px 0 rgb(37 40 32 / .14)}

/* play.css */
html[data-theme=dark] .mise-contact{border-top:1px solid var(--ui-edge)}
html[data-theme=dark] .contact-route{background:var(--ui-surface);border:1px solid var(--ui-edge);border-radius:5px}
html[data-theme=dark] .contact-route>span:nth-child(2){color:var(--muted)}
html[data-theme=dark] .contact-route:hover{background:var(--ui-cool)}
html[data-theme=dark] .postcard-invitation .window-bar{background:var(--ui-action)}
html[data-theme=dark] .postcard-invitation .window-bar h2{color:var(--ui-text)}
html[data-theme=dark] .postcard-invitation .window-lines{background:repeating-linear-gradient(to bottom,var(--ui-surface) 0,var(--ui-surface) 1px,transparent 1px,transparent 4px)}
html[data-theme=dark] .postcard-invitation-button{border:0;background:var(--ui-surface)}
html[data-theme=dark] .mini-postcard{background:var(--ui-surface);border:1px solid var(--ui-edge)}
html[data-theme=dark] .postcard-intro p{color:var(--muted)}
html[data-theme=dark] .postcard-preview{background:var(--ui-cool);border:1px solid var(--line)}
html[data-theme=dark] .postcard-face{border:1px solid var(--ui-edge);background:var(--ui-surface)}
html[data-theme=dark] .postcard-front-foot{color:var(--card-ink)}
html[data-theme=dark] .postcard-back{color:var(--card-ink)}
html[data-theme=dark] .postcard-back-foot{color:var(--muted);border-top:1px solid var(--line)}
html[data-theme=dark] .postcard-side{color:var(--muted)}
html[data-theme=dark] .postcard-controls fieldset{border:0}
html[data-theme=dark] .postcard-photo-options button{border:1px solid var(--line);border-radius:3px;background:var(--ui-surface)}
html[data-theme=dark] .postcard-photo-options button[aria-pressed=true]{border:2px solid var(--ui-edge);background:var(--ui-cool)}
html[data-theme=dark] .postcard-inks button{border:1px solid currentColor;border-radius:3px;background:transparent;color:var(--ui-text)}
html[data-theme=dark] .postcard-inks button[aria-pressed=true]{color:var(--ui-text)}
html[data-theme=dark] .postcard-inks [data-card-ink=tomato][aria-pressed=true]{background:var(--ui-edition-red)}
html[data-theme=dark] .postcard-inks [data-card-ink=blue][aria-pressed=true]{background:var(--ui-action)}
html[data-theme=dark] .postcard-inks [data-card-ink=herb][aria-pressed=true]{background:var(--ui-edition-green)}
html[data-theme=dark] .postcard-note-label textarea{color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--line);border-radius:3px}
html[data-theme=dark] .postcard-note-label textarea:focus-visible{outline:3px solid var(--ui-link);outline-offset:3px}
html[data-theme=dark] .postcard-privacy{color:var(--muted)}
@media(max-width:480px){html[data-theme=dark] .dock button{border-bottom:1px solid var(--line)}
html[data-theme=dark] .dock button:nth-child(3){border-right:0}
html[data-theme=dark] .dock button:nth-child(n+4){border-bottom:0}
}
html[data-theme=dark] .postcard-save{border:1px solid var(--line);background:var(--ui-surface)}
html[data-theme=dark] .postcard-back-options input{accent-color:var(--ui-text)}
html[data-theme=dark] #postcard-event{border:1px solid var(--ui-edge);background:var(--ui-surface)}

/* club.css */
html[data-theme=dark] body{background-image:none}
html[data-theme=dark] .window{border-radius:3px;box-shadow:var(--shadow)}
html[data-theme=dark] .window-bar{border-bottom:2px solid var(--ui-edge)}
html[data-theme=dark] .window-lines{background:repeating-linear-gradient(to bottom,var(--ui-raised) 0,var(--ui-raised) 1px,transparent 1px,transparent 4px)}
html[data-theme=dark] .window-control,html[data-theme=dark] .dialog-close{border:1px solid var(--ui-edge);box-shadow:1px 1px 0 var(--ui-shadow-color)}
html[data-theme=dark] .window-control:active,html[data-theme=dark] .dialog-close:active{box-shadow:none}
html[data-theme=dark] .system-bar{border-bottom:2px solid var(--ui-edge)}
html[data-theme=dark] .solid-button{box-shadow:2px 2px 0 var(--ui-shadow-color);border-radius:3px}
html[data-theme=dark] .solid-button:active{box-shadow:1px 1px 0 var(--ui-shadow-color)}
html[data-theme=dark] .club-nav{border-bottom:1px solid var(--ui-edge);background:var(--ui-surface)}
html[data-theme=dark] .club-nav a{border-right:1px solid var(--line);border-bottom:0}
html[data-theme=dark] .club-nav a:first-child{border-left:1px solid var(--line)}
html[data-theme=dark] .club-nav a[aria-current=page]{background:var(--ui-cool);box-shadow:inset 0 -3px var(--ui-shadow-color)}
html[data-theme=dark] .club-nav a:hover{background:var(--ui-cool)}
html[data-theme=dark] .club-footer{border-top:1px solid var(--ui-edge)}
html[data-theme=dark] .club-footer [aria-label=love]{color:var(--ui-error)}
html[data-theme=dark] .club-form input,html[data-theme=dark] .club-form select,html[data-theme=dark] .club-form textarea,html[data-theme=dark] .setting-row select{background:var(--ui-surface);border:1px solid var(--ui-edge);border-radius:2px;color:var(--ui-text)}
html[data-theme=dark] .club-form input:focus-visible,html[data-theme=dark] .club-form textarea:focus-visible,html[data-theme=dark] .club-form select:focus-visible{outline:3px solid var(--ui-link);outline-offset:3px}
html[data-theme=dark] .checkbox-row input{accent-color:var(--ui-text)}
html[data-theme=dark] .form-feedback.error{color:var(--ui-error)}
html[data-theme=dark] .empty-state{border:1px dashed var(--ui-edge);background:var(--ui-surface)}
html[data-theme=dark] .news-card{background:var(--ui-surface);border:1px solid var(--ui-edge)}
html[data-theme=dark] .news-card small{color:var(--muted)}
html[data-theme=dark] .news-card:hover{background:var(--ui-cool)}
html[data-theme=dark] .reading-meta{color:var(--muted)}
html[data-theme=dark] .gallery-card{border:1px solid var(--ui-edge);background:var(--ui-surface)}
html[data-theme=dark] .membership-card{border:1px solid var(--ui-edge);background:var(--ui-surface);box-shadow:var(--shadow)}
html[data-theme=dark] .membership-card.team{background:var(--ui-cool)}
html[data-theme=dark] .setting-row{border-bottom:1px solid var(--line)}
html[data-theme=dark] .setting-row input{accent-color:var(--ui-text)}
html[data-theme=dark] .television-screen{background:var(--ui-raised)}
html[data-theme=dark] .media-item{border-bottom:1px solid var(--line)}
html[data-theme=dark] .media-item button{background:var(--ui-cool);border:1px solid var(--ui-edge)}
html[data-theme=dark] .memory-card{border:1px solid var(--ui-edge);background:var(--ui-cool)}
html[data-theme=dark] .memory-card .memory-back{background:var(--ui-cool)}
html[data-theme=dark] .admin-collection button{border:1px solid var(--ui-edge);background:var(--ui-surface)}
html[data-theme=dark] .admin-collection button[aria-pressed=true]{background:var(--ui-cool)}
html[data-theme=dark] .admin-list button{background:var(--ui-surface);border:0;border-top:1px solid var(--line)}
html[data-theme=dark] .admin-list button:hover{background:var(--ui-cool)}
html[data-theme=dark] .admin-list small{color:var(--muted)}
html[data-theme=dark] .upload-box{border:1px dashed var(--ui-edge)}
html[data-theme=dark] .upload-box input{border:0}
html[data-theme=dark] .member-row{border-top:1px solid var(--line)}
html[data-theme=dark] .member-row small{color:var(--muted)}
html[data-theme=dark] body.no-texture{background-image:none}
html[data-theme=dark] body.window-soft .window{border-radius:12px;box-shadow:none}
html[data-theme=dark] body.window-soft .window-bar{border-bottom-width:1px}
html[data-theme=dark] body.window-ink .window{border:2px solid var(--ui-edge);box-shadow:5px 5px 0 var(--ui-shadow-color)}
html[data-theme=dark] body.window-ink .window-bar{background:var(--ui-raised);color:var(--ui-text)}
html[data-theme=dark] body.window-ink .window-lines{background:repeating-linear-gradient(to bottom,var(--ui-surface) 0,var(--ui-surface) 1px,transparent 1px,transparent 4px)}
html[data-theme=dark] .home-launchpad a{background:var(--ui-surface);border:1px solid var(--ui-edge)}
html[data-theme=dark] .home-launchpad a:hover{background:var(--ui-cool)}
html[data-theme=dark] .home-launchpad a:last-child{background:var(--ui-cool)}
html[data-theme=dark] body.window-ink .window-control,html[data-theme=dark] body.window-ink .dialog-close{color:var(--ui-text)}
html[data-theme=dark] .admin-settings details{border-bottom:1px solid var(--line)}
html[data-theme=dark] .attendance-row{border-bottom:1px solid var(--line)}
html[data-theme=dark] .attendance-row input{accent-color:var(--ui-text)}
html[data-theme=dark] .attendance-row small{color:var(--muted)}
html[data-theme=dark] .tv-episodes [aria-pressed=true]{background:var(--ui-cool)}
html[data-theme=dark] .table-stage{background-color:var(--ui-cool);background-image:linear-gradient(90deg,#2528200d 1px,transparent 1px),linear-gradient(#2528200d 1px,transparent 1px)}
html[data-theme=dark] .table-invitation{color:var(--ui-text)}
html[data-theme=dark] .table-piece{border:1px solid var(--ui-edge);box-shadow:3px 4px 0 #25282033;background:var(--ui-surface)}
html[data-theme=dark] .table-piece:focus-visible,html[data-theme=dark] .table-piece.dragging{outline:3px solid var(--ui-link);outline-offset:3px;box-shadow:7px 8px 0 #25282022}
html[data-theme=dark] .table-piece.duck-piece{background:var(--ui-surface)}
html[data-theme=dark] .table-feedback{color:var(--muted)}
html[data-theme=dark] .mise-companion{border:1px solid var(--ui-edge);border-radius:40% 40% 35% 35%;background:var(--ui-surface);box-shadow:3px 4px 0 #25282022}
html[data-theme=dark] .companion-note{background:var(--ui-raised);color:var(--ui-text);border-radius:3px}
html[data-theme=dark] .mise-companion:focus-visible{outline:3px solid var(--ui-link);outline-offset:4px}
html[data-theme=dark] body.has-living-background{background-image:none}
html[data-theme=dark] #youtube-player{border:0}
html[data-theme=dark] #attendance-event{border:1px solid var(--ui-edge);background:var(--ui-surface)}
html[data-theme=dark] .gallery-card small{color:var(--muted)}
html[data-theme=dark] .member-interest-fields{border:1px solid var(--line)}
html[data-theme=dark] .member-profile-summary dt{color:var(--muted)}
html[data-theme=dark] .gallery-card[href]{color:inherit}
html[data-theme=dark] #editor-save-state{border-left:3px solid var(--ui-edge);background:var(--ui-cool)}
html[data-theme=dark] #editor-form .form-feedback.error{color:#9d241b}
html[data-theme=dark] #editor-review{border:1px solid var(--ui-edge);background:var(--ui-surface);color:var(--ui-text)}
html[data-theme=dark] #editor-review .window-bar{background:var(--ui-cool)}
html[data-theme=dark] #review-audience{border:1px solid var(--ui-edge);background:var(--ui-cool)}
html[data-theme=dark] #admin-list small{color:var(--ui-text)}
html[data-theme=dark] #upload-progress{accent-color:var(--ui-text)}
html[data-theme=dark] #editor-form button:focus-visible,html[data-theme=dark] #admin-list button:focus-visible,html[data-theme=dark] #editor-review button:focus-visible,html[data-theme=dark] .gallery-viewer-controls button:focus-visible,html[data-theme=dark] .board-content-filters :is(input,select):focus-visible{outline:3px solid var(--ui-link);outline-offset:3px}
html[data-theme=dark][data-theme=dark] #editor-form .form-feedback.error{color:var(--ui-error)}

/* brand.css */
html[data-theme=dark] .solid-button{background:var(--ui-action);color:var(--ui-text)}
html[data-theme=dark] .outline-button{background:var(--ui-surface);color:var(--ui-text)}
html[data-theme=dark] .window,html[data-theme=dark] dialog{border-radius:4px;box-shadow:var(--shadow)}
html[data-theme=dark] .window-bar,html[data-theme=dark] .system-bar{border-bottom-width:1px}
html[data-theme=dark] .window-bar{background:var(--ui-cool);color:var(--ui-text)}
html[data-theme=dark] .window-control,html[data-theme=dark] .dialog-close{box-shadow:none}
html[data-theme=dark] .dialog-bar{background:var(--ui-warm)}
html[data-theme=dark] .club-nav a[aria-current=page]{background:var(--ui-cool);box-shadow:inset 0 -3px var(--blue)}
html[data-theme=dark] .club-nav a:hover{background:var(--ui-cool)}
html[data-theme=dark] .desk-heading h1 .heading-dot{color:var(--ui-accent)}
html[data-theme=dark] .archive-sidebar{background:var(--ui-cool)}
html[data-theme=dark] .filter-button[aria-pressed=true]{background:var(--ui-surface);box-shadow:inset 3px 0 var(--blue)}
html[data-theme=dark] .filter-button span{color:var(--ui-text)}
html[data-theme=dark] .menu-cover{color:var(--ui-text)}
html[data-theme=dark] .theme-tomato,html[data-theme=dark] .theme-blue{color:var(--ui-text)}
html[data-theme=dark] .card-caption span{border-left:3px solid var(--ui-link)}
html[data-theme=dark] .roll-caption{border-left:3px solid var(--ui-link);background:var(--ui-surface)}
html[data-theme=dark] .gallery-card>span{border-left:3px solid var(--ui-link)}
html[data-theme=dark] .join-window .window-bar,html[data-theme=dark] .membership-card.team{background:var(--ui-warm);color:var(--ui-text)}
html[data-theme=dark] .postcard-invitation .window-bar{background:var(--ui-warm)}
html[data-theme=dark] .postcard-invitation .window-bar h2{color:var(--ui-text)}
html[data-theme=dark] .postcard-invitation .window-lines{background:repeating-linear-gradient(to bottom,var(--ui-raised) 0,var(--ui-raised) 1px,transparent 1px,transparent 4px)}
html[data-theme=dark] .home-launchpad a:last-child{background:var(--ui-warm)}
html[data-theme=dark] .reading-meta{border-left:3px solid var(--ui-link)}
html[data-theme=dark] .news-card:hover{background:var(--ui-cool)}
html[data-theme=dark] .form-feedback.error{color:var(--ui-error)}
html[data-theme=dark] .club-form input:focus-visible,html[data-theme=dark] .club-form textarea:focus-visible,html[data-theme=dark] .club-form select:focus-visible,html[data-theme=dark] :focus-visible{outline:3px solid var(--ui-link);outline-offset:4px}
html[data-theme=dark] .checkbox-row input,html[data-theme=dark] .setting-row input,html[data-theme=dark] .attendance-row input{accent-color:var(--ui-link)}
html[data-theme=dark] .text-link{color:var(--ui-link)}
html[data-theme=dark] .table-stage{background-color:var(--ui-cool)}
html[data-theme=dark] .table-piece.duck-piece,html[data-theme=dark] .memory-card,html[data-theme=dark] .memory-card .memory-back,html[data-theme=dark] .mise-companion{background:var(--yellow)}
html[data-theme=dark] .contact-heading img{background:var(--yellow);border-radius:3px}
html[data-theme=dark] .table-section{color:var(--ui-text)}
html[data-theme=dark] .event-intro h1 span{color:var(--ui-text)}
html[data-theme=dark] .about-section{background:var(--ui-cool)}
html[data-theme=dark] .draft-label{background:var(--ui-cool);color:var(--ui-text)}
html[data-theme=dark] .media-item button,html[data-theme=dark] .tv-episodes [aria-pressed=true],html[data-theme=dark] .admin-collection button[aria-pressed=true]{background:var(--ui-action);color:var(--ui-text)}
html[data-theme=dark] .table-playground .window-bar{background:var(--ui-cool)}
html[data-theme=dark] .postcard-preview{background:var(--ui-cool);border-color:var(--ui-edge)}
html[data-theme=dark] .postcard-inks [data-card-ink=herb][aria-pressed=true]{background:var(--ui-edition-green);color:var(--ui-text)}
html[data-theme=dark] .postcard-inks [data-card-ink=tomato][aria-pressed=true]{background:var(--ui-edition-red)}
html[data-theme=dark] .postcard-inks [data-card-ink=blue][aria-pressed=true]{background:var(--ui-action)}
html[data-theme=dark] .postcard-controls select{border:1px solid var(--ui-edge);background:var(--ui-surface)}
html[data-theme=dark] .postcard-photo-options button[aria-pressed=true]{border-color:var(--ui-link);background:var(--ui-cool)}
html[data-theme=dark] .postcard-photo-options button:focus-visible{outline-offset:1px}
html[data-theme=dark] .mise-companion,html[data-theme=dark] .table-piece.duck-piece{background:transparent;border:0;box-shadow:none;border-radius:0}
html[data-theme=dark] .table-piece.duck-piece:focus-visible{box-shadow:none}
html[data-theme=dark] .contact-heading img{background:transparent}
html[data-theme=dark] .memory-card,html[data-theme=dark] .memory-card .memory-back{background:var(--ui-cool)}
html[data-theme=dark] .mise-waterway{border:0;background:transparent}
html[data-theme=dark] .companion-note{background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-edge)}
html[data-theme=dark] .mise-waterway:focus-visible{outline-offset:-50px}
html[data-theme=dark] .postcard-dialog .dialog-bar{background:var(--ui-warm);color:var(--ui-text)}
html[data-theme=dark] body[data-scenery=none]{background-image:none}
html[data-theme=dark] body{background-color:var(--desktop);background-image:none}
html[data-theme=dark] .system-bar{background:var(--ui-surface)}
html[data-theme=dark] .club-nav{background:var(--ui-surface)}
html[data-theme=dark] .club-nav a[aria-current=page]{background:var(--ui-surface)}
html[data-theme=dark] .club-nav a:hover{background:var(--ui-surface)}
html[data-theme=dark] .gatherings-nav a{border:1px solid transparent;border-radius:3px}
html[data-theme=dark] .gatherings-nav a:hover{border-color:var(--ui-edge)}
html[data-theme=dark] .gatherings-nav a[aria-current=page]{background:var(--ui-surface);border-color:var(--ui-edge);box-shadow:2px 2px 0 var(--ui-shadow-color)}
html[data-theme=dark] .home-launchpad a:last-child{background:var(--ui-surface)}
html[data-theme=dark] .page-directory a{border:1px solid var(--ui-edge);border-bottom:0;border-radius:6px 6px 0 0;background:var(--desktop)}
html[data-theme=dark] .page-directory a:first-child{border:0;background:transparent}
html[data-theme=dark] .page-directory small{color:var(--muted)}
html[data-theme=dark] .page-directory a[aria-current=page]{box-shadow:inset 0 3px var(--blue)}
html[data-theme=dark] .menu-cover .cover-top{background:var(--ui-surface);color:var(--ui-text)}
html[data-theme=dark] h1 .heading-dot,html[data-theme=dark] .event-intro h1 span.heading-dot{color:var(--ui-accent)}
@media(max-width:480px){html[data-theme=dark] .dock>a,html[data-theme=dark] .dock>button{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
html[data-theme=dark] .dock>:nth-child(2n){border-right:0}
html[data-theme=dark] .dock>:nth-last-child(-n+2){border-bottom:0}
}
html[data-theme=dark] .gallery-grid .loading-label{color:var(--muted)}
html[data-theme=dark] .photo-placeholder{background:var(--ui-cool);border:1px solid var(--line);border-radius:2px}

/* keepsakes.css */
html[data-theme=dark] .dinner-cover{border:1px solid var(--ui-edge);background:var(--ui-surface)}
html[data-theme=dark] .prep-label{border-left:3px solid var(--ui-link);background:var(--ui-surface)}
html[data-theme=dark] .event-stamp{border:2px dashed var(--ui-edge);color:var(--ui-text);background:var(--ui-surface)}
html[data-theme=dark] .record-sleeve{border:9px solid var(--ui-edge);outline:1px solid var(--ui-edge);box-shadow:4px 4px 0 var(--ui-shadow-color)}
html[data-theme=dark] .track-row{background:var(--ui-surface);border:0;border-bottom:1px solid var(--line)}
html[data-theme=dark] .track-row small{color:var(--muted)}
html[data-theme=dark] .dinner-photos article{background:var(--ui-surface);border:1px solid var(--line)}
html[data-theme=dark] .dinner-memory{background:var(--ui-surface);border-left:3px solid var(--ui-link)}
html[data-theme=dark] .saved-memory,html[data-theme=dark] .memory-review{border-top:1px solid var(--line)}
html[data-theme=dark] .shelf-card{background:var(--ui-surface);border:1px solid var(--ui-edge);box-shadow:3px 4px 0 #25282033}
html[data-theme=dark] .postcard-shelf{border-top:1px solid var(--line)}
html[data-theme=dark] .upcoming-window .window-bar{background:var(--ui-warm)}
html[data-theme=dark] .upcoming-item+.upcoming-item{border-top:1px solid var(--line)}
html[data-theme=dark] .upcoming-item a{color:var(--ui-text)}
html[data-theme=dark] .postcard-shelf{border-top:1px solid var(--line)}
html[data-theme=dark] .water-ripples i{border:1px solid var(--ui-link);border-top-color:transparent;border-radius:50%}
html[data-theme=dark] .world-controls{background:var(--ui-surface);border:1px solid var(--ui-edge);box-shadow:3px 3px var(--ui-shadow-color)}
html[data-theme=dark] .world-egg{background:var(--ui-surface);border:1px solid var(--ui-edge);border-radius:50% 50% 45% 45%}
html[data-theme=dark] .world-egg:hover{background:var(--ui-cool)}
html[data-theme=dark] .mise-companion.has-walk-strip::before{background-image:var(--duck-walk-strip)}
html[data-theme=dark] .home-about-window .window-bar{background:var(--ui-warm)}
html[data-theme=dark] .membership-invitation{border-top:1px solid var(--line)}
html[data-theme=dark] .text-link,html[data-theme=dark] .upcoming-window .text-link,html[data-theme=dark] .shelf-card .text-link{border:1px solid var(--ui-edge);border-radius:3px;background:var(--ui-surface);color:var(--ui-text)}
html[data-theme=dark] .text-link:hover{background:var(--ui-cool);color:var(--ui-text)}
html[data-theme=dark] .text-link:focus-visible{outline:3px solid var(--ui-link);outline-offset:3px}
html[data-theme=dark] .guestbook-tags button[aria-pressed=true]{background:var(--ui-raised);color:var(--ui-text)}
html[data-theme=dark] .guestbook-entry{background:var(--ui-surface);border:1.5px solid var(--ui-edge);box-shadow:4px 4px 0 var(--ui-shadow-color)}
html[data-theme=dark] .guestbook-entry footer{border-top:1px solid var(--line)}
html[data-theme=dark] .guestbook-entry .guestbook-tags span{border:1px solid var(--ui-edge);background:var(--ui-cool)}
html[data-theme=dark] .television-screen{background:var(--ui-raised)}
html[data-theme=dark] .tv-loading{color:var(--ui-text);background:repeating-linear-gradient(0deg,var(--ui-raised) 0 2px,#45483f 2px 3px,#30342d 3px 6px)}
html[data-theme=dark] .tv-loading span{background:var(--ui-raised)}
html[data-theme=dark] .member-perks{border:1px solid var(--ui-edge);background:var(--ui-cool)}
html[data-theme=dark] .submission-row{border-bottom:1px solid var(--line)}
html[data-theme=dark] .home-bottom-windows .window-bar{background:var(--ui-warm);color:var(--ui-text)}
html[data-theme=dark] .camera-photo{border:0;background:var(--ui-surface)}
html[data-theme=dark] .camera-photo img{background:var(--ui-surface)}
html[data-theme=dark] .camera-photo:hover{outline:2px solid var(--ui-link);outline-offset:3px}
html[data-theme=dark] #camera-photo-caption{border-left:3px solid var(--ui-link)}
html[data-theme=dark] #television-window .window-bar{background:var(--ui-cool)}
html[data-theme=dark] .tv-cabinet{background:var(--desktop);border:2px solid var(--ui-edge);border-radius:22px;box-shadow:4px 5px 0 var(--ui-shadow-color)}
html[data-theme=dark] .tv-cabinet .television-screen{border:7px solid var(--ui-edge);border-radius:24px;box-shadow:0 0 0 2px var(--ui-surface),0 0 0 3px var(--ui-shadow-color);background:var(--ui-raised)}
html[data-theme=dark] .tv-cabinet video{background:var(--ui-raised)}
html[data-theme=dark] .tv-speaker{background:repeating-linear-gradient(0deg,transparent 0 5px,var(--ui-raised) 5px 7px)}
html[data-theme=dark] .tv-dial{border:2px solid var(--ui-edge);border-radius:50%;background:var(--ui-surface);box-shadow:2px 2px var(--ui-shadow-color)}
html[data-theme=dark] .tv-dial:hover{background:var(--ui-cool)}
html[data-theme=dark] .tv-event-group{border:1px solid var(--line)}
html[data-theme=dark] .tv-channel-button{background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-edge);border-radius:4px}
html[data-theme=dark] .tv-channel-index{border:1px solid currentColor}
html[data-theme=dark] .tv-channel-button[aria-pressed=true]{background:var(--ui-action);color:var(--ui-text)}
html[data-theme=dark] .tv-dial:focus-visible,html[data-theme=dark] .tv-channel-button:focus-visible{outline:3px solid var(--ui-link);outline-offset:4px}
@media(max-width:520px){html[data-theme=dark] .tv-cabinet{border-radius:17px}
html[data-theme=dark] .tv-cabinet .television-screen{border-width:5px;border-radius:17px}
}
html[data-theme=dark] .sample-doodle{background-image:url('/assets/placeholder/kitchen-doodles.png')}
html[data-theme=dark] .memory-card{background:var(--ui-surface)}
html[data-theme=dark] .event-stamp::before{background:url('/assets/mise-duck-play.svg') center/contain no-repeat}
html[data-theme=dark] .tv-console .prep-label{background:none;border:0}
html[data-theme=dark] .tv-episodes{border:1px solid var(--ui-edge);background:var(--ui-surface);box-shadow:inset 1px 1px #25282025}
html[data-theme=dark] .tv-guide-heading{background:var(--ui-cool);border-bottom:1px solid var(--ui-edge)}
html[data-theme=dark] .tv-event-group{border:0}
html[data-theme=dark] .tv-event-group+.tv-event-group{border-top:1px solid var(--line)}
html[data-theme=dark] .tv-console .tv-group-name{color:var(--muted)}
html[data-theme=dark] .tv-channel-button{border-radius:2px;border:1px solid var(--ui-edge);box-shadow:2px 2px var(--ui-shadow-color)}
html[data-theme=dark] .tv-channel-button[aria-pressed=true]{background:var(--ui-cool);color:var(--ui-text);box-shadow:inset 2px 2px #25282025}
html[data-theme=dark] .tv-channel-index{border:1px solid var(--ui-edge);background:var(--ui-raised);color:var(--ui-text)}
html[data-theme=dark] .tv-channel-button[aria-pressed=true] .tv-channel-index{background:var(--ui-action);border-color:var(--ui-link)}
html[data-theme=dark] .tv-loading{background:var(--ui-raised)}
html[data-theme=dark] .tv-loading:after{background:repeating-linear-gradient(0deg,transparent 0 3px,#25282055 3px 4px)}
html[data-theme=dark] .note-title{border:0;background:none}
html[data-theme=dark] .note-title:focus-visible{outline:3px solid var(--ui-link);outline-offset:4px}
html[data-theme=dark] .archive-period button{border:1px solid transparent;background:none}
html[data-theme=dark] .archive-period button:hover{background:var(--ui-surface);border-color:var(--ui-edge)}
html[data-theme=dark] .archive-period button[aria-pressed=true]{background:var(--ui-surface);border-color:var(--ui-edge);box-shadow:inset 3px 0 var(--blue)}
html[data-theme=dark] .archive-period button:focus-visible{outline:3px solid var(--ui-link);outline-offset:2px}
@media(max-width:760px){html[data-theme=dark] .tv-cabinet .television-screen{border-radius:16px}
}
html[data-theme=dark] body[data-page="notes"] .guestbook-feed{border:1px solid var(--ui-edge);background:var(--ui-surface);box-shadow:4px 4px 0 var(--ui-shadow-color)}
html[data-theme=dark] .archive-year{background:var(--ui-cool);border-bottom:1px solid var(--ui-edge)}
html[data-theme=dark] body[data-page="notes"] .archive-note{border:0;border-bottom:1px solid var(--line);box-shadow:none}
html[data-theme=dark] .archive-note:last-child{border-bottom:0!important}
html[data-theme=dark] .note-file>span{color:var(--ui-link)}
html[data-theme=dark] .note-file time{color:var(--muted)}
html[data-theme=dark] .archive-note .note-thumbnail{border:1px solid var(--line)}
@media(max-width:760px){html[data-theme=dark] .note-file{border-bottom:1px solid var(--line)}
}
html[data-theme=dark] .tv-transport{border-top:1px solid #25282055}
html[data-theme=dark] .tv-timeline{color:var(--ui-text)}
html[data-theme=dark] .tv-timeline input{background:transparent}
html[data-theme=dark] .tv-timeline input::-webkit-slider-runnable-track{border:1px solid var(--ui-edge);background:var(--ui-surface);box-shadow:inset 1px 1px #25282030}
html[data-theme=dark] .tv-timeline input::-webkit-slider-thumb{background:var(--ui-action);border:1px solid var(--ui-edge);border-radius:1px;box-shadow:1px 1px var(--ui-shadow-color)}
html[data-theme=dark] .tv-timeline input::-moz-range-track{border:1px solid var(--ui-edge);background:var(--ui-surface)}
html[data-theme=dark] .tv-timeline input::-moz-range-thumb{background:var(--ui-action);border:1px solid var(--ui-edge);border-radius:1px}
html[data-theme=dark] .tv-key{background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-edge);border-radius:2px;box-shadow:2px 2px var(--ui-shadow-color)}
html[data-theme=dark] .tv-key:hover{background:var(--ui-cool)}
html[data-theme=dark] .tv-key:active,html[data-theme=dark] .tv-key[aria-pressed=true]{background:var(--ui-cool);box-shadow:inset 2px 2px #25282025}
html[data-theme=dark] .tv-key:focus-visible,html[data-theme=dark] .tv-timeline input:focus-visible{outline:3px solid var(--ui-link);outline-offset:3px}
html[data-theme=dark] .tv-cabinet:fullscreen{border-radius:0;box-shadow:none}
@media(max-width:1100px){html[data-theme=dark] .archive-sidebar .archive-period button{border:1px solid #25282055;border-radius:3px}
}
html[data-theme=dark] .member-shortcuts a,html[data-theme=dark] .shelf-starts a{border:1px solid var(--ui-edge);background:var(--ui-surface);color:var(--ui-text)}
html[data-theme=dark] .member-shortcuts a:hover,html[data-theme=dark] .shelf-starts a:hover{background:var(--ui-cool)}
html[data-theme=dark] .profile-more{border-block:1px solid var(--line)}
html[data-theme=dark] .my-event{border-bottom:1px solid var(--line)}
html[data-theme=dark] .member-status{background:var(--ui-cool)}
html[data-theme=dark] .member-status.is-confirmed{background:var(--ui-edition-green);color:var(--ui-text)}
html[data-theme=dark] .quiet-button{color:var(--ui-text);background:none;border:0;border-bottom:1px solid var(--ui-edge)}
html[data-theme=dark] .form-feedback:not(:empty){background:var(--ui-cool);border-left:3px solid var(--ui-link)}
html[data-theme=dark] .form-feedback.error{background:var(--ui-surface);border-color:var(--tomato)}
html[data-theme=dark] .board-actions .window-bar{background:var(--ui-warm)}
html[data-theme=dark] .board-task-list a{border-bottom:1px solid var(--line);color:var(--ui-text)}
html[data-theme=dark] .board-task-list strong{color:var(--ui-link)}
html[data-theme=dark] .shelf-window .window-bar{background:var(--ui-cool)}
html[data-theme=dark] .shelf-card{box-shadow:2px 3px 0 #25282033}
html[data-theme=dark] .club-footer,html[data-theme=dark] body:not([data-scenery=waterway]) .club-footer{border-top:1px solid var(--ui-edge)}
html[data-theme=dark] .club-footer a{color:var(--ui-text)}
html[data-theme=dark] .club-footer .motion-toggle[aria-pressed=false]{background:var(--ui-cool)}

/* system.css */
html[data-theme=dark] .window,html[data-theme=dark] dialog{border-radius:var(--radius-panel);border:var(--border-ui)}
html[data-theme=dark] body.window-soft .window{border-radius:var(--radius-soft)}
html[data-theme=dark] .solid-button,html[data-theme=dark] .outline-button,html[data-theme=dark] .text-link,html[data-theme=dark] .tv-channel-button,html[data-theme=dark] .tv-key,html[data-theme=dark] .postcard-inks button,html[data-theme=dark] .gatherings-nav a,html[data-theme=dark] .archive-period button{border-radius:var(--radius-control)}
html[data-theme=dark] .solid-button{box-shadow:var(--shadow-control)}
html[data-theme=dark] .window-control,html[data-theme=dark] .dialog-close,html[data-theme=dark] .roll-arrows button{border-radius:var(--radius-control)}
html[data-theme=dark] .view-buttons{border-radius:var(--radius-control)}
html[data-theme=dark] .contact-route,html[data-theme=dark] .membership-card,html[data-theme=dark] .member-shortcuts a,html[data-theme=dark] .shelf-starts a,html[data-theme=dark] .shelf-card,html[data-theme=dark] .dock{border-radius:var(--radius-panel)}
html[data-theme=dark] .page-directory a{border-radius:var(--radius-panel) var(--radius-panel) 0 0}
html[data-theme=dark] .club-form input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html[data-theme=dark] .club-form select,html[data-theme=dark] .club-form textarea,html[data-theme=dark] .setting-row select,html[data-theme=dark] .search-input,html[data-theme=dark] .postcard-note-label textarea,html[data-theme=dark] .account-form input{border-radius:var(--radius-control)}
html[data-theme=dark] .solid-button:disabled,html[data-theme=dark] .outline-button:disabled,html[data-theme=dark] .window-control:disabled,html[data-theme=dark] .tv-key:disabled{box-shadow:none}
html[data-theme=dark] :where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--ui-link);outline-offset:3px}
html[data-theme=dark] .form-feedback.error{color:var(--ui-error)}
html[data-theme=dark] .filter-button,html[data-theme=dark] .archive-sidebar .archive-period button,html[data-theme=dark] .gatherings-nav a,html[data-theme=dark] .guestbook-tags button{border:1px solid transparent;border-radius:4px 4px 2px 2px;background:transparent;color:var(--ui-text);box-shadow:none}
html[data-theme=dark] .filter-button:hover,html[data-theme=dark] .archive-sidebar .archive-period button:hover,html[data-theme=dark] .gatherings-nav a:hover,html[data-theme=dark] .guestbook-tags button:hover{background:var(--ui-surface);border-color:var(--line)}
html[data-theme=dark] .filter-button[aria-pressed=true],html[data-theme=dark] .archive-sidebar .archive-period button[aria-pressed=true],html[data-theme=dark] .gatherings-nav a[aria-current=page],html[data-theme=dark] .guestbook-tags button[aria-pressed=true]{background:var(--ui-surface);color:var(--ui-link);border:1px solid var(--ui-edge);box-shadow:var(--tab-shadow)}
html[data-theme=dark] .filter-button[aria-pressed=true] span{color:var(--ui-link)}
html[data-theme=dark] .page-directory a{background:var(--desktop);border:1px solid var(--ui-edge);border-bottom:0;box-shadow:none}
html[data-theme=dark] .page-directory a[aria-current=page]{background:var(--ui-surface);box-shadow:2px -2px 0 var(--desktop),3px -3px 0 var(--ui-shadow-color);color:var(--ui-link)}
html[data-theme=dark] .page-directory a:first-child[aria-current=page]{border:1px solid var(--ui-edge);border-radius:var(--radius-control);box-shadow:var(--tab-shadow);background:var(--ui-surface)}
html[data-theme=dark] .record-tabs button,html[data-theme=dark] .account-tabs button{border:1px solid var(--line);border-bottom:0;border-radius:4px 4px 0 0;background:var(--desktop);color:var(--ui-text)}
html[data-theme=dark] .record-tabs button[aria-selected=true],html[data-theme=dark] .account-tabs button[aria-selected=true]{border-color:var(--ui-edge);background:var(--ui-surface);color:var(--ui-link);box-shadow:2px -2px 0 var(--desktop),3px -3px 0 var(--ui-shadow-color)}
html[data-theme=dark] .view-buttons{border:0}
html[data-theme=dark] .view-buttons button{border:1px solid var(--line);border-radius:var(--radius-control);background:transparent;color:var(--ui-text)}
html[data-theme=dark] .view-buttons button[aria-pressed=true]{border-color:var(--ui-edge);background:var(--ui-surface);color:var(--ui-link);box-shadow:var(--tab-shadow)}
html[data-theme=dark] .outline-button,html[data-theme=dark] .text-link{background:var(--ui-surface);box-shadow:1px 1px 0 var(--ui-shadow-color)}
html[data-theme=dark] .solid-button:active:not(:disabled),html[data-theme=dark] .outline-button:active:not(:disabled),html[data-theme=dark] .text-link:active:not(:disabled),html[data-theme=dark] .filter-button:active,html[data-theme=dark] .archive-period button:active,html[data-theme=dark] .view-buttons button:active{box-shadow:none}
html[data-theme=dark] .card-caption span,html[data-theme=dark] .gallery-card>span,html[data-theme=dark] .roll-caption,html[data-theme=dark] .reading-meta,html[data-theme=dark] .prep-label{border-left:0}
html[data-theme=dark] .gallery-card>span,html[data-theme=dark] .roll-caption,html[data-theme=dark] .reading-meta{border-bottom:1px solid var(--line)}
html[data-theme=dark] .board-navigation{border-bottom:1px solid var(--line)}
html[data-theme=dark] .board-navigation button{border:1px solid transparent;border-radius:4px 4px 2px 2px;background:none;color:var(--ui-text)}
html[data-theme=dark] .board-navigation button[aria-pressed=true]{background:var(--ui-surface);border-color:var(--ui-edge);color:var(--ui-link);box-shadow:var(--tab-shadow)}
html[data-theme=dark] .board-start{background:var(--ui-surface);border:1px solid var(--ui-edge);border-radius:4px;box-shadow:2px 2px var(--ui-shadow-color)}
html[data-theme=dark] .board-start:hover{background:var(--ui-cool)}
html[data-theme=dark] .board-content-filters{border-block:1px solid var(--line)}
html[data-theme=dark] .board-content-filters input,html[data-theme=dark] .board-content-filters select{border:1px solid var(--ui-edge);border-radius:3px;background:var(--ui-surface);color:var(--ui-text)}
html[data-theme=dark] .board-content-filters p{color:var(--muted)}
html[data-theme=dark] .editor-placeholder{background:var(--ui-surface);border:1px solid var(--line);border-radius:4px}
html[data-theme=dark] .editor-advanced{border-block:1px solid var(--line)}
html[data-theme=dark] .board-panel .admin-list button:focus-visible{outline-offset:-3px}

/* Colored surfaces use the same muted family across navigation, media and admin. */
html[data-theme=dark] :is(.window-bar,.dialog-bar,.membership-card.team,.home-bottom-windows .window-bar){color:var(--ui-text)}
html[data-theme=dark] :is(.solid-button,.media-item button,.postcard-inks button[aria-pressed=true]){background:var(--ui-action);color:var(--ui-on-action)}
html[data-theme=dark] :is(.solid-button,.outline-button,.text-link):hover{filter:none;background:var(--ui-raised);color:var(--ui-text)}
html[data-theme=dark] .solid-button:hover{background:#5D70CE;color:var(--ui-on-action)}
html[data-theme=dark] :is(.theme-blue,.tv-channel-button[aria-pressed=true] .tv-channel-index){background:var(--ui-edition-blue);color:var(--ui-text)}
html[data-theme=dark] .theme-tomato{background:var(--ui-edition-red);color:var(--ui-text)}
html[data-theme=dark] :is(.window-lines,.postcard-invitation .window-lines){background:repeating-linear-gradient(to bottom,var(--ui-text) 0,var(--ui-text) 1px,transparent 1px,transparent 4px)}
html[data-theme=dark] :is(.system-bar,.club-nav,.club-footer,.mise-contact,.window-bar){border-color:var(--line)}
html[data-theme=dark] :is(.window-control,.dialog-close,.roll-arrows button,.tv-key,.tv-dial){background:var(--ui-raised);color:var(--ui-text);box-shadow:1px 1px 0 var(--ui-shadow-color)}
html[data-theme=dark] :is(.window-control,.dialog-close,.tv-key,.tv-dial):hover{background:var(--ui-cool)}
html[data-theme=dark] :is(.tv-cabinet .television-screen,.tv-cabinet video,.tv-loading){background:#101114}
html[data-theme=dark] .tv-cabinet .television-screen{border-color:#101114;box-shadow:0 0 0 1px var(--ui-edge)}
html[data-theme=dark] .tv-loading span{background:#18191B;color:var(--ui-text)}
html[data-theme=dark] .tv-speaker{background:repeating-linear-gradient(0deg,transparent 0 5px,var(--ui-edge) 5px 7px)}
html[data-theme=dark] :is(input,select,textarea){color:var(--ui-text);accent-color:var(--ui-link)}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--ui-muted);opacity:1}
html[data-theme=dark] input:autofill{box-shadow:inset 0 0 0 100px var(--ui-raised);-webkit-text-fill-color:var(--ui-text)}
html[data-theme=dark] :focus-visible{outline-color:var(--ui-link)}
html[data-theme=dark] .form-feedback.error{color:var(--ui-error);border-color:var(--ui-error)}
/* Original identity is never inverted; a quiet paper backing keeps fine ink readable. */
html[data-theme=dark] .desk-logo{background:#E8DECB;border-radius:3px;box-shadow:0 0 0 5px #E8DECB}
html[data-theme=dark] img[src$="mise-original-logo.png"]{background:#E8DECB;border-radius:4px}
/* Covers are screen labels. The physical postcard and its export keep true paper. */
html[data-theme=dark] :is(.cover-photo .cover-bottom,.menu-cover .cover-top){background:#E8DECB;color:#252820}
html[data-theme=dark] :is(.mini-postcard,.postcard-face){background:#FFF9EC;color:#252820;border-color:#252820;--muted:#55584F;--line:#C9C7B9}
html[data-theme=dark] .postcard-back-foot{color:#55584F}
html[data-theme=dark] .postcard-front-foot,html[data-theme=dark] .postcard-back{color:var(--card-ink)}
html[data-theme=dark] .memory-card .memory-back{background:var(--ui-cool)}
html[data-theme=dark] body.window-ink .window-bar{background:#18191B;color:var(--ui-text)}
html[data-theme=dark] body.window-ink :is(.window-control,.dialog-close){color:var(--ui-text)}
html[data-theme=dark] .guestbook-entry{background:var(--ui-surface);color:var(--ui-text)}
html[data-theme=dark] ::selection{background:#5264C4;color:#FFF9EC}

/* Coral stays recognizably coral on small title bars; reading panels stay dark. */
html[data-theme=dark] :is(.dialog-bar,.join-window .window-bar,.postcard-invitation .window-bar,.home-bottom-windows .window-bar,.upcoming-window .window-bar,.home-about-window .window-bar,.board-actions .window-bar){color:#252820}
html[data-theme=dark] :is(.dialog-bar,.join-window .window-bar,.postcard-invitation .window-bar,.home-bottom-windows .window-bar,.upcoming-window .window-bar,.home-about-window .window-bar,.board-actions .window-bar) :is(h2,.window-lines){color:#252820}
html[data-theme=dark] :is(.dialog-bar,.join-window .window-bar,.postcard-invitation .window-bar,.home-bottom-windows .window-bar,.upcoming-window .window-bar,.home-about-window .window-bar,.board-actions .window-bar) .window-lines{background:repeating-linear-gradient(to bottom,#252820 0,#252820 1px,transparent 1px,transparent 4px)}
html[data-theme=dark] :is(.membership-card.team,.home-launchpad a:last-child){background:#392B2B;color:var(--ui-text)}
html[data-theme=dark] .window{border-color:var(--line)}