:root{--bg-start: #eef3fb;--bg-end: #f8fbff;--panel: #ffffff;--panel-border: #dbe6f5;--primary: #0d6adf;--primary-press: #0857b8;--text: #122034;--muted: #58708e;--good: #1d9f64;--good-soft: #dff5ea;--bad: #c63838;--bad-soft: #fde7e7;--info-soft: #e6f0fc;--radius: 16px;--shadow: 0 8px 28px rgba(26, 56, 94, .12)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:linear-gradient(160deg,var(--bg-start),var(--bg-end))}body{padding:20px}.app-shell{width:min(980px,100%);margin:0 auto;display:grid;gap:14px}.top-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.brand{font-size:clamp(30px,3.2vw,38px);font-weight:700;margin-bottom:10px;letter-spacing:.2px}.tab-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tab-btn{border:1px solid #d7e2f3;background:#edf3fc;color:#2a405d;border-radius:12px;min-height:62px;font-size:clamp(20px,2.4vw,24px);font-weight:600;cursor:pointer}.tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.banner{border-radius:12px;padding:12px 14px;font-size:18px;border:1px solid transparent}.banner.success{background:var(--good-soft);color:#0f7548;border-color:#b8e5cf}.banner.error{background:var(--bad-soft);color:var(--bad);border-color:#f3b8b8}.banner.info{background:var(--info-soft);color:#1f5ea9;border-color:#bfd7f7}.card-section{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:grid;gap:12px}.read-mode{gap:10px;padding-bottom:10px;position:relative}.read-header{display:grid;gap:2px}.read-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.read-header-label{font-size:13px;color:var(--muted);font-weight:700;letter-spacing:.2px;text-transform:uppercase}.read-header-name{font-size:18px;color:#2a405d;font-weight:700}.read-next-btn-inline{border:1px solid #c9d9ef;border-radius:999px;background:#fff;color:#1d3555;min-height:38px;padding:0 12px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.field-group{display:grid;gap:8px}.field-group label{color:var(--muted);font-weight:700;font-size:17px}.field-group input,.field-group select{height:58px;border-radius:12px;border:1px solid #cddcf0;font-size:20px;padding:0 14px;color:var(--text);background:#fff}.progress-wrap{display:grid;gap:6px}.progress-track{border-radius:999px;background:#e7edf5;overflow:hidden;height:24px}.progress-fill{display:grid;place-items:center;min-width:0;height:100%;background:linear-gradient(90deg,#16995f,#35b674);color:#fff;font-weight:700;font-size:14px;transition:width .12s linear}.progress-meta{font-size:16px;color:var(--muted)}.names-list{border:1px solid #d7e4f4;border-radius:14px;background:#fff;min-height:62vh;max-height:76vh;overflow:auto}.name-card{border-bottom:1px solid #e8eff8;padding:26px 18px;text-align:center;cursor:pointer;transition:background-color .12s ease}.name-card:last-child{border-bottom:none}.name-card.is-highlighted{background:#eef4ff}.name-card h2{margin:0;font-size:clamp(calc(40px * var(--reader-font-scale, 1)),calc(5.4vw * var(--reader-font-scale, 1)),calc(56px * var(--reader-font-scale, 1)));line-height:1.1;font-weight:500}.empty-text{padding:34px 18px;text-align:center;color:var(--muted);font-size:22px}.primary-btn{width:100%;min-height:62px;border:none;border-radius:12px;background:var(--primary);color:#fff;font-size:clamp(21px,2.8vw,26px);font-weight:700;cursor:pointer}.primary-btn:active{background:var(--primary-press)}.primary-btn:disabled{cursor:not-allowed;opacity:.7}.add-mode{gap:16px}.font-controls{border:1px solid #d7e4f4;border-radius:12px;background:#f8fbff;padding:10px 12px;display:grid;gap:8px}.font-controls-title{color:var(--muted);font-size:15px;font-weight:700}.font-controls-row{display:flex;align-items:center;gap:8px}.font-controls-row button{border:1px solid #c8d8ee;background:#fff;color:#1f3656;border-radius:10px;min-height:40px;min-width:46px;font-size:18px;font-weight:700;cursor:pointer}.font-controls-row span{margin-left:auto;color:var(--muted);font-size:14px;font-weight:700}.font-controls input[type=range]{width:100%}.reader-floating-actions{position:fixed;right:20px;bottom:20px;display:grid;gap:10px;z-index:40}.reader-icon-btn{width:50px;height:50px;border:1px solid #c9d9ef;border-radius:999px;background:#fff;color:#1d3555;font-size:24px;font-weight:700;box-shadow:0 8px 24px #112d5233;cursor:pointer}.reader-settings-panel{position:fixed;right:20px;bottom:136px;z-index:40;width:min(420px,calc(100vw - 24px));background:#fff;border:1px solid #d6e4f7;border-radius:14px;box-shadow:0 16px 40px #122d523d;padding:12px;display:grid;gap:12px}.field-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 768px){body{padding:24px}.field-grid{grid-template-columns:2fr 1fr;align-items:end}.field-group:nth-child(3),.field-group:nth-child(4){grid-column:span 2}.names-list{max-height:78vh}}@media (max-width: 767px){body,.top-panel{padding:10px}.brand{font-size:28px}.tab-btn{min-height:54px;font-size:17px}.field-group label,.progress-meta,.font-controls-title,.banner{font-size:14px}.field-group input,.field-group select{height:50px;font-size:17px}.name-card{padding:20px 14px}.name-card h2{font-size:clamp(calc(33px * var(--reader-font-scale, 1)),calc(9.5vw * var(--reader-font-scale, 1)),calc(48px * var(--reader-font-scale, 1)))}.read-header-label{font-size:12px}.read-header-name{font-size:16px}.read-next-btn-inline{min-height:34px;font-size:12px;padding:0 10px}.reader-floating-actions{right:12px;bottom:12px}.reader-settings-panel{right:10px;bottom:126px;width:calc(100vw - 20px)}.primary-btn{min-height:54px;font-size:18px}}