.app-shell{max-width:640px;margin:0 auto;padding:16px 16px 48px}.app-header{margin-bottom:16px}.app-header h1{font-size:1.4rem;margin:0 0 4px}.app-sub{margin:0;color:#6b7280;font-size:.85rem}.loading{padding:40px;text-align:center;color:#6b7280}.goal-list{display:flex;flex-direction:column;gap:12px}.goal-card{background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 1px 3px #00000014;border-left:5px solid #9ca3af}.goal-card.ontrack{border-left-color:#16a34a}.goal-card.behind{border-left-color:#dc2626}.goal-card.done{border-left-color:#2563eb}.goal-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.goal-top h2{font-size:.95rem;margin:0;font-weight:600;line-height:1.3}.status-pill{font-size:.7rem;padding:3px 8px;border-radius:999px;white-space:nowrap;font-weight:600;background:#e5e7eb;color:#374151}.status-pill.ontrack{background:#dcfce7;color:#15803d}.status-pill.behind{background:#fee2e2;color:#b91c1c}.status-pill.done{background:#dbeafe;color:#1d4ed8}.today-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:999px;margin-bottom:8px}.today-badge.active{background:#dcfce7;color:#15803d}.today-badge.idle{background:#f3f4f6;color:#9ca3af}.progress-track{position:relative;height:10px;border-radius:999px;background:#e5e7eb;margin-bottom:8px}.progress-fill{height:100%;border-radius:999px;background:#9ca3af;transition:width .2s ease}.goal-card.ontrack .progress-fill{background:#22c55e}.goal-card.behind .progress-fill{background:#ef4444}.goal-card.done .progress-fill{background:#3b82f6}.progress-expected-marker{position:absolute;top:-3px;width:2px;height:16px;background:#111827;opacity:.5}.goal-numbers{display:flex;align-items:baseline;gap:4px;margin-bottom:10px}.value-display{font-size:1.4rem;font-weight:700;border:none;background:none;padding:0;cursor:pointer;color:inherit}.value-input{font-size:1.4rem;font-weight:700;width:100px;padding:2px 4px;border:1px solid #9ca3af;border-radius:6px}.target-display{color:#6b7280;font-size:1rem}.goal-controls{display:flex;gap:10px;margin-bottom:8px}.step-btn{flex:1;min-height:44px;border-radius:10px;border:none;font-size:1.4rem;font-weight:700;cursor:pointer}.step-btn.minus{background:#fee2e2;color:#b91c1c}.step-btn.plus{background:#dcfce7;color:#15803d}.step-btn:active{transform:scale(.96)}.goal-add-row{display:flex;gap:10px;margin-bottom:8px}.add-input{flex:1;min-width:0;min-height:44px;border-radius:10px;border:1px solid #9ca3af;padding:0 12px;font-size:1.1rem}.add-btn{flex-shrink:0;min-height:44px;padding:0 16px;border-radius:10px;border:none;background:#dcfce7;color:#15803d;font-size:1rem;font-weight:700;cursor:pointer}.add-btn:active{transform:scale(.96)}.goal-meta{display:flex;flex-direction:column;gap:2px;font-size:.78rem;color:#6b7280}@media (min-width: 480px){.goal-meta{flex-direction:row;justify-content:space-between}}:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#f3f4f6;color:#111827}