*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#182230}header{background:#1f6feb;color:#fff;padding:18px 16px;display:flex;justify-content:space-between;align-items:center}h1{font-size:21px;margin:0}main{max-width:600px;margin:auto;padding:18px}.screen{display:none}.screen.active{display:block}button,input,textarea{width:100%;font-size:17px;border-radius:10px;padding:13px;margin:7px 0;border:1px solid #ccd3dc}button{background:#fff}.primary{background:#1f6feb;color:#fff;border:0;font-weight:bold}label{display:block;font-weight:bold;margin-top:10px}.stats{background:#fff;padding:20px;border-radius:12px;text-align:center;margin-top:20px}.stats b{display:block;font-size:38px;color:#1f6feb}.stats small{font-size:15px}.card{background:#fff;border-radius:12px;padding:14px;margin:10px 0;box-shadow:0 1px 3px #ddd}.card strong{display:block;font-size:18px}.card small{color:#596574}.actions{display:flex;gap:8px}.actions button{font-size:14px;padding:9px}#reader{background:#111;border-radius:12px;overflow:hidden;min-height:280px}