:root{--bg: var(--tg-theme-bg-color, #fff);--text: var(--tg-theme-text-color, #111);--hint: var(--tg-theme-hint-color, #888);--accent: var(--tg-theme-button-color, #3390ec);--card: var(--tg-theme-secondary-bg-color, #f3f4f6)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,system-ui,sans-serif;background:var(--bg);color:var(--text);padding-bottom:64px}.screen{padding:16px}.card{background:var(--card);border-radius:12px;padding:12px 16px;margin-bottom:12px}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--card)}.tabs button{flex:1;padding:12px 0;border:0;background:none;color:var(--hint);font-size:14px}.tabs button.active{color:var(--accent);font-weight:600}.muted{color:var(--hint);font-size:13px}.macro{margin:8px 0}.macro-head{display:flex;justify-content:space-between;margin-bottom:4px}.bar{height:8px;border-radius:4px;background:var(--bg);overflow:hidden}.bar-fill{height:100%;background:var(--accent)}.glasses{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.glass{width:40px;height:40px;font-size:20px;border:1px solid var(--hint);border-radius:8px;background:none;opacity:.35}.glass.full{opacity:1;border-color:var(--accent)}.glass.undo{opacity:1;font-size:24px;color:var(--hint)}.chart{width:100%;height:auto}.chart-bar{fill:var(--accent)}.chart-goal{stroke:var(--hint);stroke-dasharray:4 4}.chart-label{fill:var(--hint);font-size:9px;text-anchor:middle}.seg{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.seg button{border:1px solid var(--hint);background:none;color:var(--text);border-radius:8px;padding:4px 10px;font-size:13px}.seg button.active{border-color:var(--accent);color:var(--accent)}.ship{display:flex;gap:8px;align-items:center;padding:4px 0}.done{text-decoration:line-through}