.correction-spine{position:fixed;z-index:1100;right:0;top:52%;min-width:52px;min-height:252px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 12px;border:1px solid #e7dfcf;border-right:0;border-radius:0;background:#a92d25;color:#f4eddf;box-shadow:-8px 12px 0 rgba(23,21,17,.28),inset 8px 0 0 #80241f;font-family:var(--font-mono),monospace;text-transform:uppercase;transform:translateY(-50%);touch-action:manipulation}.correction-spine::before,.correction-spine::after{content:"";position:absolute;left:8px;width:12px;height:2px;background:#f0d83b;box-shadow:0 4px 0 #171511;pointer-events:none}.correction-spine::before{top:13px}.correction-spine::after{bottom:13px}.correction-spine__index,.correction-spine__label{writing-mode:vertical-rl;transform:rotate(180deg)}.correction-spine__index{color:#f0d83b;font-size:9px;letter-spacing:.12em}.correction-spine__label{font-family:var(--font-display),sans-serif;font-size:13px;letter-spacing:.035em}.correction-spine:focus-visible{outline:3px solid #f0d83b;outline-offset:4px}
.correction-drawer{width:min(590px,calc(100vw - 64px));max-width:none;height:100dvh;max-height:none;margin:0 0 0 auto;padding:0;border:0;border-left:8px solid #a92d25;border-radius:0;background:#e7dfcf;color:#171511;overflow:visible;opacity:0;transform:translateX(100%);overscroll-behavior:contain}.correction-drawer[open]{display:block}.correction-drawer.is-visible{opacity:1;transform:translateX(0)}.correction-drawer::backdrop{background:rgba(10,9,8,.76);backdrop-filter:blur(4px)}.correction-drawer__sheet{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#a92d25 #e7dfcf}.correction-drawer__header{position:relative;padding:34px 76px 30px 34px;border-bottom:1px solid rgba(23,21,17,.36);background:#f4eddf}.correction-drawer__header::after{content:"";position:absolute;right:0;bottom:-7px;left:0;height:7px;background:repeating-linear-gradient(90deg,#171511 0 24px,#f0d83b 24px 48px)}.correction-drawer__header>div>p:first-child{margin:0 0 16px;color:#a92d25;font:700 10px var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase}.correction-drawer__header h2{max-width:11ch;margin:0 0 16px;font:clamp(2.25rem,4.5vw,4rem)/.9 var(--font-display),sans-serif;letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance}.correction-drawer__header h2:focus{outline:0}.correction-drawer__header>div>p:last-child{max-width:52ch;margin:0;color:#5d574e;font-size:16px;line-height:1.55}.correction-drawer__close{position:absolute;top:22px;right:20px;width:48px;height:48px;display:grid;place-items:center;padding:0;border:1px solid rgba(23,21,17,.45);border-radius:50%;background:transparent;color:#171511}.correction-drawer__close svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.correction-drawer__close:focus-visible{outline:3px solid #a92d25;outline-offset:3px}
.correction-form{display:grid;gap:25px;padding:40px 34px max(44px,env(safe-area-inset-bottom))}.correction-field{display:grid;gap:9px}.correction-field>label,.correction-files legend{font:700 12px var(--font-mono),monospace;letter-spacing:.045em;text-transform:uppercase}.correction-field input,.correction-field textarea{width:100%;border:1px solid rgba(23,21,17,.52);border-radius:0;background:#f4eddf;color:#171511;padding:14px 15px;font:16px/1.5 var(--font-body),sans-serif}.correction-field textarea{min-height:176px;resize:vertical}.correction-field input::placeholder,.correction-field textarea::placeholder{color:#777064;opacity:1}.correction-field input:hover,.correction-field textarea:hover{border-color:#171511}.correction-field input:focus,.correction-field textarea:focus{outline:3px solid #a92d25;outline-offset:2px}.correction-field [aria-invalid=true]{border-color:#a92d25;background:#fff4ee}.correction-hint,.correction-error,.correction-form__privacy,.correction-form__status{margin:0;font-size:12px;line-height:1.45}.correction-hint,.correction-form__privacy{color:#696257}.correction-error{color:#8d1712;font-weight:700}.correction-error:empty{display:none}.correction-files{min-width:0;margin:0;padding:0;border:0}.correction-files legend{margin-bottom:9px}.correction-dropzone{min-height:142px;position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:17px;padding:24px;border:1px dashed rgba(23,21,17,.62);background:rgba(244,237,223,.55);cursor:pointer}.correction-dropzone input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.correction-dropzone__mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid #171511;border-radius:50%;font-size:27px;line-height:1}.correction-dropzone span:last-child{display:grid;gap:4px}.correction-dropzone strong{font-size:16px}.correction-dropzone small{color:#696257}.correction-dropzone.is-dragging{border-style:solid;border-color:#a92d25;background:#f0d83b}.correction-dropzone:has(input:focus-visible){outline:3px solid #a92d25;outline-offset:2px}.correction-files>.correction-hint{margin-top:8px}.correction-file-list{display:grid;gap:7px;list-style:none;margin:11px 0 0;padding:0}.correction-file-list li{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:9px 11px;border-left:4px solid #a92d25;background:#f4eddf}.correction-file-list li span{min-width:0;display:grid;gap:2px}.correction-file-list li strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.correction-file-list li small{color:#696257;font:10px var(--font-mono),monospace}.correction-file-list button{width:40px;height:40px;border:0;background:transparent;color:#8d1712;font-size:20px}.correction-captcha-block{display:grid;gap:8px}.correction-captcha{height:100px;min-height:100px;overflow:hidden}.correction-captcha--setup{display:flex;align-items:center;height:auto;min-height:100px;padding:18px;border:1px solid #a92d25;background:#f4eddf;color:#5b201c;font-size:13px;line-height:1.5}.correction-consent{min-height:44px;display:flex;align-items:flex-start;gap:12px;color:#4e4941;font-size:13px;line-height:1.45;cursor:pointer}.correction-consent input{width:21px;height:21px;flex:0 0 auto;margin:1px 0 0;accent-color:#a92d25}.correction-consent:has(input:focus-visible){outline:3px solid #a92d25;outline-offset:4px}.correction-consent a{color:#171511}.correction-form__status{min-height:18px;color:#8d1712;font-weight:700}.correction-submit{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 18px;border:1px solid #171511;border-radius:0;background:#171511;color:#f4eddf;font-weight:700}.correction-submit svg{width:28px;fill:none;stroke:#f0d83b;stroke-width:2}.correction-submit:disabled{cursor:not-allowed;opacity:.56}.correction-submit:focus-visible{outline:3px solid #a92d25;outline-offset:3px}.correction-form__privacy{padding-top:12px;border-top:1px solid rgba(23,21,17,.26)}.correction-honeypot{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.correction-success{min-height:calc(100dvh - 280px);display:grid;align-content:center;justify-items:start;gap:15px;padding:46px 34px}.correction-success>span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#f0d83b;font-size:27px}.correction-success h3{max-width:9ch;margin:0;font:clamp(2.4rem,5vw,4rem)/.92 var(--font-display),sans-serif;text-transform:uppercase}.correction-success h3:focus{outline:0}.correction-success p{max-width:40ch;margin:0;color:#5d574e;font-size:17px;line-height:1.55}.correction-success button{min-height:48px;margin-top:8px;padding:11px 16px;border:1px solid #171511;border-radius:0;background:transparent;color:#171511;font-weight:700}.correction-success[hidden]{display:none}
@media(hover:hover){.correction-spine:hover{background:#c4382e}.correction-drawer__close:hover,.correction-file-list button:hover{background:#171511;color:#f0d83b}.correction-dropzone:hover{border-style:solid;border-color:#a92d25}.correction-submit:not(:disabled):hover{background:#a92d25}.correction-success button:hover{background:#171511;color:#f4eddf}}
@media(prefers-reduced-motion:no-preference){.correction-spine{transition:background-color 180ms ease,box-shadow 180ms ease}.correction-drawer{transition:transform 260ms cubic-bezier(.16,1,.3,1),opacity 180ms ease}.correction-drawer::backdrop{animation:correction-backdrop-in 180ms ease both}.correction-submit svg{transition:transform 220ms cubic-bezier(.16,1,.3,1)}.correction-submit:not(:disabled):hover svg{transform:translateX(4px)}}
@keyframes correction-backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:620px){.correction-spine{top:auto;right:0;bottom:max(16px,env(safe-area-inset-bottom));min-width:0;min-height:52px;display:flex;flex-direction:row;padding:10px 18px 10px 24px;border-right:0;box-shadow:-6px 7px 0 rgba(23,21,17,.3),inset 6px 0 0 #80241f;transform:none}.correction-spine::before,.correction-spine::after{left:9px;width:8px}.correction-spine::before{top:10px}.correction-spine::after{bottom:10px}.correction-spine__index{display:none}.correction-spine__label{writing-mode:horizontal-tb;transform:none}.correction-drawer{width:100vw;border-left-width:5px}.correction-drawer__header{padding:28px 68px 27px 20px}.correction-drawer__header h2{font-size:clamp(2rem,10vw,3rem)}.correction-drawer__header>div>p:last-child{font-size:15px}.correction-drawer__close{top:16px;right:12px}.correction-form{gap:23px;padding:35px 20px max(32px,env(safe-area-inset-bottom))}.correction-dropzone{min-height:130px;padding:19px 16px}.correction-success{padding-inline:20px}}
@media(forced-colors:active){.correction-spine,.correction-submit{border:2px solid ButtonText}.correction-dropzone{border:2px dashed ButtonText}.correction-drawer{border-left:6px solid Highlight}.correction-field input,.correction-field textarea{border:2px solid FieldText}}
