:root{--theme-header:#173c2d;--theme-accent:#28523c;--theme-paper:#f8f9f5;--theme-panel:#edf2eb;--theme-card:#fffefa;--theme-ink:#1e3025;--theme-muted:#637569;--theme-line:#dce4db;--theme-gold:#d3aa68;--green:var(--theme-header);--green2:var(--theme-accent);--deep:var(--theme-header);--paper:var(--theme-paper);--card:var(--theme-card);--ink:var(--theme-ink);--muted:var(--theme-muted);--line:var(--theme-line);--gold:var(--theme-gold)}
:root[data-theme=ocean]{--theme-header:#17445a;--theme-accent:#2b647d;--theme-paper:#f5f9fa;--theme-panel:#e7f0f3;--theme-card:#fff;--theme-ink:#19343e;--theme-muted:#5f7780;--theme-line:#d5e3e8;--theme-gold:#d4ac71}
:root[data-theme=indigo]{--theme-header:#343b63;--theme-accent:#535f87;--theme-paper:#f7f7fa;--theme-panel:#ebedf5;--theme-card:#fff;--theme-ink:#292d49;--theme-muted:#70758d;--theme-line:#dfe1ec;--theme-gold:#d7b079}
:root[data-theme=clay]{--theme-header:#704137;--theme-accent:#956257;--theme-paper:#faf7f5;--theme-panel:#f3eae6;--theme-card:#fffdfa;--theme-ink:#46302a;--theme-muted:#806b64;--theme-line:#eadbd4;--theme-gold:#d8af76}
:root[data-theme=sand]{--theme-header:#69543a;--theme-accent:#8a7050;--theme-paper:#faf8f2;--theme-panel:#f1ecdf;--theme-card:#fffefa;--theme-ink:#443a2a;--theme-muted:#7b715f;--theme-line:#e8e0ce;--theme-gold:#d2a768}
:root[data-theme=mono]{--theme-header:#171717;--theme-accent:#4a4a4a;--theme-paper:#f7f7f7;--theme-panel:#ededed;--theme-card:#fff;--theme-ink:#1f1f1f;--theme-muted:#646464;--theme-line:#d4d4d4;--theme-gold:#d0d0d0}
:root[data-theme=mono] .site-header,:root[data-theme=mono] .workspace,:root[data-theme=mono] .about,:root[data-theme=mono] .site-shell,:root[data-theme=mono] .guide,:root[data-theme=mono] .player-wrap{filter:grayscale(1)}
:root[data-theme=mono] .site-brand img{filter:grayscale(1) brightness(1.7)}
body{background:var(--theme-paper);color:var(--theme-ink)}
.site-header{position:relative;z-index:30;width:100%;min-height:70px;background:var(--theme-header);color:#fff}
.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:70px;padding:0 18px}
.site-brand{display:inline-flex;align-items:center;gap:11px;flex:none;color:#fff;text-decoration:none;font-size:18px;font-weight:750;letter-spacing:.02em;white-space:nowrap}
.site-brand img{width:34px;height:34px;object-fit:contain;-webkit-mask-image:radial-gradient(circle at center,transparent 0 16%,#000 16.5%);mask-image:radial-gradient(circle at center,transparent 0 16%,#000 16.5%)}
.site-header-controls{display:flex;align-items:center;gap:27px;min-width:0}
.site-header nav{display:flex;align-items:center;gap:27px;white-space:nowrap}
.site-header nav a{color:#f4f6f3;text-decoration:none;font-size:13px}
.site-header nav a:hover,.site-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.theme-picker{display:flex;align-items:center;gap:7px;flex:none;color:#e8eee9;font-size:12px;white-space:nowrap}
.theme-picker select{max-width:91px;padding:5px 7px;border:1px solid #ffffff6b;border-radius:5px;background:var(--theme-header);color:#fff;font:inherit;cursor:pointer}
.site-header a:focus-visible,.theme-picker select:focus-visible{outline:2px solid var(--theme-gold);outline-offset:3px}
.sidebar{background:var(--theme-panel)}.tree-group summary,.verse-section{color:var(--theme-accent)}.tree-item{color:var(--theme-ink)}.tree-item:hover,.tree-item.active{background:var(--theme-line);color:var(--theme-header)}
.workspace{overflow-anchor:none}
.directory-panel>summary{background:var(--theme-card)}
.directory-inner .tree-group>summary{background:var(--theme-line)}
.directory-inner .tree-item{margin:3px 0;background:var(--theme-paper);font-weight:500}
.directory-inner .tree-item:hover,.directory-inner .tree-item.active{background:var(--theme-panel);font-weight:500;box-shadow:inset 3px 0 var(--theme-accent)}
.tree-group summary::before,.tree-group[open] summary::before{content:'›';display:inline-grid;place-items:center;flex:none;width:16px;height:16px;margin-right:3px;font-size:18px;line-height:1;transform:none}
.tree-group[open] summary::before{transform:rotate(90deg)}
html:has(.workspace){scroll-behavior:auto}
.source-badge,.verse-row.current{background:var(--theme-panel);color:var(--theme-accent)}.verse-row.current{border-left-color:var(--theme-accent)}.about a{color:var(--theme-accent)}.player{background:var(--theme-header)}.play-toggle,.play-button{background:var(--theme-gold);color:var(--theme-header)}
.source-badge[hidden]{display:none}
.masthead{background:linear-gradient(115deg,var(--theme-header),var(--theme-accent));box-shadow:none}.site-shell{background:var(--theme-paper)}.catalog-panel{background:var(--theme-panel);border-color:var(--theme-line)}.chant-list li{background:var(--theme-card);border-color:var(--theme-line);color:var(--theme-ink)}.chant-list li:not(.current):hover{background:var(--theme-line)}.chant-list li.current{background:var(--theme-header);border-color:var(--theme-header)}.study-panel{background:var(--theme-panel);border-color:var(--theme-line)}.verse{background:var(--theme-card);border-color:var(--theme-line)}.stanza-link{background:var(--theme-card);border-color:var(--theme-line);color:var(--theme-ink)}.stanza-link.active{background:var(--theme-header);border-color:var(--theme-header)}.translation,.reading-supplement .merit-verse div p{color:var(--theme-ink)}
.guide .eyebrow,.consonant-group h3,.guide-footer a,.guide tbody td,.letter-button,.section-links a{color:var(--theme-accent)}.guide-section p,.guide-footer,.guide .sound-note{color:var(--theme-muted)}.table-scroll,.rule-list>div,.section-links a,.letter-button{background:var(--theme-card)}.guide thead th,.letter-button[aria-pressed=true],.letter-button:hover{background:var(--theme-panel);color:var(--theme-header)}.letter-button span{background:var(--theme-panel);color:var(--theme-header)}.letter-button[aria-pressed=true] span{background:var(--theme-header);color:#fff}.practice-link{background:var(--theme-header)}.practice-link:hover{background:var(--theme-accent)}.guide .letter-table th:not(:last-child),.guide .letter-table td:not(:last-child),.guide th,.guide td{border-color:var(--theme-line)}
.line-play,.load-more{color:var(--theme-header);border-color:var(--theme-line);background:var(--theme-panel)}.word.active{background:var(--theme-gold);box-shadow:0 0 0 5px var(--theme-gold)}.word.active .word-pali,.reading-supplement h2,.reading-supplement h3{color:var(--theme-header)}.study-pali,.catalog-heading{color:var(--theme-header)}
.word.selected{background:var(--theme-panel);box-shadow:0 0 0 4px var(--theme-panel)}
.custom-panel{margin:0 12px 15px;padding:14px;border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-card)}.custom-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.custom-heading h2{margin:0;font-size:15px}.custom-heading span{color:var(--theme-muted);font-size:11px}.custom-actions{display:flex;gap:8px;margin:12px 0 0}.custom-actions button{padding:7px 10px;border:1px solid var(--theme-header);border-radius:5px;background:var(--theme-header);color:#fff;font-size:11px}.custom-actions button+button{background:transparent;color:var(--theme-header)}.custom-actions button:disabled{opacity:.45;cursor:not-allowed}.custom-list{margin:10px 0 0;padding:0;list-style:none}.custom-list li{display:flex;align-items:center;gap:6px;min-height:29px;font-size:11px}.custom-list li span{flex:none;color:var(--theme-muted);font-size:10px}.custom-list li strong{flex:1;min-width:0;font-weight:500}.custom-list li button{border:0;background:transparent;color:var(--theme-muted);font-size:15px}.custom-empty{margin:10px 0 0;color:var(--theme-muted);font-size:11px}.tree-entry{display:flex;align-items:center;gap:2px}.tree-entry .tree-item{flex:1;min-width:0;padding-left:7px}.tree-check{display:grid;place-items:center;flex:none;width:27px;height:35px;cursor:pointer}.tree-check input{width:15px;height:15px;margin:0;accent-color:var(--theme-header);cursor:pointer}
.custom-list .custom-track{display:flex;align-items:center;gap:7px;width:100%;min-height:32px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:var(--theme-ink);text-align:left;font-size:12px}
.custom-list .custom-track:hover,.custom-list .custom-track.active{background:var(--theme-panel);color:var(--theme-header)}
.custom-picker{margin-top:14px;padding-top:12px;border-top:1px solid var(--theme-line)}
.custom-options{max-height:350px;overflow:auto;margin-top:8px;padding-right:4px}
.custom-option{display:flex;align-items:center;gap:10px;min-height:38px;padding:6px;border-radius:5px;color:var(--theme-ink);font-size:12px;cursor:pointer}
.custom-option:hover{background:var(--theme-panel)}
.custom-option input{flex:none;width:16px;height:16px;margin:0;accent-color:var(--theme-header)}
.custom-option span{min-width:0;line-height:1.4}
.custom-savebar{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--theme-line)}
.custom-savebar span{flex:1;color:var(--theme-muted);font-size:11px}
.custom-savebar button{padding:7px 10px;border:1px solid var(--theme-header);border-radius:5px;background:transparent;color:var(--theme-header);font-size:11px}
.custom-savebar button:last-child{background:var(--theme-header);color:#fff}
html[data-view=home] .custom-panel,html[data-view=custom] .directory-panel{display:none}
@media(max-width:700px){.site-header-inner{flex-wrap:wrap;gap:0;min-height:0;padding:9px 14px 7px}.site-brand{height:36px;font-size:16px}.site-brand img{width:30px;height:30px}.site-header-controls{width:100%;justify-content:space-between;gap:8px;overflow-x:auto;padding:5px 0 3px}.site-header nav{gap:10px}.site-header nav a{font-size:11px}.theme-picker{font-size:11px}.theme-picker select{max-width:75px;padding:4px}.custom-panel{margin:0 10px 10px}}
.directory-panel>summary,.custom-panel>summary{list-style:none}
.directory-panel>summary::-webkit-details-marker,.custom-panel>summary::-webkit-details-marker{display:none}
.directory-panel>summary{cursor:pointer}
.custom-panel>summary{cursor:pointer}
@media(max-width:1024px){
  .workspace{display:block}
  .sidebar{border-right:0;border-bottom:1px solid var(--theme-line);padding:12px clamp(12px,3vw,24px)}
  .custom-actions button,.custom-savebar button{min-height:42px;padding:9px 13px;font-size:13px}
  .custom-list{max-height:min(38vh,360px);overflow:auto}
  .custom-list .custom-track,.custom-option{min-height:44px;font-size:13px}
  .directory-panel,.custom-panel{margin:0 0 9px;border:1px solid var(--theme-line);border-radius:9px;background:var(--theme-card);overflow:hidden}
  .directory-panel>summary,.custom-panel>summary{display:flex;align-items:center;min-height:49px;margin:0;padding:11px 15px;cursor:pointer}
  .directory-panel>summary h1,.custom-panel>summary h2{flex:1;font-size:16px}
  .directory-panel>summary::after,.custom-panel>summary::after{content:'⌄';flex:none;margin-left:13px;color:var(--theme-muted);font-size:19px;line-height:1}
  .directory-panel[open]>summary::after,.custom-panel[open]>summary::after{transform:rotate(180deg)}
  .directory-panel[open]>summary,.custom-panel[open]>summary{border-bottom:1px solid var(--theme-line)}
  .custom-body{padding:0 14px 12px}
  .directory-inner{max-height:min(45vh,380px);overflow:auto;padding:0 12px 11px}
  .reader{padding:28px clamp(18px,4vw,44px) 45px}
}