*{box-sizing:border-box}body{margin:0;background:#e9eee8;color:#263e40;font:17px/1.6 system-ui}main{max-width:1000px;margin:auto;padding:36px 24px}small{letter-spacing:.18em;font-size:12px}h1{font:700 clamp(40px,7vw,70px)/1.06 Georgia;margin:20px 0}h2{font:600 25px Georgia}section{background:#fffdf7;border:1px solid #c1d0c7;border-radius:16px;padding:26px;margin:24px 0}.rules{background:#dae8df}button,select{font:inherit;min-height:44px;padding:8px 12px;border:1px solid #73968b;background:#f5f8ed;color:#28473e;border-radius:6px;margin:5px;max-width:100%;cursor:pointer}button:hover{background:#d5e5cf}button:focus-visible,select:focus-visible{outline:3px solid #b87b32}.sentence{padding:14px;border-bottom:1px solid #cbd5c8}.sentence.quote{background:#f2e8d9}.sentence strong{display:block;font-size:12px;letter-spacing:.1em}.lab{background:#fffdf7 url(notebook.webp) center/cover}#sample,#ranking,#status{background:#fffef8ed;padding:16px;border-radius:8px}#sample{min-height:90px}.rank{display:flex;justify-content:space-between;border-bottom:1px solid #ccd8c9;padding:8px;background:linear-gradient(90deg,#dce8da var(--w),transparent var(--w))}#status{font-weight:650;border-left:4px solid #b17735}footer{font-size:13px;color:#536d68}.controls{display:flex;flex-wrap:wrap;align-items:center}@media(max-width:600px){main{padding:22px 12px}section{padding:16px}.controls{display:block}}
.lab{background-image:linear-gradient(#fffdf7c9,#fffdf7c9),url(notebook.webp)}