*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}header{padding:2rem 1.5rem 1rem;text-align:center;border-bottom:1px solid #1e293b}header h1{font-size:1.75rem;font-weight:700;letter-spacing:-.025em}header p{color:#94a3b8;margin-top:.25rem;font-size:.9rem}main{max-width:520px;margin:0 auto;padding:1.5rem}.setup-card{background:#1e293b;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.setup-card h2{font-size:1rem;margin-bottom:1rem}.setup-field{margin-bottom:1rem}.setup-field label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.35rem}.setup-field input{width:100%;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:.7rem 1rem;color:#e2e8f0;font-size:1rem}.setup-field input:focus{outline:none;border-color:#38bdf8}.setup-hint{font-size:.8rem;color:#64748b;margin-top:.25rem}.btn-primary{width:100%;background:#38bdf8;color:#0f172a;border:none;border-radius:8px;padding:.8rem;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem}.btn-primary:hover{background:#7dd3fc}.btn-danger{background:none;border:1px solid #475569;color:#94a3b8;border-radius:8px;padding:.5rem 1rem;font-size:.8rem;cursor:pointer;margin-top:1rem}.btn-danger:hover{border-color:#fb7185;color:#fb7185}.card{background:#1e293b;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.card h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.75rem}.schedule-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.schedule-row+.schedule-row{border-top:1px solid #334155}.schedule-label{font-size:.9rem;color:#94a3b8}.schedule-value{font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums}.schedule-value.target{color:#38bdf8}.schedule-value.goal{color:#34d399}.today-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.today-card h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.5rem}.today-target{font-size:3rem;font-weight:800;color:#38bdf8;line-height:1}.today-unit{font-size:1rem;color:#64748b;margin-top:.25rem}.today-day{margin-top:.75rem;font-size:.85rem;color:#94a3b8}.progress-bar{background:#334155;border-radius:999px;height:8px;margin-top:1rem;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:#38bdf8;transition:width .3s ease}.log-section{margin-bottom:1.5rem}.log-section h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.75rem}.log-input-row{display:flex;gap:.5rem}.log-input-row input{flex:1;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:.75rem 1rem;color:#e2e8f0;font-size:1rem;font-variant-numeric:tabular-nums}.log-input-row input::placeholder{color:#475569}.log-input-row input:focus{outline:none;border-color:#38bdf8}.btn-log{background:#38bdf8;color:#0f172a;border:none;border-radius:8px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer}.btn-log:hover{background:#7dd3fc}.entries{list-style:none;margin-top:.75rem}.entries li{display:flex;justify-content:space-between;align-items:center;background:#1e293b;border-radius:8px;padding:.6rem 1rem;margin-bottom:.4rem;font-size:.9rem}.entry-left{display:flex;align-items:center;gap:.75rem}.entry-time{color:#64748b;font-size:.8rem}.entry-amount{font-weight:600;font-variant-numeric:tabular-nums}.entry-delete{background:none;border:1px solid #334155;color:#64748b;cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:5px;letter-spacing:.02em}.entry-delete:hover{border-color:#fb7185;color:#fb7185}.entry-actions{display:flex;align-items:center;gap:.4rem}.entry-edit{background:#1e3a4a;border:1px solid #1e6a8a;color:#38bdf8;cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:5px;letter-spacing:.02em}.entry-edit:hover{background:#164460;border-color:#38bdf8}.entry-editing{flex-direction:column;align-items:stretch;gap:.5rem}.edit-row{display:flex;gap:.5rem;align-items:center}.edit-row label{font-size:.75rem;color:#64748b;min-width:48px}.edit-row input{flex:1;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:.4rem .6rem;color:#e2e8f0;font-size:.85rem}.edit-row input:focus{outline:none;border-color:#38bdf8}.edit-actions{display:flex;gap:.4rem;justify-content:flex-end}.edit-actions button{border:none;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;cursor:pointer}.btn-save-edit{background:#38bdf8;color:#0f172a}.btn-save-edit:hover{background:#7dd3fc}.btn-cancel-edit{background:#334155;color:#94a3b8}.btn-cancel-edit:hover{background:#475569}.entry-total-row{display:flex;justify-content:space-between;padding:.6rem 1rem;font-weight:700;border-top:1px solid #334155;margin-top:.25rem}.over{color:#fb7185}.under{color:#34d399}.at-target{color:#38bdf8}.history-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.85rem}.history-row+.history-row{border-top:1px solid #334155}.history-date{color:#94a3b8}.history-amounts{display:flex;gap:1rem;font-variant-numeric:tabular-nums}.history-actual{font-weight:600}.history-target{color:#64748b}.history-badge{font-size:.7rem;padding:.1rem .4rem;border-radius:4px;font-weight:600}.badge-good{background:#064e3b;color:#34d399}.badge-over{background:#4c0519;color:#fb7185}.badge-none{background:#1e293b;color:#475569}.tl-step{display:grid;grid-template-columns:40px 20px 1fr;gap:0;align-items:stretch;min-height:52px}.tl-num{display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#475569;padding-top:.1rem}.tl-line{display:flex;flex-direction:column;align-items:center;position:relative}.tl-line:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:#334155}.tl-step:first-child .tl-line:before{top:50%}.tl-step:last-child .tl-line:before{bottom:50%}.tl-dot{width:10px;height:10px;border-radius:50%;background:#475569;position:relative;z-index:1;margin-top:auto;margin-bottom:auto;flex-shrink:0}.tl-content{padding:.4rem 0 .4rem .75rem;display:flex;flex-direction:column;justify-content:center;gap:.2rem}.tl-top{display:flex;align-items:baseline;gap:.5rem}.tl-dose{font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;color:#e2e8f0}.tl-change{font-size:.75rem;color:#64748b;font-variant-numeric:tabular-nums}.tl-bottom{display:flex;align-items:center;gap:.6rem}.tl-dates{font-size:.78rem;color:#64748b}.tl-bar-track{flex:1;height:4px;background:#1e293b;border-radius:999px;overflow:hidden}.tl-bar-fill{height:100%;border-radius:999px;background:#334155;transition:width .3s ease}.tl-step.current .tl-dot{width:14px;height:14px;background:#38bdf8;box-shadow:0 0 0 4px #38bdf826}.tl-step.current .tl-line:before{background:linear-gradient(180deg,#334155,#38bdf8 40% 60%,#334155)}.tl-step.current .tl-dose{color:#38bdf8}.tl-step.current .tl-dates{color:#94a3b8}.tl-step.current .tl-bar-fill{background:#38bdf8}.tl-step.current .tl-num{color:#38bdf8}.tl-step.current .tl-content{background:#38bdf80f;border-radius:8px;padding-left:.75rem;padding-right:.5rem}.tl-now-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#0f172a;background:#38bdf8;padding:.1rem .4rem;border-radius:3px}.tl-step.past .tl-dot{background:#34d399}.tl-step.past .tl-line:before{background:#34d399}.tl-step.past .tl-dose{color:#64748b}.tl-step.past .tl-change,.tl-step.past .tl-dates{color:#475569}.tl-step.past .tl-bar-fill{background:#34d399;opacity:.4}.tl-step.past .tl-num{color:#34d399}.tl-step.future .tl-dot,.tl-step.future .tl-bar-fill{background:#475569}.tl-step.goal .tl-dot{background:#34d399;box-shadow:0 0 0 3px #34d39926}.tl-step.goal .tl-dose,.tl-step.goal .tl-num{color:#34d399}.schedule-footer{text-align:center;padding:1rem 0 .25rem;font-size:.85rem;color:#94a3b8;border-top:1px solid #334155;margin-top:.5rem}.schedule-footer strong{color:#34d399;font-weight:700}.tab-bar{display:flex;gap:.25rem;margin-bottom:1.5rem;background:#1e293b;border-radius:10px;padding:.25rem}.tab-btn{flex:1;background:none;border:none;color:#64748b;padding:.6rem;font-size:.85rem;font-weight:500;cursor:pointer;border-radius:8px}.tab-btn.active{background:#334155;color:#e2e8f0}.tab-panel{display:none}.tab-panel.active{display:block}.empty-state{text-align:center;padding:2rem 1rem;color:#475569;font-size:.9rem}.completed-banner{background:linear-gradient(135deg,#064e3b,#0f172a);border:1px solid #34d399;border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:1.5rem}.completed-banner h2{color:#34d399;font-size:1.25rem;margin-bottom:.25rem}.completed-banner p{color:#94a3b8;font-size:.9rem}.hidden{display:none!important}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.75rem}.analysis-stat{background:#0f172a;border-radius:8px;padding:.75rem}.analysis-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.25rem}.analysis-stat-value{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums}.analysis-note{font-size:.8rem;color:#94a3b8;padding:.4rem 0;border-top:1px solid #334155;line-height:1.5}.analysis-insight{margin-top:.75rem;padding:.7rem .9rem;border-radius:8px;font-size:.82rem;line-height:1.5}.insight-good{background:#052e16;color:#4ade80;border:1px solid #166534}.insight-warn{background:#2d1b00;color:#fb923c;border:1px solid #7c2d12}.insight-ok{background:#172554;color:#93c5fd;border:1px solid #1e3a8a}.btn-secondary{background:none;border:1px solid #334155;color:#94a3b8;border-radius:8px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;cursor:pointer;width:100%;margin-bottom:.75rem}.btn-secondary:hover{border-color:#38bdf8;color:#38bdf8}