*{box-sizing:border-box}body{margin:0;background:#f6f0e8;color:#242321;font-family:Arial,sans-serif}.shell{width:min(620px,92vw);margin:0 auto;padding:42px 0 30px}header{text-align:center;margin-bottom:30px}.logo{font-weight:800;letter-spacing:.08em;font-size:2rem;line-height:.8;margin-bottom:28px}h1{font-size:1.7rem;margin:0 0 8px}.sub{color:#806f65;margin:0}form{background:#fffdf9;border:1px solid #ddd0c7;border-radius:14px;padding:22px;box-shadow:0 8px 30px #0000000b}label{display:block;font-weight:700;margin-bottom:8px}label span{color:#a85d5d}textarea{width:100%;min-height:190px;resize:vertical;border:1px solid #bcaea5;border-radius:10px;padding:13px;font:inherit;line-height:1.5;background:#fff}.count{text-align:right;color:#806f65;font-size:.8rem;margin:5px 2px 18px}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.9rem;line-height:1.4;margin:14px 0 20px}.check input{margin-top:3px;flex:0 0 auto}button{width:100%;border:0;border-radius:10px;padding:13px;background:#b98e8e;color:#fff;font-size:1rem;font-weight:700;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#status{min-height:24px;text-align:center;margin:14px 0 0}.ok{color:#356b45}.error{color:#9a3f3f}.hp{position:absolute;left:-10000px;width:1px;height:1px;opacity:0;pointer-events:none}footer{text-align:center;margin-top:20px}a{color:#806f65} @media(max-width:480px){.shell{padding-top:28px}h1{font-size:1.4rem}form{padding:17px}}