:root{color:#18211f;background:#f4f1ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: #ffffff;--ink-soft: #58635e;--line: #d8ded8;--accent: #1f7a68;--accent-dark: #16594d;--danger: #ba3f35;--shadow: 0 18px 45px rgba(35, 47, 44, .1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.app{width:min(980px,calc(100% - 32px));margin:0 auto;padding:34px 0 48px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:clamp(2rem,5vw,4rem);line-height:.98}.clock{display:grid;gap:3px;justify-items:end}.clock-time{color:#1f7a68;font-size:clamp(1.45rem,3vw,2.25rem);font-weight:800;line-height:1}.clock-date{color:#6c4d1f;font-size:.98rem;font-weight:700;text-align:right}.header-side{display:flex;align-items:center;gap:18px}.count{display:grid;width:54px;height:54px;place-items:center;border-radius:8px;background:#17231f;color:#f7faf7;font-size:1.3rem;font-weight:800}.selected-panel,.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.selected-panel{display:grid;gap:10px;min-height:178px;padding:28px;align-content:center}.error-message{margin-bottom:16px;border:1px solid #ffd0ca;border-radius:8px;background:#fff1ef;color:var(--danger);padding:12px 14px;font-weight:800}.selected-panel p,.selected-panel span,.section-heading span,label{color:var(--ink-soft)}.selected-panel p{font-size:.9rem;font-weight:700}.selected-panel h2{overflow-wrap:anywhere;font-size:clamp(2rem,6vw,4.8rem);line-height:1}.selected-panel span{font-weight:700}.roll-button{width:100%;min-height:58px;margin:16px 0;border-radius:8px;background:var(--accent);color:#fff;font-size:1.05rem;font-weight:800;transition:background .16s ease,transform .16s ease}.roll-button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.panel{padding:22px;margin-top:16px}.panel h2{font-size:1.15rem}.add-form{display:grid;grid-template-columns:minmax(220px,1fr) 140px auto;gap:14px;align-items:end;margin-top:16px}label{display:grid;gap:7px;font-size:.9rem;font-weight:700}input,select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb;color:#17231f;padding:0 12px;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1f7a6829}.add-form button{min-height:42px;border-radius:8px;background:#17231f;color:#fff;padding:0 18px;font-weight:800}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.section-heading span{font-size:.9rem;font-weight:700}.daily-log{margin-top:0}.log-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.log-entry{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;min-height:42px;padding:9px 12px;border:1px solid #edf0ed;border-radius:8px;background:#f9faf8}.log-entry time{color:var(--accent);font-weight:800}.log-entry span{overflow-wrap:anywhere;font-weight:700}.empty-log{color:var(--ink-soft);font-weight:700}.activity-list{display:grid;gap:9px}.activity-row{display:grid;grid-template-columns:minmax(180px,1fr) 96px minmax(130px,auto) auto auto;gap:10px;align-items:center;padding:10px;border:1px solid #edf0ed;border-radius:8px;background:#f9faf8}.activity-row-disabled{border-color:#e2e5e0;background:#f0f2ee;opacity:.68}.activity-row-disabled input,.activity-row-disabled select{background:#f4f5f2}.activity-status{color:var(--ink-soft);font-size:.84rem;font-weight:800;white-space:nowrap}.activity-status-disabled{color:#8a6a24}.disable-button,.enable-button,.delete-button{min-height:42px;border-radius:8px;padding:0 14px;font-weight:800}.disable-button{background:#fff8e7;color:#8a5d10}.disable-button:hover{background:#ffefbd}.enable-button{background:#e8f6f2;color:var(--accent-dark)}.enable-button:hover{background:#d5eee7}.delete-button{background:#fff1ef;color:var(--danger)}.delete-button:hover{background:#ffe2de}@media (max-width: 720px){.app{width:min(100% - 24px,980px);padding-top:24px}.app-header{align-items:flex-start}.header-side{align-items:flex-end;flex-direction:column-reverse;gap:12px}.clock-time{font-size:1.45rem}.clock-date{font-size:.86rem}.selected-panel,.panel{padding:18px}.add-form,.activity-row{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.activity-row{gap:8px}}
