:root{font-family:Arial,Helvetica,sans-serif;color:#222;background:#f6f6f4;--red:#df170c;--orange:#ff560b}*{box-sizing:border-box}body{margin:0}header{max-width:1300px;margin:auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.brand{display:flex;align-items:center;gap:20px;color:var(--red)}.brand strong{font-size:38px;letter-spacing:-2px}.brand span{font-size:20px;line-height:1.2;max-width:150px}.brand b{display:block;color:#222;font-size:14px;letter-spacing:3px}.edition,.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:700}.edition{color:#666}main{max-width:1220px;margin:auto;padding:0 30px}.intro{display:flex;justify-content:space-between;gap:20px;padding:48px 0 38px}.intro .eyebrow{color:#b52213}h1{font-size:clamp(36px,5vw,60px);letter-spacing:-2px;line-height:1.04;margin:16px 0}p{font-size:16px;line-height:1.6}.intro p{max-width:550px;color:#626262}.seal{align-self:center;border:2px solid var(--red);border-radius:50%;width:176px;height:176px;display:flex;flex-direction:column;justify-content:center;padding-left:37px;font-size:22px;line-height:1.3;transform:rotate(-8deg);color:var(--red)}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start}aside{background:#252525;color:white;border-top:7px solid var(--orange);padding:28px;position:sticky;top:20px;border-radius:4px}aside h2{font-size:25px;line-height:1.2}aside p{color:#d4d4d4}ol{padding-left:22px;line-height:2.1;font-size:14px}details{border-top:1px solid #555;padding-top:18px;margin-top:22px}summary{cursor:pointer;font-size:14px;font-weight:bold}.note,small{font-size:14px;color:#727272;line-height:1.5}aside .note{color:#bdbdbd}section{background:white;padding:28px;margin-bottom:18px;border:1px solid #e2e2e2;border-radius:5px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-title span{color:var(--red);font-size:14px;font-weight:bold}.section-title h2{font-size:22px;margin:0;letter-spacing:-.5px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}label{display:block;font-size:15px;font-weight:600;margin-bottom:22px;line-height:1.5}input,select,textarea{font:inherit;font-weight:400;width:100%;padding:12px;background:#fafafa;border:1px solid #ccc;border-radius:4px;margin-top:8px;color:#222}textarea{min-height:100px;resize:vertical}small{display:block;font-weight:400;margin-top:4px}input:focus,select:focus,textarea:focus{outline:2px solid var(--orange);outline-offset:2px}fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}legend{font-size:15px;font-weight:600;line-height:1.5;margin-bottom:10px}.choices{display:flex;gap:9px;flex-wrap:wrap}.choices label{display:flex;align-items:center;gap:9px;margin:0;border:1px solid #ddd;border-radius:4px;padding:11px;font-size:14px;font-weight:400;cursor:pointer}.choices input{width:18px;height:18px;margin:0;accent-color:var(--red);flex-shrink:0}.choices label:has(input:checked){border-color:var(--red);background:#fff3ee}.vertical{display:grid;gap:8px;margin-top:12px}.rating{display:flex;gap:10px}.rating label{margin:0;position:relative;flex:1;text-align:center}.rating input{position:absolute;opacity:0;width:1px;height:1px}.rating span{display:block;border:1px solid #ccc;border-radius:4px;padding:14px;cursor:pointer;font-size:20px}.rating input:checked+span{background:var(--red);color:white;border-color:var(--red)}.rating input:focus+span{outline:2px solid var(--orange);outline-offset:2px}.scale{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#777;margin-top:8px}.actor-block{border-left:3px solid var(--orange);padding-left:18px;margin-bottom:24px}.actor-block h3{font-size:17px;color:#b52b11}.notice{padding:16px;background:#fff2de;border:1px solid #f6ca8b;border-radius:4px;font-size:14px;line-height:1.5;margin-bottom:18px}.notice.connected{background:#edf5ee;border-color:#afcbb3}.actions{display:flex;gap:10px;flex-wrap:wrap}button{font:inherit;font-size:15px;font-weight:bold;background:var(--red);border:0;border-radius:4px;padding:15px 20px;color:white;cursor:pointer}button:hover{background:#b5180e}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:white;color:#444;border:1px solid #ccc}.secondary:hover{background:#eee}#message{font-size:15px;font-weight:600}.error{color:#ba230f}.success{color:#216331}footer{max-width:1160px;margin:32px auto;padding:24px 0 38px;border-top:1px solid #ccc;display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:#666}footer b{color:#df4518;letter-spacing:2px}footer a{color:#555;margin-left:auto}[hidden]{display:none!important}@media(max-width:800px){header{padding:20px}.edition{display:none}main{padding:0 16px}.intro{padding:30px 0 20px}.seal{display:none}.workspace{grid-template-columns:1fr;gap:16px}aside{position:static;padding:20px}aside h2,aside ol,aside>.eyebrow,aside>.note{display:none}aside p{margin:0}aside details{margin-top:14px;padding-top:14px}section{padding:20px}.grid{grid-template-columns:1fr}.section-title h2{font-size:20px}footer{margin:25px 16px;padding:20px 0}footer a{margin-left:0}.actions button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}