:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{margin:0 auto;text-align:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#tally-app{background:var(--bg-panel);color:var(--text);border-radius:1.5em;box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column;min-height:100vh;width:100vw;box-sizing:border-box;padding:0}.profile-bar{display:flex;gap:.5em;align-items:center;justify-content:center;padding:.5em 1em;background:#f2f3f6;flex-direction:row;justify-content:space-between;width:100%;box-sizing:border-box}.profile-bar select,.profile-bar button{background:var(--bg);color:var(--text);border:1px solid var(--primary-dark);border-radius:.5em;padding:.5em 1em;font-size:1em;transition:background .2s,border .2s}.profile-bar button{background:var(--primary);border:none;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #0002}.profile-bar button:hover{background:var(--accent);color:#222}.profile-avatars{display:flex;gap:.5em;flex-wrap:wrap}.avatar-btn{width:2.7em;height:2.7em;border-radius:50%;border:3px solid transparent;display:flex;align-items:center;justify-content:center;font-size:1.2em;cursor:pointer;box-shadow:0 2px 8px #0002;transition:border .2s,box-shadow .2s,transform .1s;outline:none;margin:0;padding:0}.avatar-btn.selected{border:3px solid var(--accent);box-shadow:0 4px 16px #0004;transform:scale(1.08)}.cog-btn{background:#b0b8d1!important;color:#222!important;border:none;border-radius:50%;width:2.7em;height:2.7em;font-size:1.3em;display:flex;align-items:center;justify-content:center;margin-left:.7em;cursor:pointer;box-shadow:0 2px 8px #0002;transition:background .2s}.cog-btn:hover{background:#888fa6!important;color:#fff!important}.profile-settings{display:flex;gap:.7em;justify-content:center;padding:.5em 1em}.profile-settings button{background:#b0b8d1!important;color:#222!important;border:none;border-radius:.5em;font-weight:600;padding:.5em 1.2em;cursor:pointer;transition:background .2s}.profile-settings button:hover{background:#888fa6!important;color:#fff!important}.tally-panel{background:linear-gradient(120deg,var(--primary-dark) 0%,var(--bg-panel) 100%);box-shadow:0 2px 16px #0003;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100vw;box-sizing:border-box;border-radius:1.2em 1.2em 0 0;margin:0;padding:1.2em .5em .5em;overflow-y:auto}.tally-panel h2{color:var(--accent);margin-bottom:.5em;font-size:1.5em}.goal{color:var(--text-muted);margin-bottom:1em;font-size:1.1em}.tally{display:flex;align-items:center;justify-content:center;font-size:2.5em;margin:1em 0 1.5em;gap:.5em;text-shadow:0 2px 8px #0006}.tally-display{display:flex;align-items:center;justify-content:center;font-size:2em;margin:0 0 1.1em;gap:.7em;text-shadow:0 2px 8px #0006;width:100%;z-index:101;background:var(--bg-panel);box-shadow:0 -1px 8px #0001;border-radius:1.2em 1.2em 0 0;padding:.7em 0}.tally-controls{width:100vw;background:var(--bg-panel);display:flex;justify-content:center;gap:1em;padding:.8em .7em 1.3em;z-index:100;box-shadow:0 -2px 16px #0002;border-radius:1.2em 1.2em 0 0}.tally-controls button{flex:1 1 24%;min-width:24vw;max-width:33vw;font-size:1.65em;padding:.6em 0;border-radius:.9em}.tally-controls button:last-child{background:var(--danger);color:#fff}.tally-controls button:last-child:hover{background:#fff;color:var(--danger)}.profile-editor{background:var(--bg);border-radius:1em;margin:0 auto;max-width:340px;box-shadow:0 2px 12px #0003;text-align:left;color:#e3e3e3;display:flex;flex-direction:column;gap:1em}.profile-editor h3{color:var(--primary);margin-bottom:.5em;text-align:center}.profile-editor .profile-fields{display:grid;grid-template-columns:7em 1fr;gap:.7em .7em;align-items:center}.profile-editor .profile-field-row{display:contents}.profile-editor label{grid-column:1;justify-self:end;text-align:right;flex:0 0 7em;max-width:7em;min-width:7em;margin:0;font-size:1em;color:var(--text-muted);padding-right:.5em;box-sizing:border-box}.profile-editor input[type=text],.profile-editor input[type=number],.profile-editor input[type=color]{grid-column:2;flex:1 1 0;min-width:0;margin:0;font-size:1em;border-radius:.4em;border:1px solid #b0b8d1;background:#f7f7fa;color:#222;padding:.3em .7em;box-sizing:border-box}.profile-editor input[type=color]{width:2.5em;padding:0;min-width:2.5em;border:none;background:none}.profile-editor .avatar-btn{margin-right:.7em}.profile-editor .goals-list{margin:.5em 0 0;padding:0}.profile-editor .goals-list li{display:flex;align-items:center;gap:.5em;margin-bottom:.5em}.profile-editor .goals-list input[type=text]{width:7em}.profile-editor .goals-list input[type=number]{width:4em}.profile-editor .goals-list button{margin-left:.5em}.profile-editor .profile-editor-actions{display:flex;gap:.7em;justify-content:flex-end;margin-top:1em}.profile-editor button{background:#b0b8d1;color:#222;border:none;border-radius:.5em;font-weight:600;padding:.5em 1.2em;cursor:pointer;transition:background .2s}.profile-editor button:hover{background:#888fa6;color:#fff}.thermometer-chart{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end;width:100%;max-width:320px;min-width:0;margin:1em auto;min-height:180px}.thermometer-chart-inner{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end;margin:2em auto}.thermometer-chart .goal-marker{display:flex;align-items:center;pointer-events:none}.thermometer-chart .thermometer-fill{position:absolute;left:60px;width:16px;border-radius:0 0 8px 8px;background:red;z-index:2;transition:top .4s cubic-bezier(.22,1,.36,1),height .4s cubic-bezier(.22,1,.36,1)}.modal-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{background:var(--bg-panel, #23263a);border-radius:1em;box-shadow:0 4px 32px #000a;padding:2em 1.5em 1.5em;min-width:90vw;max-width:98vw;max-height:98vh;overflow-y:auto;position:relative}.coin-btn-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:center;flex:1 1 24%}.coin-btn-wrapper button{width:100%;position:relative;z-index:2}.coin-anim{position:absolute;left:50%;bottom:.2em;transform:translate(-50%) scale(.7) translateY(0);opacity:0;pointer-events:none;width:50%;min-width:2.2em;max-width:3.5em;aspect-ratio:1/1;font-size:2.8em;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 8px #0006);transition:opacity .15s,transform .15s;z-index:300}.coin-anim.animating{animation:coin-pop-spin .9s cubic-bezier(.22,1,.36,1);opacity:1}@keyframes coin-pop-spin{0%{opacity:0;transform:translate(-50%) scale(.7) translateY(0) rotateY(0)}10%{opacity:1;transform:translate(-50%) scale(1.1) translateY(-.5em) rotateY(0)}30%{opacity:1;transform:translate(-50%) scale(1.2) translateY(-2.2em) rotateY(180deg)}60%{opacity:1;transform:translate(-50%) scale(1.1) translateY(-2.7em) rotateY(360deg)}80%{opacity:1;transform:translate(-50%) scale(1) translateY(-1.2em) rotateY(360deg)}to{opacity:0;transform:translate(-50%) scale(.7) translateY(0) rotateY(360deg)}}