:root{--bg:#f0ebe1;--shadow-d:#d4cdbe;--shadow-l:#fffdf7;--text:#5c5446;--muted:#a39a87;--free:#d3c8b0;--goal:#7ec9b8;--warn:#f3776e;--bronze:#dba87c;--silver:#b9c0d4;--gold:#f0c869;--teal:#8fd0c0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0;font-family:-apple-system,SF Pro Rounded,Segoe UI,sans-serif}.neo{background:var(--bg);box-shadow:5px 5px 10px var(--shadow-d), -5px -5px 10px var(--shadow-l);border-radius:18px}.neo-in{background:var(--bg);box-shadow:inset 4px 4px 8px var(--shadow-d), inset -4px -4px 8px var(--shadow-l);border-radius:14px}.btn{background:var(--bg);color:var(--text);box-shadow:4px 4px 8px var(--shadow-d), -4px -4px 8px var(--shadow-l);min-width:44px;min-height:44px;font:inherit;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:6px;font-weight:700;display:inline-flex}.btn:active,.btn.pressed{box-shadow:inset 3px 3px 6px var(--shadow-d), inset -3px -3px 6px var(--shadow-l)}.btn-round{border-radius:50%;width:44px;height:44px}.label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:12px}.sq{aspect-ratio:1;border-radius:6px}.sq-time{box-shadow:2px 2px 4px var(--shadow-d), -2px -2px 4px var(--shadow-l)}.sq-free{background:var(--free)}.sq-overflow{background:var(--warn);box-shadow:inset 2px 2px 4px #c95f57,inset -2px -2px 4px #ff958c}.sq-goal{background:var(--goal);color:#fff;justify-content:center;align-items:center;font-size:clamp(10px,2.2vw,22px);display:flex}.sq-goal.danger{background:var(--warn)}.sq-goal.passed{box-shadow:inset 2px 2px 4px var(--shadow-d), inset -2px -2px 4px var(--shadow-l)}.pill{background:var(--bg);box-shadow:4px 4px 8px var(--shadow-d), -4px -4px 8px var(--shadow-l);border-radius:16px;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;display:flex}.pill.active{box-shadow:inset 3px 3px 6px var(--shadow-d), inset -3px -3px 6px var(--shadow-l);border:2px solid #f2a06b}.pill .chip{border-radius:4px;flex-shrink:0;width:14px;height:14px}.pill .name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:17px;font-weight:700;overflow:hidden}.pill .mins{color:var(--muted);font-weight:700}.pill .countdown{color:#e8862a;font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.pill .countdown.over{color:var(--warn)}.pill.bounce{animation:.5s bounce}@keyframes bounce{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.warnbar{color:#c0392b;text-align:center;background:#fdecea;border-radius:12px;margin-top:10px;padding:10px 14px;font-weight:700;box-shadow:inset 2px 2px 5px #e5c5c1,inset -2px -2px 5px #fff}.breath{pointer-events:none;z-index:40;position:fixed;inset:0}.breath-task{animation:4s ease-in-out infinite breathe-task}.breath-goal{animation:3s ease-in-out infinite breathe-goal}@keyframes breathe-task{0%,to{background:0 0}50%{background:#f2a06b2e}}@keyframes breathe-goal{0%,to{background:0 0}50%{background:#f3776e33}}.celebrate{z-index:50;background:#f0ebe1eb;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.gem{color:#fff;text-shadow:0 1px 3px #0003;width:130px;height:130px;box-shadow:6px 6px 14px var(--shadow-d), -6px -6px 14px var(--shadow-l);border-radius:28px;justify-content:center;align-items:center;font-size:40px;font-weight:800;animation:.6s cubic-bezier(.34,1.56,.64,1) gem-pop;display:flex;position:relative}.gem:after{content:"";border-radius:18px;position:absolute;inset:14px;box-shadow:inset 2px 2px 6px #00000026,inset -2px -2px 6px #ffffff73}.gem.small{border-radius:16px;width:64px;height:64px;font-size:20px}.gem.small:after{border-radius:10px;inset:7px}.gem.ghost{opacity:.4}@keyframes gem-pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.confetti{border-radius:3px;width:12px;height:12px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(540deg)}}.app{gap:16px;height:100%;padding:16px;display:flex}.gridwrap{flex-direction:column;flex:6;min-width:0;display:flex}.sidebar{flex-direction:column;flex:4;gap:12px;min-width:0;display:flex}.tasks{flex:1;margin:-8px -14px;padding:8px 14px;overflow-y:auto}.bottombar{gap:12px;display:flex}.bottombar .btn{flex:1;height:52px}.screen{z-index:30;background:var(--bg);padding:20px;position:fixed;inset:0;overflow-y:auto}.screen h2{margin:0 0 16px}.row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.input{font:inherit;color:var(--text);background:var(--bg);box-shadow:inset 3px 3px 6px var(--shadow-d), inset -3px -3px 6px var(--shadow-l);border:none;border-radius:12px;min-height:44px;padding:10px 14px;font-weight:700}.input:focus{outline:2px solid var(--goal)}