/* Dreamings V21 — shared paper and turned-oak controls. */
:root{--paper:#fff9eb;--ink:#343f51;--gold:#b7955f;--frame:#bd9766}
.site-header nav{gap:10px!important}.site-header nav button{width:54px!important;height:54px!important;min-width:54px!important;border-radius:50%!important;padding:0!important;border:1px solid #a47e51!important;color:#755333!important;background:radial-gradient(circle,#fff9eb 0 57%,#e8d3ac 58% 60%,#ad844f 61% 62%,#e2c393 63% 70%,#bd9664 72%)!important;box-shadow:inset 0 1px #fff,0 4px 7px #46351e2b!important;font-size:13px!important;display:flex;align-items:center;justify-content:center;transition:transform .18s}
.site-header nav button:hover{transform:translateY(-2px)}.site-header nav button svg{width:23px;height:23px}.site-header #music-toggle [data-i],.site-header #language [data-icon]{display:none}.site-header #lang-label{font-size:12px}.brand strong{color:#674b30!important;font-family:Georgia,'Songti SC',serif!important}.brand small{color:#917342!important;letter-spacing:5px!important}
dialog:not(#detail){color:var(--ink);background:radial-gradient(ellipse at 30% 10%,#fffdf4,#f7efd9)!important;border:5px solid #343c54!important;border-radius:24px!important;padding:38px!important;box-shadow:inset 0 0 0 2px #d3b77f,0 22px 60px #15213250!important;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}
dialog:not(#detail)::backdrop{background:#17253680;backdrop-filter:blur(3px)}dialog:not(#detail) h2{font-family:Georgia,'Songti SC',serif;font-size:32px;margin:12px 0 24px;color:#4a3a27}dialog:not(#detail) .eyebrow{color:#a07b42;letter-spacing:2px;font-size:10px;padding-right:40px}dialog:not(#detail) .close{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:50%;border:2px solid #c4a16d;background:#fff8e6;color:#665039;box-shadow:0 3px 5px #57432622;font-size:25px}
dialog:not(#detail) label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;margin:0;border-bottom:1px dashed #d9c6a5;font-size:16px}dialog:not(#detail) input[type=range]{width:45%;accent-color:#b68b4a}dialog:not(#detail) input[type=checkbox]{appearance:none;width:48px;height:28px;border-radius:30px;background:#d2c8b6;position:relative;flex:none;cursor:pointer}dialog:not(#detail) input[type=checkbox]:before{content:'';position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fffaf0;box-shadow:0 2px 3px #59442533;transition:transform .2s}dialog:not(#detail) input[type=checkbox]:checked{background:#bd965a}dialog:not(#detail) input[type=checkbox]:checked:before{transform:translateX(20px)}
dialog:not(#detail) .primary,dialog:not(#detail) .secondary{border:3px solid #c5a16c!important;border-radius:30px!important;background:#fff9eb!important;color:#4b4439!important;min-height:46px;box-shadow:inset 0 0 0 1px #f7e4bb,0 4px 6px #5b462622!important}dialog:not(#detail) .primary{background:#f0d49a!important}dialog:not(#detail) .muted{color:#8a785c;line-height:1.65;font-size:14px}dialog:not(#detail) input:not([type=range]):not([type=checkbox]),dialog:not(#detail) select{border:1px solid #c8ae83;border-radius:12px;background:#fffdf5;padding:12px;min-height:46px;color:#4c4539;max-width:100%}
#account label{display:grid;gap:8px}#account label input,#account label select{width:100%}#account .form-actions{display:flex;gap:12px;margin:22px 0}#account .form-actions button{flex:1}#music .tracks{display:grid;gap:10px}#music .tracks button{border:1px solid #d4bd93;border-radius:12px;background:#fff9ec;color:#765c37;padding:14px;text-align:left}#music .tracks button.active{background:#f1dcad;border-color:#ad864e}#catalog-search{width:100%;margin-bottom:16px}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7a9dac!important;outline-offset:3px}
@media(max-width:600px){.site-header{padding:14px 14px!important;align-items:flex-start!important}.site-header .brand strong{font-size:23px!important}.site-header .brand small{font-size:9px!important;letter-spacing:3px!important}.site-header .brandmark{font-size:36px!important}.site-header nav{gap:5px!important;flex-wrap:wrap;justify-content:flex-end;max-width:160px}.site-header nav button{width:42px!important;height:42px!important;min-width:42px!important;font-size:11px!important}.site-header nav button svg{width:19px;height:19px}.site-header #lang-label{font-size:10px}dialog:not(#detail){padding:25px 20px!important;border-width:4px!important;border-radius:19px!important;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}dialog:not(#detail) h2{font-size:27px;padding-right:24px}dialog:not(#detail) label{font-size:14px;gap:12px;padding:14px 0}.webgl-ready .book-dock{max-width:94vw}.webgl-ready .book-dock button{flex-basis:154px}.webgl-ready .library-bottom{gap:10px!important}}
@media(prefers-reduced-motion:reduce){.site-header nav button,dialog:not(#detail) input[type=checkbox]:before{transition:none}}

/* V22: no enclosing backing behind individual book cards. */
.webgl-ready .book-dock,.webgl-ready.night .book-dock{background:transparent!important;border:0!important;box-shadow:none!important}.webgl-ready .book-dock button{box-shadow:0 4px 9px #30201418!important}.webgl-ready .book-dock small{display:none}.webgl-ready .book-dock button{min-height:88px}