/* Generator, analyzer and learn pages. Layout and tiles come from the theme; this file only styles forms and results. */
.uh-pg-form label{display:block;font-weight:600;font-size:1rem;margin:18px 0 6px}.uh-pg-form label:first-child{margin-top:0}
.uh-pg-form label em{font-style:normal;color:var(--soft)}
.uh-pg-form input,.uh-pg-form textarea,.uh-pg-form select{width:100%;padding:14px;border:0;background:var(--ground);font:inherit;color:var(--ink);min-height:48px;border-radius:0}
.uh-pg-reset{margin-top:20px;background:var(--tile);border:0;padding:12px 20px;font:600 1rem var(--fb);cursor:pointer;color:var(--ink)}
.uh-pg-reset:hover{background:var(--ink);color:#fff}
.uh-pg-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.uh-pg-status{flex:1;color:var(--soft);font-size:var(--step-small)}
.uh-pg-copy{background:var(--accent);color:var(--ink);border:0;padding:12px 22px;font:700 1rem var(--fb);cursor:pointer;min-height:48px}
.uh-pg-copy:hover{background:#ffa469}
.uh-pg-out{width:100%;padding:14px;font:1rem/1.6 var(--fb);background:var(--ground);border:0;resize:vertical;color:var(--ink)}
.uh-pg-cat{margin-top:clamp(40px,6vw,88px)}
.uh-pg-cat h2{font:700 var(--fs-d2)/.92 var(--fd);letter-spacing:-.04em;text-transform:lowercase;margin:0 0 var(--gap);padding:0 24px}
.uh-pg-card span:last-child{color:inherit;font-size:1rem}
.uh-pa-score{font:800 var(--fs-d2)/.9 var(--fd);letter-spacing:-.04em;color:var(--ink)}
.uh-pa-meter{height:14px;background:var(--ground)}.uh-pa-meter div{height:100%;width:0;background:var(--navy);transition:width .3s}
.uh-pa-grade{margin:12px 0;color:var(--soft)}.uh-pa-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.uh-pa-list li{padding:10px 14px;font-size:1rem}.uh-pa-list .ok{background:var(--blue)}.uh-pa-list .miss{background:var(--yellow)}
.uh-note{padding:0 24px}