:root{--field:#edf0d8;--surface:rgba(248,249,231,.72);--surface-strong:rgba(248,249,231,.88);--glass:rgba(231,237,198,.58);--ink:#15180e;--muted:#606653;--line:#414832;--acid:#9fc500;--rust:#a64d2e;--dot:#15180e20;--shadow:#15180e;--head:#15180e;--head-text:#edf0d8;--image-bg:#b7bba3;--photo-bg:#cbd0b5;--fallback:#d8dcc3;--dotted:#898e77;--underline:#888e76;--control:rgba(21,24,14,.94);--control-text:#edf0d8;--control-muted:#abb099;--note:#d9ddc5;--disabled:#747966;--scroll-line:#737a61;--scroll-track:#f2f3df;--ui:"MS UI Gothic","MS Gothic","Arial Narrow",sans-serif}
html[data-theme="dark"]{--field:#0e1209;--surface:rgba(29,36,21,.88);--surface-strong:rgba(25,31,18,.94);--glass:rgba(13,18,9,.76);--ink:#e8edd2;--muted:#a7ad91;--line:#b8bf9d;--acid:#a8ce18;--rust:#c5714e;--dot:#d9e6a014;--shadow:#030401;--head:#070905;--head-text:#e8edd2;--image-bg:#10150b;--photo-bg:#11170d;--fallback:#171e11;--dotted:#687052;--underline:#7d8664;--control:rgba(7,9,5,.97);--control-text:#e8edd2;--control-muted:#a7ad91;--note:#dfe5c9;--disabled:#687052;--scroll-line:#434a35;--scroll-track:#0b0f07}
*{box-sizing:border-box}
html{background:var(--field);color:var(--ink);font-family:var(--ui);transition:background-color .45s ease,color .45s ease}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px;background-color:var(--field);background-image:radial-gradient(var(--dot) .55px,transparent .8px);background-size:4px 4px;transition:background-color .45s ease,color .45s ease}
button,input{font:inherit;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:2px}[hidden]{display:none!important}
.cabinet{position:relative;width:min(1120px,95vw);height:min(700px,90vh);min-height:610px;padding:58px 15px 15px;display:grid;grid-template-columns:164px minmax(430px,1fr) 218px;grid-template-rows:minmax(380px,1fr) 166px;gap:5px;background:var(--glass);border:1px solid var(--ink);box-shadow:7px 8px 0 var(--shadow);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:background-color .45s ease,border-color .45s ease,box-shadow .45s ease}
.masthead{position:absolute;left:15px;right:15px;top:10px;height:42px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--ink)}
.masthead h1{margin:0;font:italic 700 37px/.9 Georgia,"Times New Roman",serif;letter-spacing:-.08em}.masthead h1 span{color:var(--acid)}.masthead p{margin:0 0 5px;color:var(--muted);font:14px var(--ui);letter-spacing:.06em}
.cell{position:relative;min-width:0;border:1px solid var(--ink);background:var(--surface);overflow:hidden;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:background-color .45s ease,border-color .45s ease,color .45s ease}.cell-title{height:28px;padding:5px 9px;background:var(--head);color:var(--head-text);font:15px/1.2 var(--ui);letter-spacing:.06em;transition:background-color .45s ease,color .45s ease}
.index-cell{grid-column:1;grid-row:1}.index-nav{padding:15px 11px;display:grid;gap:8px}.index-button,.entry-list button,.play-button,.photo-buttons button{border:0;background:transparent;padding:2px;text-align:left;cursor:pointer}.index-button{width:max-content;font:18px/1.35 var(--ui);text-decoration:underline;text-decoration-color:#7f856f;text-underline-offset:3px;letter-spacing:.04em}.index-button:before{content:"· ";color:#747a64}.index-button.is-current:before{content:"◆ ";color:var(--acid)}.index-note{position:absolute;left:11px;right:11px;bottom:10px;margin:0;color:var(--muted);font:12px/1.45 var(--ui);overflow-wrap:anywhere}
.specimen-cell{grid-column:2;grid-row:1/3;margin:0;background:var(--surface-strong)}.specimen-image{position:absolute;inset:28px 0 40px;background:var(--image-bg);overflow:hidden;touch-action:pan-y;transition:background-color .45s ease}.specimen-image img{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(.38) sepia(.1) hue-rotate(27deg) saturate(.92) contrast(1.14);transition:filter .45s ease,background-color .45s ease}.cabinet[data-section="mp3"] .specimen-image img{filter:grayscale(.7) sepia(.18) hue-rotate(35deg) saturate(.75) contrast(1.28);object-position:center}.cabinet[data-section="photos"] .specimen-image img{filter:none;object-fit:contain;background:var(--photo-bg)}html[data-theme="dark"] .specimen-image img{filter:grayscale(.48) sepia(.2) hue-rotate(34deg) saturate(.8) contrast(1.3) brightness(.72)}html[data-theme="dark"] .cabinet[data-section="mp3"] .specimen-image img{filter:grayscale(.72) sepia(.22) hue-rotate(38deg) saturate(.68) contrast(1.38) brightness(.64)}html[data-theme="dark"] .cabinet[data-section="photos"] .specimen-image img{filter:brightness(.7) contrast(1.16) saturate(.86)}.image-fallback{position:absolute;inset:0;display:grid;place-content:center;gap:8px;padding:24px;background:var(--fallback);color:var(--ink);text-align:center;font:16px/1.4 var(--ui)}.image-fallback small{max-width:340px;color:var(--rust);overflow-wrap:anywhere}.specimen-cell figcaption{position:absolute;left:0;right:0;bottom:0;height:40px;padding:10px;font:14px var(--ui);background:var(--surface-strong);letter-spacing:.04em}.specimen-cell figcaption span:last-child{float:right;color:var(--muted)}
.text-cell{grid-column:3;grid-row:1}.text-copy{height:calc(100% - 28px);overflow:auto;padding:14px 12px;color:var(--ink);font:15px/1.58 var(--ui);white-space:pre-wrap;overflow-wrap:anywhere}.text-copy p{margin:0 0 1em}.text-copy p:last-child{margin-bottom:0}.text-copy .empty-copy{color:var(--muted)}
.list-cell{grid-column:1;grid-row:2}.entry-list{list-style:none;margin:0;padding:8px 9px;font:14px/1.6 var(--ui);letter-spacing:.02em;overflow:auto;max-height:calc(100% - 28px)}.entry-list li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:2px;align-items:start;border-bottom:1px dotted var(--dotted)}.entry-list .entry-number{padding-top:3px;color:var(--muted);font-size:12px}.entry-list a,.entry-list button{min-width:0;padding:3px 1px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--underline);text-underline-offset:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-list button.is-current,.entry-list a:hover,.entry-list button:hover{color:var(--rust);text-decoration-color:var(--acid)}.entry-list .empty-entry{display:block;padding:4px 0;color:var(--muted);border:0}
.controls-cell{grid-column:3;grid-row:2;background:var(--control);color:var(--control-text)}.controls-cell .cell-title{border-bottom:1px solid var(--dotted)}.section-controls{height:calc(100% - 28px);padding:12px}.home-note{display:flex;align-items:flex-start;overflow:auto;padding-right:42px;padding-bottom:38px}.home-note p{margin:0;color:var(--note);font:14px/1.55 var(--ui);white-space:pre-wrap}.valve-button{position:absolute;right:18px;bottom:5px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;background:transparent;color:var(--acid);font:28px/1 var(--ui);cursor:pointer;transform:rotate(0deg);transform-origin:center;transition:transform .26s ease,color .45s ease}.valve-button:hover{color:var(--rust)}html[data-theme="dark"] .valve-button{transform:rotate(180deg)}.now-playing{margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--control-text);font:13px var(--ui)}.transport{display:flex;align-items:center;gap:8px}.play-button{flex:0 0 24px;color:var(--acid);font-size:20px;text-align:center}.play-button:disabled{color:var(--disabled);cursor:default}.track-progress{width:100%;height:3px;accent-color:var(--acid);cursor:pointer}.track-progress:disabled{cursor:default;opacity:.45}.audio-meta{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:var(--control-muted);font:11px var(--ui)}.audio-meta label{display:flex;align-items:center;gap:4px}.audio-meta input{width:52px;accent-color:var(--acid)}.audio-error{margin:7px 0 0;color:#d58a70;font:11px/1.25 var(--ui)}.photo-controls{display:grid;align-content:space-between}.photo-counter{color:var(--note);font:18px var(--ui)}.photo-buttons{display:flex;justify-content:space-between;gap:8px}.photo-buttons button{color:var(--acid);text-decoration:underline;text-underline-offset:3px}.photo-buttons button:disabled{color:var(--disabled);text-decoration:none;cursor:default}
.text-copy::-webkit-scrollbar,.home-note::-webkit-scrollbar,.entry-list::-webkit-scrollbar{width:13px}
.text-copy::-webkit-scrollbar-track,.home-note::-webkit-scrollbar-track,.entry-list::-webkit-scrollbar-track{background:linear-gradient(var(--scroll-line),var(--scroll-line)) center/1px 100% no-repeat transparent;border-left:1px solid color-mix(in srgb,var(--scroll-line),transparent 50%)}
.text-copy::-webkit-scrollbar-thumb,.home-note::-webkit-scrollbar-thumb,.entry-list::-webkit-scrollbar-thumb{min-height:42px;border:0;background:radial-gradient(circle at 50% 18%,var(--acid) 0 3px,transparent 3.5px),radial-gradient(circle at 50% 50%,var(--acid) 0 3px,transparent 3.5px),radial-gradient(circle at 50% 82%,var(--acid) 0 3px,transparent 3.5px),linear-gradient(var(--acid),var(--acid)) center/1px 68% no-repeat}
.text-copy::-webkit-scrollbar-thumb:hover,.text-copy::-webkit-scrollbar-thumb:active,.home-note::-webkit-scrollbar-thumb:hover,.home-note::-webkit-scrollbar-thumb:active,.entry-list::-webkit-scrollbar-thumb:hover,.entry-list::-webkit-scrollbar-thumb:active{background:radial-gradient(circle at 50% 18%,var(--rust) 0 3px,transparent 3.5px),radial-gradient(circle at 50% 50%,var(--rust) 0 3px,transparent 3.5px),radial-gradient(circle at 50% 82%,var(--rust) 0 3px,transparent 3.5px),linear-gradient(var(--rust),var(--rust)) center/1px 68% no-repeat}
.text-copy::-webkit-scrollbar-button,.home-note::-webkit-scrollbar-button,.entry-list::-webkit-scrollbar-button{display:none;width:0;height:0}
@supports not selector(::-webkit-scrollbar){.text-copy,.home-note,.entry-list{scrollbar-width:thin;scrollbar-color:var(--acid) var(--scroll-track)}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:780px){body{display:block;padding:12px;min-height:100vh}.cabinet{width:100%;height:auto;min-height:0;padding:56px 9px 9px;grid-template-columns:124px minmax(0,1fr);grid-template-rows:330px 145px 185px 148px;box-shadow:4px 5px 0 var(--ink)}.masthead{left:9px;right:9px}.masthead p{font-size:11px}.index-cell{grid-column:1;grid-row:1}.specimen-cell{grid-column:2;grid-row:1/3}.text-cell{grid-column:1/3;grid-row:3}.list-cell{grid-column:1;grid-row:2}.controls-cell{grid-column:1/3;grid-row:4}.index-button{font-size:15px}.index-note{font-size:10px}.text-copy{font-size:14px}}
@media(max-width:460px){body{padding:7px}.cabinet{grid-template-columns:104px minmax(0,1fr);grid-template-rows:300px 140px 185px 148px;padding-inline:7px}.masthead{left:7px;right:7px}.masthead h1{font-size:29px}.masthead p{display:none}.cell-title{font-size:12px}.specimen-cell figcaption{font-size:10px}.specimen-cell figcaption span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}