:root{--ink:#18191f;--body:#474a57;--line:#c4c4c4;--surface:#f4f5f7;--surface-2:#eeeff4;--white:#fff;--yellow:#ffd465;--purple:#bf78f6;--purple-deep:#a06cc9;--orange:#e98264;--orange-deep:#d15b46;--pink:#e1317d;--shadow-card:0 2px 6px #3031331f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.app{flex-direction:column;height:100%;display:flex}.screen{min-height:0;padding-top:env(safe-area-inset-top);flex-direction:column;flex:1;display:flex}.screen-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.page-header{background:var(--white);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;padding:10px 16px 14px;display:flex}.page-header .title{font-size:17px;font-weight:800}.icon-btn{background:var(--white);border:1px solid var(--line);width:40px;height:40px;box-shadow:var(--shadow-card);color:var(--ink);border-radius:12px;justify-content:center;align-items:center;display:flex}.card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:16px}.pill-btn{background:var(--white);border:1px solid var(--line);height:36px;box-shadow:var(--shadow-card);color:var(--ink);border-radius:100px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.btn-primary{background:var(--purple);color:#fff;width:100%;height:52px;box-shadow:var(--shadow-card);border-radius:12px;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.tab-bar{border-top:1px solid var(--line);padding:10px 8px calc(6px + env(safe-area-inset-bottom));background:var(--white);flex:none;grid-template-columns:repeat(5,1fr);align-items:start;display:grid}.tab-bar .tab{color:var(--body);flex-direction:column;align-items:center;gap:4px;padding-top:5px;display:flex}.tab-bar .tab .tab-icon{height:24px;color:var(--body);justify-content:center;align-items:center;display:flex}.tab-bar .tab .tab-label{color:var(--body);font-size:11px;font-weight:600}.tab-bar .tab.active .tab-icon{background:var(--yellow);border:1px solid var(--line);width:44px;height:32px;box-shadow:var(--shadow-card);color:var(--ink);border-radius:12px;margin-top:-5px}.tab-bar .tab.active .tab-label{color:var(--ink);font-weight:800}.sheet-scrim{z-index:40;background:#18191f2e;position:fixed;inset:0}.sheet{background:var(--white);border-top:1px solid var(--line);padding:16px 20px calc(14px + env(safe-area-inset-bottom));z-index:41;position:fixed;bottom:0;left:0;right:0}.seg{background:var(--surface-2);border-radius:100px;padding:3px;display:flex}.seg .seg-item{height:30px;color:var(--body);border-radius:100px;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:600;display:flex}.seg .seg-item.active{background:var(--white);box-shadow:var(--shadow-card);color:var(--ink);font-weight:700}.disclaimer{text-align:center;color:var(--body);padding:8px 12px;font-size:10px;font-weight:600}@keyframes ob-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes ob-dot{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.verse-text mark{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--body);text-decoration-color:var(--body);background:0 0}.verse-text ruby rt{color:var(--body);font-size:.55em;font-weight:400}