#dnhScroll{width:min(1040px,94vw);max-height:88vh;overflow:auto}#dnhScroll .dnhScrollFrame{border-left:16px solid #88684e;border-right:16px solid #88684e;background:radial-gradient(ellipse at 30% 18%,#fff8e8,#ecdfc5 82%);padding:28px 38px}#dnhScroll .dnhItems{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;min-height:210px;overflow:visible}#dnhScroll .dnhCard{flex:0 1 230px;background:transparent;border:0;box-shadow:none;cursor:pointer;position:relative;gap:9px;padding:10px 8px}#dnhScroll .dnhCard:hover{transform:translateY(-3px)}#dnhScroll .dnhCard img{width:195px;height:175px;object-fit:contain;filter:drop-shadow(1px 7px 6px #59442b36)}#dnhScroll .dnhCard strong{font-size:22px}#dnhScroll .dnhCard small{font-size:14px}#dnhScroll .dnhCard button{background:transparent;border:0;border-bottom:1px solid #ab8e6c;padding:4px 12px;border-radius:0}#collectedViewer{width:min(790px,92vw);max-height:84vh;border:0;border-left:16px solid #9b7b5a;border-right:16px solid #9b7b5a;border-radius:3px;background:radial-gradient(ellipse at 30% 10%,#fff8e9,#ecdec2);padding:34px 40px;overflow:auto}#collectedViewer #closeCollectedViewer{float:none;position:sticky;top:0;left:100%;display:block;width:max-content;margin-left:auto;border:1px solid #a58c6b;border-radius:24px;padding:5px 16px;background:#f6ecd9;color:#754b3e;font:17px KaiTi,serif;cursor:pointer}#collectedViewer img{max-height:53vh}
.dnhOverlay{z-index:86000;border:0;padding:0;background:transparent;color:#4d4237;width:min(760px,92vw);max-height:88vh;overflow:auto;font:18px/1.7 KaiTi,STKaiti,serif}.dnhOverlay::backdrop{background:#111b17b9;backdrop-filter:blur(3px)}.dnhPanel{position:relative;min-height:360px;padding:32px clamp(22px,5vw,55px) 38px;border-left:14px solid #987959;border-right:14px solid #987959;background:radial-gradient(ellipse at 15% 15%,#fff9e9,#f0e4cd 75%,#e9d7b9);box-shadow:inset 0 0 30px #b7a07a55,0 18px 55px #0008}.dnhPanel:before,.dnhPanel:after{content:'';position:absolute;top:0;bottom:0;width:1px;background:#bea47c}.dnhPanel:before{left:8px}.dnhPanel:after{right:8px}.dnhPanel header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #c4af90;padding-bottom:13px;margin-bottom:18px}.dnhPanel h2{font:30px KaiTi,serif;letter-spacing:.16em;color:#854b40;margin:0}.dnhPanel header small{color:#9a8062;font-size:13px}.dnhPanel button{cursor:pointer;font:17px KaiTi,serif;color:#6e5140}.dnhPanel .dnhExit{border:1px solid #b59c7b;background:#f6ead5;padding:7px 14px;white-space:nowrap;border-radius:20px}.dnhSoundRow{display:grid;grid-template-columns:105px 1fr 76px;align-items:center;gap:14px;padding:17px 2px;border-bottom:1px solid #cbb99e}.dnhSoundRow input[type=range]{width:100%;accent-color:#9d6653;cursor:pointer;touch-action:auto}.dnhSoundRow button,.dnhTabs button{background:#f4e8d1;border:1px solid #b6a184;border-radius:20px;padding:7px 12px}.dnhSoundRow button[aria-pressed=false]{opacity:.65}.dnhTabs{display:flex;gap:12px;margin:18px 0}.dnhTabs button[aria-selected=true]{background:#865547;color:#fff3de}.dnhPage{line-height:2;max-height:50vh;overflow:auto}.dnhPage[hidden]{display:none}.dnhPage label{display:flex;gap:12px;align-items:center;margin:12px 0}.dnhPage input{accent-color:#915744}.dnhPanel button:focus-visible,.dnhCard:focus-visible{outline:3px solid #a95e4a;outline-offset:3px}@media(max-width:600px){.dnhSoundRow{grid-template-columns:70px 1fr 60px;gap:7px}.dnhPanel{padding:20px 17px;border-left-width:9px;border-right-width:9px}.dnhPanel h2{font-size:24px}#dnhScroll .dnhScrollFrame{padding:17px 15px}}