/* Absender unbekannt – zurückhaltendes, einheitliches Erscheinungsbild */
:root {--paper:#fafaf9;--ink:#181818;--muted:#8b8b89;--rule:#dbdbd8;--red:#e94743;--mono:'SFMono-Regular','Consolas','Liberation Mono',monospace;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{height:100%;background:var(--paper)}
body{min-height:100%;margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap;border:0}
.page-shell{max-width:1680px;margin:0 auto;padding:0 clamp(25px,3.4vw,54px)}
.masthead{height:110px;display:flex;justify-content:space-between;align-items:flex-start;padding-top:35px;position:relative;z-index:10}
.wordmark{font:800 12px/.91 var(--mono);letter-spacing:.145em;display:inline-block}
.topnav{display:flex;align-items:center;gap:clamp(18px,2.4vw,42px);font:10px/1.3 var(--mono);letter-spacing:.065em;color:#545454;padding-top:2px}
.topnav a:hover,.topnav a[aria-current=page],.mobile-nav nav a:hover,.mobile-nav nav a[aria-current=page]{color:var(--red)}
.mobile-nav{display:none}
.recorder-page{min-height:calc(100svh - 110px);display:flex;justify-content:center;align-items:center;padding:10px 0 13vh}
.recorder{width:100%;max-width:760px;display:flex;align-items:center;flex-direction:column;text-align:center}
.recorder-top{margin:0 auto 31px;max-width:620px;width:100%}
.recorder-top h1{font:400 clamp(24px,2.8vw,38px)/1.45 var(--mono);letter-spacing:.048em;max-width:560px;text-wrap:balance;margin:0 auto}
.shuffle-question{margin-top:10px;border:0;background:none;color:#aaa;font:10px/1.3 var(--mono);padding:6px 10px;cursor:pointer;letter-spacing:.04em}
.shuffle-question:hover{color:var(--ink)}
.recorder-controls{display:flex;align-items:center;flex-direction:column}
.record-button{width:116px;height:116px;border:0;border-radius:50%;display:grid;place-items:center;background:#f0f0ef;cursor:pointer;transition:transform .18s ease,background .18s ease}
.record-button:hover{transform:scale(1.04);background:#e8e8e7}.record-button:active{transform:scale(.97)}
.record-glyph{display:block;width:74px;height:74px;border-radius:50%;background:var(--red);transition:all .18s ease}
.record-button.recording{animation:pulse 1.5s infinite}.record-button.recording .record-glyph{width:48px;height:48px;border-radius:7px}
@keyframes pulse{50%{box-shadow:0 0 0 13px rgba(233,71,67,.075)}}
.record-clock{font:12px/1.3 var(--mono);color:#272727;letter-spacing:.12em;margin-top:16px;font-variant-numeric:tabular-nums}
.audio-bars{width:230px;height:33px;margin:9px 0 17px;display:flex;align-items:center;justify-content:space-between;gap:2px;opacity:.48}
.audio-bars span{background:#a5a5a2;width:2px;height:var(--h,4px);display:block;border-radius:1px}
.audio-bars span:nth-child(4n+1){--h:6px}.audio-bars span:nth-child(5n+2){--h:12px}.audio-bars span:nth-child(7n+3){--h:19px}.audio-bars span:nth-child(3n+2){--h:9px}
.recording~.record-clock{color:var(--red)}.record-button.recording~.audio-bars span{animation:move .7s ease-in-out infinite alternate}.record-button.recording~.audio-bars span:nth-child(odd){animation-delay:.28s}
@keyframes move{to{transform:scaleY(.3)}}
.record-control-text{font:11px/1.4 var(--mono);letter-spacing:.045em;color:#888}
.record-note{font:11px/1.5 var(--mono);max-width:420px;color:#8c8c89;margin:10px auto 0;min-height:1em}
.take-panel,.receipt-panel{width:min(470px,100%);padding:24px;margin:30px 0 0;background:white;border:1px solid var(--rule);text-align:left}
.take-header{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.065em;margin-bottom:14px}
.take-panel audio{width:100%;height:45px}
.text-link{border:0;background:transparent;padding:7px 0;font:11px var(--mono);cursor:pointer;color:var(--ink)}.text-link:hover{color:var(--red)}
.discard-link{display:block;margin:9px 0 18px}.consent-block{border-top:1px solid var(--rule);padding-top:18px}
.consent-label{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.6;cursor:pointer}.consent-label input{margin:3px 0 0;width:17px;height:17px;flex:none;accent-color:var(--red)}
.consent-label a{text-decoration:underline;text-underline-offset:3px}.consent-small{color:#777;font-size:11px;line-height:1.5;margin:12px 0}
.send-button{width:100%;padding:16px;border:0;background:#191919;color:white;display:flex;justify-content:space-between;cursor:pointer;font:11px var(--mono);margin-top:17px}
.send-button:disabled{opacity:.29;cursor:not-allowed}.send-button:not(:disabled):hover{background:var(--red)}
.submission-note{color:#777;font:11px/1.5 var(--mono);margin:13px 0 0}.receipt-panel h2{font:400 22px var(--mono);margin:15px 0}.receipt-panel p{font-size:13px;line-height:1.6}
.receipt-code{border:1px solid var(--rule);padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0}.receipt-code code{font-size:10px;overflow-wrap:anywhere}
.inner-page{max-width:940px;margin:0 auto;padding:clamp(35px,8vh,95px) 0 120px;min-height:calc(100svh - 110px)}
.inner-narrow{max-width:870px}.eyebrow{font:10px/1.3 var(--mono);color:#777;letter-spacing:.13em;margin-bottom:34px}
.page-title{font-size:clamp(66px,10vw,132px);line-height:.99;letter-spacing:-.075em;font-weight:500;margin:0 0 32px}
.page-intro{font-size:clamp(17px,2vw,25px);line-height:1.55;max-width:670px;letter-spacing:-.026em;margin:0 0 65px}
.page-divider{height:1px;background:var(--ink);margin-bottom:24px}
.empty-state{font:13px/1.9 var(--mono);color:#8c8c89;letter-spacing:.02em;margin:0;padding:8px 0}
.track,.post{border-bottom:1px solid var(--rule);padding:29px 0 36px}
.track-meta,.post-date{font:11px var(--mono);color:#888;letter-spacing:.045em}.track-name{font-size:30px;font-weight:500;letter-spacing:-.055em;margin:14px 0 20px}.track audio{display:block;width:100%;max-width:520px}
.post-title{font:500 clamp(26px,3vw,41px)/1.2 var(--sans);letter-spacing:-.05em;margin:16px 0 17px}.post-body p{font:17px/1.75 var(--sans);max-width:640px;margin:0 0 18px;white-space:pre-wrap}
.prose{max-width:680px}.prose p{font-size:19px;line-height:1.73;letter-spacing:-.018em;margin:0 0 26px}.prose a{text-decoration:underline;text-underline-offset:4px}.prose h2{font:500 27px/1.3 var(--sans);letter-spacing:-.05em;margin:38px 0 14px}.privacy-prose p{font-size:16px;line-height:1.7;letter-spacing:0}
.legal-draft{font:11px/1.7 var(--mono)!important;color:#7b7b7b;margin-top:55px!important}.contact-line{overflow-wrap:anywhere}
@media(max-width:760px){
 .page-shell{padding:0 24px}.masthead{height:94px;padding-top:27px}.wordmark{font-size:11px}.topnav{display:none}
 .mobile-nav{display:block;position:relative;margin-top:-2px}.mobile-nav summary{list-style:none;cursor:pointer;font:11px var(--mono);letter-spacing:.07em;padding:4px 0;display:flex;gap:12px}.mobile-nav summary::-webkit-details-marker{display:none}
 .mobile-nav[open] summary span{transform:rotate(45deg)}.mobile-nav nav{position:absolute;right:0;top:33px;background:white;border:1px solid var(--rule);padding:20px 23px;min-width:194px;box-shadow:0 12px 40px rgba(0,0,0,.045);display:flex;flex-direction:column;align-items:flex-start;gap:17px;font:12px var(--mono);z-index:50}
 .recorder-page{min-height:calc(100svh - 94px);padding:5px 0 15vh}.recorder-top{margin-bottom:28px}.recorder-top h1{font-size:clamp(22px,5.5vw,30px);line-height:1.5;letter-spacing:.01em}
 .record-button{width:110px;height:110px}.record-glyph{width:72px;height:72px}.audio-bars{width:204px}
 .inner-page{padding:35px 0 90px;min-height:calc(100svh - 94px)}.eyebrow{margin-bottom:28px}.page-title{font-size:clamp(63px,14.5vw,100px)}.page-intro{font-size:19px;margin-bottom:48px}.prose p{font-size:17px}.privacy-prose p{font-size:15px}
}
@media(max-width:375px){.page-shell{padding:0 17px}.recorder-top h1{font-size:21px}.recorder-page{padding-bottom:11vh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}