:root{--accent: #38bdf8;--accent-dim: rgba(56, 189, 248, .15);--bg: #0f172a;--card: #1e293b;--card-border: rgba(255, 255, 255, .06);--text: #f1f5f9;--text-dim: rgba(241, 245, 249, .5);--radius: .75rem;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{max-width:420px;margin:0 auto;padding:2rem 1.25rem 3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.header{text-align:center;width:100%}.header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.date-label{font-size:.8rem;color:var(--text-dim)}.progress-ring-wrap{position:relative;width:200px;height:200px}.progress-ring{width:100%;height:100%}.ring-bg{stroke:#ffffff0f}.ring-fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.progress-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s ease}.progress-center.pulse{animation:pulse .6s ease}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.big-number{font-size:2.5rem;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--accent)}.sub-label{font-size:.8rem;color:var(--text-dim);margin-top:.25rem}.glass-row{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center}.quick-adds{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.add-btn{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(56,189,248,.25);padding:.55rem 1rem;border-radius:var(--radius);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.add-btn:hover{background:#38bdf840}.add-btn:active{transform:scale(.96)}.custom-form{display:flex;gap:.5rem;width:100%;max-width:280px}.custom-input{flex:1;background:#ffffff0d;border:1px solid var(--card-border);border-radius:var(--radius);padding:.55rem .75rem;color:var(--text);font-size:.85rem;outline:none;transition:border-color .2s}.custom-input:focus{border-color:var(--accent)}.custom-input::placeholder{color:var(--text-dim)}.custom-btn{background:var(--accent);color:var(--bg);border:none;padding:.55rem 1.1rem;border-radius:var(--radius);font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s}.custom-btn:hover{opacity:.85}.log-section{width:100%;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:1rem}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.log-header h2{font-size:.95rem;font-weight:600}.reset-btn{background:none;border:none;color:var(--text-dim);font-size:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:.375rem;transition:color .2s,background .2s}.reset-btn:hover{color:#f87171;background:#f871711a}.log-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:240px;overflow-y:auto}.log-entry{display:flex;align-items:center;gap:.75rem;padding:.4rem .5rem;border-radius:.5rem;transition:background .15s}.log-entry:hover{background:#ffffff08}.log-time{font-size:.8rem;color:var(--text-dim);min-width:3.5rem}.log-amount{font-size:.85rem;font-weight:500;color:var(--accent);flex:1}.delete-btn{background:none;border:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer;padding:0 .35rem;line-height:1;border-radius:.25rem;transition:color .2s,background .2s}.delete-btn:hover{color:#f87171;background:#f871711a}.motivation{font-size:.85rem;color:var(--text-dim);text-align:center}