:root{color-scheme:light;font:16px/1.65 system-ui,-apple-system,"PingFang SC","Microsoft Yahei",sans-serif;color:#252b2a;background:#f9f8f5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app{max-width:650px;min-height:100dvh;margin:auto;padding:24px 20px 100px}.top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:27px}.brand{font-size:25px;font-weight:700;letter-spacing:2px}.muted{color:#858985;font-size:13px}.small{font-size:13px}.title{font-size:21px;margin:0 0 10px;line-height:1.4}.h2{font-size:16px;font-weight:700;margin:23px 0 12px}.panel{background:white;border:1px solid #ecece7;border-radius:16px;padding:20px;margin-bottom:12px}.tint{background:#eeefea}.accent{color:#386750}.stack{display:grid;gap:10px}.row{display:flex;gap:9px;align-items:center;justify-content:space-between}.btn{border-radius:11px;border:1px solid #dcded8;padding:11px 16px;background:white;color:#2b3831;font-weight:600}.btn.primary{background:#365b48;color:white;border-color:#365b48}.btn.secondary{background:#edf1ed;border-color:transparent}.btn.wide{width:100%;margin-top:12px}.pill{display:inline-block;border-radius:99px;background:#e9eee8;padding:2px 10px;font-size:12px;color:#52735a}.option{display:block;border:1px solid #e2e5df;border-radius:12px;padding:13px 14px;background:white;margin:9px 0;cursor:pointer}.option.checked{border-color:#51745f;background:#f1f6f0}.option input{margin-right:10px;accent-color:#365b48}.question{font-size:18px;white-space:pre-wrap;line-height:1.85}.explain{white-space:pre-wrap;font-size:15px;line-height:1.8}.textinput{width:100%;border:1px solid #dcded8;border-radius:12px;background:white;padding:12px;min-height:46px}.textarea{min-height:110px;resize:vertical}.nav{position:fixed;bottom:0;left:0;right:0;border-top:1px solid #e9eae5;background:rgba(249,248,245,.97);padding:12px 18px max(12px,env(safe-area-inset-bottom));display:flex;gap:16px;justify-content:center}.nav button{width:135px;border:0;background:transparent;padding:5px;color:#868a84}.nav .active{color:#365b48;font-weight:700}.empty{padding:48px 20px;text-align:center;color:#858985}.filter{padding:10px;background:#f1f0ed;border-radius:12px;border:0;max-width:100%}.error{color:#a84037}.ok{color:#37684b}.toast{background:#eef4ee;border:1px solid #cfe0d2;color:#2f5a41;border-radius:12px;padding:11px 14px;margin-bottom:14px;font-size:14px}.divider{border-top:1px solid #eeefe9;margin:20px 0}.click{cursor:pointer}.progress{height:5px;border-radius:10px;background:#e5eae3;overflow:hidden}.progress>i{display:block;height:100%;background:#537a60}details summary{cursor:pointer;font-weight:650}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #578e74;outline-offset:2px}@media(min-width:740px){.app{padding-top:40px}.nav{max-width:650px;margin:auto;border-left:1px solid #eee;border-right:1px solid #eee}}