:root{--color-primary: #4F46E5;--color-primary-dark: #3730A3;--color-bg: #0F172A;--color-surface: #1E293B;--color-surface-alt: #273449;--color-text: #F1F5F9;--color-text-muted: #94A3B8;--color-border: #334155;--color-danger: #EF4444;--color-success: #22C55E;--radius: 12px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent}button{font-family:inherit}.app{display:flex;flex-direction:column;min-height:100vh;max-width:640px;margin:0 auto}.app-header{padding:1rem 1rem .5rem}.app-header h1{font-size:1.25rem;margin:0}.app-main{flex:1;padding:.5rem 1rem calc(88px + var(--safe-bottom))}.banner{margin:0 1rem;padding:.6rem .9rem;border-radius:var(--radius);font-size:.9rem}.banner--success{background:#22c55e26;color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.banner--error{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.entry-form{display:flex;flex-direction:column;gap:.9rem;background:var(--color-surface);padding:1rem;border-radius:var(--radius);margin-top:.75rem}.editing-note{color:var(--color-text-muted);font-size:.85rem;margin:.5rem 0 0}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--color-text-muted)}.field-row{display:flex;gap:.75rem}.field-row .field{flex:1}input,select,textarea{background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;padding:.65rem .75rem;font-size:1rem;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}textarea{resize:vertical;font-family:inherit}.field-error{color:#fca5a5;font-size:.78rem}.form-error{background:#ef444426;color:#fca5a5;padding:.6rem .75rem;border-radius:8px;font-size:.85rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.25rem}.btn{border:none;border-radius:8px;padding:.7rem 1.1rem;font-size:.95rem;font-weight:600;cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff;flex:1}.btn-primary:active{background:var(--color-primary-dark)}.btn-primary:disabled{opacity:.6}.btn-secondary{background:var(--color-surface-alt);color:var(--color-text)}.btn-text{background:none;color:var(--color-primary);padding:.4rem .6rem;font-weight:500}.btn-danger{color:var(--color-danger)}.energy-slider{display:flex;flex-direction:column;gap:.4rem}.energy-slider__header{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-muted)}.energy-slider__value{color:var(--color-text);font-weight:600}.energy-slider input[type=range]{width:100%;accent-color:var(--color-primary);padding:0}.energy-slider__ticks{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted);padding:0 .15rem}.energy-slider__ticks .active{color:var(--color-primary);font-weight:700}.range-toggle{display:flex;gap:.5rem;margin:.75rem 0}.range-toggle button{flex:1;padding:.55rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:.9rem}.range-toggle button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.summary-cards{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.4rem;margin-bottom:.75rem}.summary-card{flex:0 0 auto;min-width:120px;background:var(--color-surface);border-top:3px solid;border-radius:10px;padding:.6rem .8rem;display:flex;flex-direction:column;gap:.15rem}.summary-card__name{font-size:.75rem;color:var(--color-text-muted)}.summary-card__hours{font-size:1.1rem;font-weight:700}.summary-card__energy{font-size:.72rem;color:var(--color-text-muted)}.entries-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.entry-card{background:var(--color-surface);border-left:4px solid;border-radius:10px;padding:.75rem .9rem}.entry-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.entry-card__category{font-size:.7rem;font-weight:700;color:#fff;padding:.15rem .5rem;border-radius:999px}.entry-card__date{font-size:.75rem;color:var(--color-text-muted)}.entry-card__activity{margin:0 0 .35rem;font-weight:600}.entry-card__meta{display:flex;gap:.75rem;font-size:.8rem;color:var(--color-text-muted);flex-wrap:wrap}.entry-card__notes{margin:.4rem 0 0;font-size:.82rem;color:var(--color-text-muted);white-space:pre-wrap}.entry-card__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.4rem}.empty-state{color:var(--color-text-muted);text-align:center;padding:2rem 1rem;font-size:.9rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--color-surface);border-top:1px solid var(--color-border);padding:.4rem 0 calc(.4rem + var(--safe-bottom));max-width:640px;margin:0 auto}.bottom-nav button{flex:1;background:none;border:none;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:.72rem;padding:.35rem 0}.bottom-nav button.active{color:var(--color-primary)}.bottom-nav__icon{font-size:1.2rem;line-height:1}@media (max-width: 360px){.app-header h1{font-size:1.1rem}.field-row{flex-direction:column}}@media (min-width: 640px){.app{box-shadow:0 0 0 1px var(--color-border);min-height:100vh}}