*{box-sizing:border-box}body{margin:0;background:#f3f5e9;color:#163f38;font:16px system-ui,sans-serif}main{max-width:500px;margin:auto;padding:24px 18px}a{color:inherit}h1{font-size:27px}p{line-height:1.5}button,.offline-open{display:block;padding:15px;border-radius:14px;border:0;background:#117a70;color:white;font:700 16px system-ui;text-decoration:none;cursor:pointer;margin:10px 0;min-height:48px}button:disabled{opacity:.6}button[hidden]{display:none}.offline-card{padding:18px;background:white;border:2px solid #dfca68;border-radius:20px;margin:20px 0}.offline-card h2{font-size:21px;margin-top:0}.note{font-size:13px}.remove{background:transparent;color:#163f38;border:1px solid #58766b}details p{white-space:pre-line}body[data-theme=night]{background:#09272c;color:#fcf9e8}body[data-theme=night] .offline-card{background:#143c40}body[data-theme=night] .remove{color:#fcf9e8}