:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#14233f;background:#faf7f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}header{background:#14233f;color:#fff;padding:15px max(20px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#f8a63a}.logo{background:#f28c00;border-radius:13px;padding:10px 15px;color:white}#install{border:1px solid #f8a63a;color:white;background:transparent;border-radius:9px;padding:9px}nav{display:flex;gap:8px;overflow:auto;padding:10px max(20px,calc((100vw - 1100px)/2));background:#fff;border-bottom:1px solid #e8e3da}nav button{white-space:nowrap;border:0;border-radius:8px;padding:12px 16px;background:transparent;color:#42516a;font-weight:650}nav button.active{background:#14233f;color:#fff}main{max-width:1100px;margin:auto;padding:24px 20px 65px;min-height:70vh}.view{display:none}.view.active{display:block}.hero{border-radius:20px;padding:clamp(24px,6vw,65px);background:#14233f;color:#fff}.eyebrow{color:#f28c00;font-size:11px;font-weight:800;letter-spacing:1.8px}.hero h1{font-size:clamp(35px,6vw,65px);line-height:1.1;margin:20px 0}.hero em{font-style:normal;color:#ffb347}.hero p{font-size:18px;max-width:570px;line-height:1.65}.actions,.readerbar,.sectionhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sectionhead{justify-content:space-between}.primary,.outline{border-radius:10px;padding:12px 17px;font-weight:750;border:1px solid #e28a12}.primary{background:#f28c00;color:#14233f}.outline{background:#fff;color:#14233f}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.stats>div{background:#fff;border-radius:12px;text-align:center;padding:18px}.stats b{display:block;font-size:30px}.stats span{color:#637088;font-size:13px}.panel{background:#fff;border:1px solid #eae5dc;border-radius:16px;padding:23px;margin-top:20px;box-shadow:0 5px 20px #14233f08}.muted{background:#fff9ee}.panel h2{margin-top:0}p{line-height:1.65}h1{font-size:clamp(27px,4vw,38px)}.readerbar{background:white;border:1px solid #eae5dc;padding:11px;border-radius:11px;margin:10px 0}.readerbar label{font-size:13px;display:flex;align-items:center;gap:8px}.readerbar input,.readerbar select{padding:9px;border:1px solid #cdd2d9;border-radius:8px;max-width:230px}.readerbar input[type=search]{max-width:none;flex:1;min-width:130px}.readerbar input[type=number]{width:72px}.readerbar button,.tones button{border:1px solid #d7dbe1;border-radius:8px;background:#fff;padding:9px 13px;font-weight:700}.pageviewport{height:min(72vh,920px);overflow:auto;background:#e5e5e5;border:1px solid #d6d6d6;border-radius:13px;text-align:center;padding:15px;touch-action:pan-x pan-y}.pageviewport img{display:block;margin:auto;width:100%;max-width:595px;height:auto;box-shadow:0 8px 25px #0002}.hint{font-size:12px;color:#637088}#searchResults:not(:empty){max-height:240px;overflow:auto;background:#fff;border-radius:10px;margin:8px 0;padding:10px}#searchResults button{display:block;text-align:left;width:100%;padding:10px;background:white;border:0;border-bottom:1px solid #eee}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:22px 0}.tile{background:white;border:1px solid #eae5dc;border-radius:14px;padding:23px;text-align:left;color:#14233f}.tile:hover{border-color:#f28c00}.tile b{display:block;font-size:17px;margin:12px 0}.tile span{font-size:13px;color:#637088}.tile .symbol{font-size:27px}.back{background:transparent;border:0;color:#986000;font-weight:700;padding:0 0 14px}.tones{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tones button.selected{background:#14233f;color:#fff}.quote{background:#fff3df;border-left:5px solid #f28c00;padding:20px;font-size:21px;font-weight:700;border-radius:8px}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}form label{display:block;font-size:13px;font-weight:700;margin-bottom:13px}form input,form select,form textarea{width:100%;padding:11px;border:1px solid #ccd2d8;border-radius:8px;margin-top:7px;background:white}form textarea{resize:vertical}.record{padding:14px 0;border-bottom:1px solid #eee}.record button{float:right;color:#8a1d1d;background:transparent;border:0}.record small{display:block;color:#677287}footer{text-align:center;padding:28px 20px;background:#14233f;color:#e4e9f1;font-size:12px}@media(max-width:600px){main{padding:16px 12px 55px}nav{padding:8px}nav button{padding:10px 12px;font-size:12px}.brand{font-size:15px}.pageviewport{height:65vh;padding:5px}.stats>div{padding:13px 5px}.hero{padding:30px 22px}.readerbar{gap:7px}.readerbar label:first-child{width:100%}.readerbar label:first-child select{max-width:100%;flex:1}}