:root{--papier:#f7f3ec;--karte:#fffdf9;--linie:#e3dcd0;--tinte:#1f1b16;--tinte-leise:#6b6257;--petrol:#0f6e70;--petrol-flaeche:#e1eeee;--gueltig:#3e7a33;--gueltig-flaeche:#e6f0de;--gueltig-linie:#c6dab6;--warnung:#b4762a;--fehler:#a64438;--radius-control:6px;--radius-card:8px;--ease:cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box}html{background:var(--papier);color:var(--tinte);font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.6}body{margin:0}a{color:var(--petrol);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible+label{outline:3px solid var(--petrol);outline-offset:3px}.site-header,.site-footer{width:min(100% - 32px,780px);margin:0 auto}.site-header{border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;min-height:76px;display:flex}.brand{color:var(--tinte);align-items:center;gap:12px;font-family:"Source Serif 4",Georgia,serif;font-size:1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.brand em{color:var(--tinte-leise);font-style:normal}main{width:min(100% - 32px,780px);margin:0 auto;padding:32px 0 52px}h1{letter-spacing:-.02em;text-wrap:balance;max-width:16ch;margin:12px 0 16px;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(2rem,8vw,3.25rem);line-height:1.08}h2,h3{letter-spacing:-.02em;font-family:"Source Serif 4",Georgia,serif}h2{margin:0 0 16px;font-size:clamp(1.5rem,5vw,2rem);line-height:1.2}h3{margin:32px 0 12px;font-size:1.25rem}p{max-width:60ch;color:var(--tinte-leise);font-size:1.0625rem;line-height:1.6}.eyebrow,.result__label{color:var(--petrol);letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem}.hero{margin-bottom:32px}.upload-card,.result{border:1px solid var(--linie);border-radius:var(--radius-card);background:var(--karte);padding:24px;box-shadow:0 1px 2px #1f1b160d}.dropzone{border:1px dashed var(--petrol);border-radius:var(--radius-control);background:var(--papier);text-align:center;min-height:176px;transition:background-color .25s var(--ease), box-shadow .25s var(--ease);place-items:center;display:grid;position:relative}.dropzone--active{background:var(--petrol-flaeche);box-shadow:0 0 0 3px var(--petrol-flaeche)}.dropzone input{opacity:0;width:1px;height:1px;position:absolute}.dropzone label{cursor:pointer;place-content:center;gap:4px;width:100%;min-height:176px;display:grid}.dropzone label span{color:var(--petrol);text-underline-offset:.2em;font-weight:500;text-decoration:underline}.dropzone small,.privacy-note,.selected-file,.form-message,.issue__meta,.issue__raw{font-size:.875rem}.selected-file{overflow-wrap:anywhere}.form-message{color:var(--fehler)}button{border:1px solid var(--tinte);border-radius:var(--radius-control);background:var(--tinte);width:100%;min-height:48px;color:var(--karte);cursor:pointer;font:inherit;transition:background-color .25s var(--ease), opacity .25s var(--ease);margin-top:16px;font-weight:500}button:hover:not(:disabled){background:#352f28}button:disabled{cursor:not-allowed;opacity:.5}.privacy-note{margin:16px 0 0}.result{--status:var(--tinte);border-color:var(--status);margin-top:24px}.result--valid{--status:var(--gueltig);border-color:var(--gueltig-linie);background:var(--gueltig-flaeche)}.result--warning{--status:var(--warnung)}.result--error{--status:var(--fehler)}.result__headline{align-items:flex-start;gap:12px;display:flex}.result__headline h2{margin-top:4px}.result__label{color:var(--status)}.status-dot{background:var(--status);border-radius:50%;flex:0 0 18px;width:18px;height:18px;margin-top:7px}.result__meta,.invoice-data{border:1px solid var(--linie);border-radius:var(--radius-control);background:var(--linie);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:24px 0 0;display:grid;overflow:hidden}.result__meta div,.invoice-data div{background:var(--karte);min-width:0;padding:12px}dt{color:var(--tinte-leise);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem}dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:2px 0 0}.issues{gap:8px;margin:0;padding:0;list-style:none;display:grid}.issues li{border:1px solid var(--linie);border-radius:var(--radius-control);background:var(--karte);padding:16px}.issue__heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.issue__heading code,.issue__meta{color:var(--tinte-leise);font-family:IBM Plex Mono,ui-monospace,monospace}.issue__heading code{white-space:nowrap;font-size:.75rem}.issue__raw,.issue__meta{margin:8px 0 0}.legal-page h1{margin-bottom:32px}.legal-page h2{margin-top:32px;font-size:1.5rem}.legal-placeholder{border:1px solid var(--warnung);border-radius:var(--radius-control);background:var(--karte);padding:16px}.site-footer{border-top:1px solid var(--linie);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 0 32px;display:flex}.site-footer p{margin:0;font-size:.875rem}.site-footer nav{gap:16px;display:flex}@media (max-width:560px){.upload-card,.result{padding:16px}.result__meta,.invoice-data{grid-template-columns:1fr}.issue__heading{gap:4px;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important}}