:root{--bg: #0f1115;--card: #181b20;--card2: #2a2e35;--text: #e8eaed;--muted: #9aa0a6;--dim: #5f6571;--green: #7bc043;--blue: #5b9bd5;--orange: #e8a33d;--red: #c0696b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:480px;margin:0 auto;padding:16px 16px 80px}.muted{color:var(--muted)}.dim{color:var(--dim)}.center{text-align:center}.label{font-size:12px;color:var(--muted);text-transform:uppercase;margin-bottom:8px}.date{text-align:center;font-size:13px;color:var(--muted);margin-bottom:8px}.card{background:var(--card);border-radius:12px;padding:12px;margin-bottom:8px}.btn{display:block;width:100%;border:none;border-radius:14px;padding:15px;font-size:15px;font-weight:700;cursor:pointer}.btn-primary{background:var(--green);color:var(--bg)}.btn-secondary{background:var(--card);color:var(--text)}.btn-danger{background:var(--card);color:var(--red)}.btn-row{display:flex;gap:8px}.btn-row .btn{padding:12px}.input{width:100%;background:var(--card);border:1px solid var(--card2);border-radius:12px;padding:12px;font-size:15px;color:var(--text);margin-bottom:6px}.input::placeholder{color:var(--dim)}.ring-wrap{display:flex;justify-content:center;margin:10px 0 18px}.ring{position:relative;width:160px;height:160px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ring-inner{width:126px;height:126px;border-radius:50%;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-num{font-size:32px;font-weight:700}.macros{display:flex;gap:8px;margin-bottom:18px}.macro{flex:1;background:var(--card);border-radius:12px;padding:10px;text-align:center}.macro-bar{height:4px;background:var(--card2);border-radius:3px;margin-top:6px}.macro-bar>div{height:4px;border-radius:3px}.row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--card);border-top:1px solid var(--card2);max-width:480px;margin:0 auto}.tab{flex:1;text-align:center;padding:10px 0;font-size:11px;color:var(--muted);cursor:pointer}.tab.active{color:var(--green)}.tab .ico{font-size:20px;display:block}.choice{background:var(--card);border:1px solid var(--card2);border-radius:12px;padding:14px;margin-bottom:8px;cursor:pointer}.choice.sel{border-color:var(--green)}.error{color:var(--red);font-size:13px;margin:8px 0}.spinner{text-align:center;color:var(--muted);padding:30px}.bars{display:flex;align-items:flex-end;gap:4px;height:120px}.bars .bcol{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.bars .bval{width:100%;background:var(--green);border-radius:4px 4px 0 0}.bars .blab{font-size:9px;color:var(--dim);margin-top:4px}