:root{--reading-scale:1}.phone{display:flex;flex-direction:column}.screen{flex:1;min-height:0;height:auto}.runtime-status{flex-shrink:0;background:#fbf0d9;color:#755b31;font-size:12px;line-height:1.75;padding:10px 17px;border-bottom:1px solid #e7dcc2}.runtime-status[hidden]{display:none}.runtime-status a{font-weight:600;text-decoration:underline;margin-left:5px;display:inline-block;min-height:28px}.advanced-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0 7px}.advanced-filters label{font-size:12px;color:#6d805e;min-width:0}.advanced-filters select{width:100%;margin-top:6px;border:1px solid #dbe4cf;background:#f4f7ed;border-radius:10px;padding:9px 10px;font-size:16px;color:#4c6740;min-height:44px}.filter-note{font-size:11px;line-height:1.8;color:#77876b;margin:0 0 15px}.ranked-result{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid #e4e9da;min-height:94px}.ranked-result>div{flex:1;min-width:0}.result-type{display:inline-block;font-size:11px;background:#eaf0df;color:#6a8256;padding:3px 7px;border-radius:4px;margin-bottom:6px}.ranked-result h2{font-size:18px;line-height:1.65;font-weight:600}.ranked-result p{font-size:13px;line-height:1.85;color:#6c805d;margin-top:5px}.ranked-result>svg{width:18px;color:#93a380}.empty .secondary-btn+.secondary-btn{margin-top:10px}.record-entry{display:flex;align-items:center;gap:12px;border:1px solid #dfe7d5;border-radius:12px;background:#f0f4e8;padding:17px 14px;margin:20px 0;font-size:15px;min-height:60px}.record-entry span{flex:1}.record-summary{display:grid;grid-template-columns:1fr 1fr;background:#edf2e4;padding:20px;border-radius:14px;margin:22px 0}.record-summary div{text-align:center}.record-summary strong{display:block;font-size:25px;font-weight:500;color:#4e6d3d}.record-summary span{display:block;font-size:12px;color:#718463;margin-top:5px}.record-card{border:1px solid #e1e7d8;background:#fbfcf7;padding:19px;border-radius:14px;margin:18px 0}.record-card h2{font-size:19px;line-height:1.7;margin-bottom:9px}.record-card p{font-size:14px;line-height:1.9;color:#6b7d5e;margin-bottom:16px}.record-card .inline-error{margin:12px 0 0}.inline-error:empty{display:none}.inline-error{font-size:13px;line-height:1.85;color:#a14837;margin:12px 0;overflow-wrap:anywhere}.import-summary{display:grid;grid-template-columns:1fr 1.7fr;gap:12px;font-size:14px;line-height:1.8;margin:20px 0}.import-summary dt{color:#7a8d69}.import-summary dd{margin:0;text-align:right;overflow-wrap:anywhere}.sheet .primary-btn+.secondary-btn{margin-top:12px}.reading-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:22px 0 18px;padding:8px;background:#eef3e6;border-radius:10px}.reading-tools>span{font-size:11px;color:#7a8b6d;margin-right:auto}.reading-tools button{min-width:44px;min-height:44px;border-radius:7px;font-size:13px;color:#698255;padding:7px}.reading-tools button[aria-pressed=true]{background:#fffef8;color:#446434;box-shadow:0 1px 4px #36522613}.article-body p{font-size:calc(18px * var(--reading-scale));overflow-wrap:anywhere}.article-body h2{font-size:calc(21px * var(--reading-scale));line-height:1.6}.step p{font-size:calc(17px * var(--reading-scale));overflow-wrap:anywhere}.step h3{font-size:calc(17px * var(--reading-scale));line-height:1.6}.sample-reading p,.sample-intro>p{font-size:calc(16px * var(--reading-scale));overflow-wrap:anywhere}.sample-reading h2{font-size:calc(20px * var(--reading-scale));line-height:1.6}.sample-reading h3{font-size:calc(16px * var(--reading-scale));line-height:1.6}.sample-reading,.article-body,.step>div{min-width:0}.loading-state{padding:60px 24px;font-size:15px;line-height:1.9;color:#627654}.loading-state h2{font-size:22px;margin-bottom:15px}.loading-state button{display:block;border:1px solid #d1dec1;border-radius:10px;background:#eef3e5;padding:12px 20px;min-height:48px;margin-top:22px}.unavailable-card{padding:18px;border:1px dashed #d4ddc9;border-radius:12px}.unavailable-card h3{font-size:16px;line-height:1.7}.unavailable-card p{font-size:13px;line-height:1.9;color:#76866c;margin:10px 0}.ranked-results:empty{display:none}summary:focus-visible,select:focus-visible{outline:2px solid #8aab66;outline-offset:3px}@media(max-width:350px){.reading-tools{gap:3px;padding:6px}.reading-tools button{padding:5px;font-size:12px}.record-card{padding:16px}.advanced-filters{gap:8px}}