/* Readable ink and physical responses, shared by the visitor and admin pages. */
.metadata dt,.metadata dd,.file-label,.photo-ref,.record-row-detail,.record-serial,.record-index .save-note,.transcript summary .eyebrow,.shelf-heading>span,.punch-heading,.punch-foot,.card-code,.punch,.form-field>span,.admin-form .eyebrow,.admin-gate .eyebrow,.qr-source,.qr-footer,.qr-sheet .eyebrow,.empty-insert .eyebrow,.empty-insert p{color:#292519;font-weight:700}
.record-row.locked .record-row-title{color:#302b1d}
.record-row-title{font-size:16px;line-height:1.3;color:#211e16}
.record-row-detail{font:700 10px/1.3 var(--mono)}
.record-serial{font-size:20px}
.metadata dt{font-size:10px}.metadata dd{font-size:12px;line-height:1.5}
.diary-author{color:#242319;font-size:15px;line-height:1.4}
.file-label{font-size:11px}.photo-ref{font-size:9px}
.portrait figcaption{color:#211e16;font-size:13px;line-height:1.4}
.filters button{font-size:14px;color:#302919}.filters button.active{color:#211c13;border-bottom-color:#713619}
.filters button span{font:700 11px var(--mono);color:#302919}
.record-index .save-note{font-size:12px}
.machine-header,.machine-header>span:first-child,.machine-bottom,.placeholder-note,.timeline-caption,.volume-control label{color:#ead8af;font-weight:700}
.machine-header{font-size:11px;letter-spacing:.3px}.machine-status{font-size:9px;white-space:normal;text-align:right}
.machine-bottom{font-size:9px}.placeholder-note{font-size:12px}.timeline-caption{font-size:9px;line-height:1.4}.volume-control label{font-size:9px}.time-labels{font:700 13px var(--mono);color:#f1dfb2}
.punch-heading,.punch-foot,.card-code{font-size:10px;line-height:1.4;letter-spacing:0}.punch-heading{flex-wrap:wrap}.punch-foot{font-size:9px}
.form-field>span{font-size:14px}.form-field input,.form-field select{font:700 14px var(--mono);color:#241f16;background:#dfc69630;border-color:#645031}
.form-message{color:#203117;font-weight:700}.form-message.error{color:#641b0b}.address-note{color:#4d2b13;font-weight:700;font-size:12px}.qr-source{font-size:12px}.qr-footer{font-size:10px}.qr-sheet .eyebrow{font-size:10px}
.footer{font:700 11px/1.6 var(--mono);color:#d2bb8a}.footer>span:first-child{font-size:10px}.footer a{color:#e1c99a}


.instrument-strip{display:flex;align-items:center;gap:15px;margin:0 0 14px;padding:10px 13px;background:#151d14b3;border-top:2px solid #10170e;border-bottom:1px solid #8b805b66;box-shadow:inset 1px 1px 3px #070c07;overflow:hidden}
.instrument-strip>span{font:700 10px var(--mono);color:#d8c190;letter-spacing:1px;writing-mode:vertical-rl;transform:rotate(180deg)}
#signal-trace{height:44px;width:100%;min-width:0;flex:1;display:block}



.playing .meter-needle{animation:none}
.paper-fragments{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:40}
.portrait,.sea-photo,.heading-engraving{transform-origin:50% 0;cursor:grab}.portrait:active{cursor:grabbing}
.machine:after{display:block;content:'';position:absolute;inset:auto;left:var(--fleck-x,65%);width:45px;height:3px;bottom:4px;background:#c5a96a;opacity:0;pointer-events:none;z-index:1;mix-blend-mode:normal}
.machine.equipment-settles:after{animation:metal-glint 1.4s ease-out}
@keyframes metal-glint{0%,100%{opacity:0}45%{opacity:.55}}
.play-button,.rewind-button,.desk-button{transition:transform 80ms,box-shadow 80ms;touch-action:manipulation}
.rewind-button:active,.desk-button:active{transform:translateY(3px);box-shadow:inset 1px 2px 3px #15140899}
.punch.punched:hover .punch-hole{transform:translateY(-2px) rotate(-4deg)}
.punch.punched:active .punch-hole{transform:translateY(2px);box-shadow:inset 3px 4px 2px #100d08}
.record-row.unlocked:hover{background:#54372024}.record-row.unlocked:active{transform:translateY(1px);background:#54372040}
.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:800px){.metadata>div{grid-template-columns:65px 1fr}.machine-header{font-size:10px}.record-row-title{font-size:15px}.footer{flex-wrap:wrap}}
@media(max-width:480px){.record-deck{grid-template-columns:95px minmax(0,1fr)}.file-label{font-size:10px;flex-wrap:wrap}.file-stamp{font-size:10px!important}.metadata dt{font-size:10px}.metadata dd{font-size:12px}.diary-author{font-size:13px}.portrait figcaption{font-size:12px}.photo-ref{font-size:8px;bottom:6px}.portrait{padding-bottom:24px}.machine-header{font:700 9px/1.4 var(--mono);gap:12px}.machine-status{font-size:8px}.machine-header>span:first-child{max-width:58%}.machine-bottom{font-size:8px;gap:15px}.machine-bottom>span:first-child{max-width:75%}.timeline-caption{font-size:8px}.volume-control label{font-size:8px}.placeholder-note{font-size:11px}.punch-heading,.punch-foot,.card-code{font-size:9px}.record-index .save-note{font-size:12px}.footer{font-size:10px}.footer>span:first-child{font-size:9px}.instrument-strip{gap:10px;padding:9px}.instrument-strip>span{font-size:9px}.form-field>span{font-size:13px}.form-field input,.form-field select{font-size:13px}.qr-source{font-size:11px}}
@media(max-width:350px){.record-deck{grid-template-columns:80px minmax(0,1fr);gap:11px}.portrait figcaption{font-size:11px}.time-labels{font-size:12px}.machine-header{font-size:8px}.metadata dd{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.paper-fragments{display:none}}