*{box-sizing:border-box}body{margin:0;background:#f5eee4;color:#3c332a;font:15px/1.6 system-ui,sans-serif}main{max-width:1000px;margin:auto;padding:36px 24px}header{max-width:760px}small{font-size:11px;letter-spacing:1.8px;color:#936a46}h1{font:52px/1.12 Georgia,serif;margin:15px 0}header p{font-size:18px;color:#756250}h2{font:25px Georgia,serif;margin:8px 0 16px}.guide{background:#e9dfce;padding:20px 24px;border-radius:14px}.guide p{max-width:850px;font-size:14px}.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;font-size:12px}.rules b{display:block;font-size:14px}.bar,.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0}.bar label{margin-right:auto}button,select,input{font:inherit;min-height:44px;border:1px solid #aa9378;border-radius:7px;padding:9px 13px;background:#fffdf8;color:#4b3c2b}button{cursor:pointer}button:hover{background:#eee0ca}.primary{background:#674629;color:white}.primary:hover{background:#49311c;color:white}:focus-visible{outline:3px solid #26746a;outline-offset:3px}.work,.inspector{background:#fffdf8;padding:24px;border:1px solid #d5c6b0;border-radius:18px;margin:22px 0}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px}#counter{font-size:12px;color:#82654a}#letters{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 0}.letter{direction:ltr;width:180px;border:1px solid #cdb38d;border-radius:12px;overflow:hidden;background:#faf4e8}.letter.good{border:2px solid #497558}.letter.bad{border:2px solid #b36e3f}.tile{background:url('ink-tile.webp') center/cover;height:125px;display:flex;align-items:center;justify-content:center;font:64px/1 'Times New Roman',serif;color:#492e17}.label{padding:10px 12px}.label small{font-size:10px;letter-spacing:.5px}.label select{display:block;width:100%;margin-top:6px;padding:8px;font-size:14px}.note{font-size:12px;min-height:42px;margin:9px 0 0;color:#755335}#feedback{min-height:28px;border-left:3px solid #b38a5a;padding:10px 14px;background:#f4edde}#proof{border:1px solid #b4c6aa;border-radius:12px;background:#eaf1e5;padding:16px;text-align:center}#shaped{font:60px/1.7 'Times New Roman',serif;unicode-bidi:isolate}.inspector p{font-size:13px}.inspector input{max-width:200px;font-size:24px;margin:6px}footer{font-size:12px;color:#806d58}a{color:#5d735f}@media(max-width:600px){main{padding:24px 12px}h1{font-size:38px}header p{font-size:16px}.guide,.work,.inspector{padding:16px}.rules{grid-template-columns:1fr 1fr}.bar label{width:100%}.bar select{max-width:250px}.bar button{flex:1}#letters{gap:8px}.letter{width:calc(50% - 4px)}.tile{height:105px;font-size:58px}.heading{align-items:start}#counter{max-width:80px}.actions button{flex:1}.label{padding:8px}.label select{font-size:13px}.note{font-size:11px}#shaped{font-size:48px}.inspector input{max-width:155px}}