:root{color-scheme:light;--ink:#112731;--green:#106b57;--green-dark:#103d38;--bg:#eff4f3;--border:#d6e3e0}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);font-size:16px}.head{display:flex;align-items:center;gap:12px;padding:calc(18px + env(safe-area-inset-top)) 16px 16px;background:var(--green-dark);color:white}.head h1{font-size:19px;margin:0 0 3px}.head p{margin:0;font-size:12px;opacity:.85}.brandicon{display:grid;place-items:center;flex:none;width:44px;height:44px;background:#48a75e;border-radius:10px;font-size:28px;font-weight:800}main{max-width:670px;padding:12px 12px 30px;margin:0 auto}.status{padding:9px 12px;border-radius:10px;margin-bottom:10px;background:#dfeeed;font-size:13px;font-weight:600}.card,.panel{background:white;border-radius:14px;padding:18px;margin-bottom:12px;border:1px solid var(--border);box-shadow:0 2px 8px #102e2210}.warning{border-left:4px solid #9b6b12;background:#fff9e9;padding:12px 15px}.warning h2{font-size:14px;margin:0 0 6px}.warning p{font-size:12px;margin:0;line-height:1.45}.tabs{display:flex;gap:6px;margin:12px 0;overflow-x:auto}.tabs button{white-space:nowrap;padding:10px 11px;background:white;color:#205147;border-radius:10px;border:1px solid var(--border);font-size:13px;font-weight:700}.tabs button.selected{background:var(--green);color:white}.panel h2{font-size:21px;margin:0 0 9px}.panel h3{font-size:16px;margin-top:20px}.panel p{font-size:14px;line-height:1.5}.hidden{display:none}.reading{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.reading>div{background:#f0f6f3;border-radius:10px;padding:12px 10px;min-width:0}.reading span{display:block;color:#5b706b;font-size:12px;margin-bottom:7px}.reading strong{font-size:15px;overflow-wrap:anywhere}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}button,.link,.filelabel{border:1px solid #b5cfc7;color:var(--green-dark);background:white;border-radius:10px;padding:11px 12px;font-weight:700;font-size:14px;cursor:pointer;line-height:1.25}button:disabled{opacity:.4;cursor:not-allowed}button.primary,.link,.filelabel{background:var(--green);color:white;border-color:var(--green)}.link{display:inline-block;text-decoration:none}.danger-outline{border-color:#a94c4c;color:#933}.outlined{display:block}.feedback{background:#eaf3f1;border-radius:8px;padding:10px 12px;font-size:13px;white-space:pre-wrap}.hint{color:#5a6d6b;font-size:12px!important}.field{margin:16px 0 8px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}input[type=password]{padding:12px;font-size:16px;width:100%;border:1px solid #bed0cc;border-radius:9px}.events{border-top:1px solid var(--border);margin-top:12px}.event{padding:11px 3px;border-bottom:1px solid var(--border);font-size:13px;overflow-wrap:anywhere}.event button{float:right;padding:5px 8px}.event small{display:block;color:#677a77;margin-top:3px}.filelabel{display:inline-block;margin:8px 0}input[type=file]{max-width:100%;font-size:13px}.player{width:100%;margin:10px 0}ol{padding-left:22px;font-size:14px;line-height:1.8}footer{text-align:center;color:#6f8580;font-size:11px;padding:14px 10px 30px}a{color:#155b50}