:root{--bg:#f6f3ee;--bg-card:#fff;--bg-muted:#ebe6de;--text:#1f2a2e;--text-muted:#5c6b70;--accent:#2a7a6e;--accent-soft:#d4ebe6;--accent-strong:#1f5f56;--accent-event:#3d9b8c;--danger:#a33b3b;--danger-soft:#f8e8e8;--border:#d9d2c8;--shadow:0 8px 24px #1f2a2e14;--radius:14px;--radius-sm:10px;--font:"Segoe UI", system-ui, -apple-system, sans-serif;--header-h:4rem;--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}button,input{font:inherit;color:inherit}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{flex-direction:column;max-width:720px;min-height:100vh;margin:0 auto;padding:0 1rem 5.5rem;display:flex}.app-header{z-index:20;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 0 .65rem;display:flex;position:sticky;top:0}.brand{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.brand-title{letter-spacing:-.02em;color:var(--accent-strong);margin:0;font-size:1.45rem;font-weight:700}.brand-chip{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:.85rem;font-weight:600;display:inline-flex}.app-main{flex:1;padding-top:.75rem}.app-footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:2rem;padding:1rem 0 .5rem;font-size:.8rem}.app-footer p{margin:0}.status-message{color:var(--text-muted);margin:1.5rem 0}.login-page{justify-content:center;padding:1.5rem 0 2rem;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:24rem;box-shadow:var(--shadow);padding:1.25rem 1.15rem 1.35rem}.login-card h2{color:var(--accent-strong);margin:0 0 .35rem}.btn{border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;min-height:44px;padding:.55rem 1rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;font-weight:600}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{border-color:var(--border);background:var(--bg-card);color:var(--text)}.btn-ghost:hover{background:var(--bg-muted)}.btn-sm{min-height:36px;padding:.3rem .7rem;font-size:.9rem}.btn-icon{border:1px solid var(--border);background:var(--bg-card);border-radius:50%;width:44px;min-height:44px;padding:0;font-size:1.5rem;line-height:1}.btn-icon:hover{background:var(--bg-muted)}.btn-danger{color:var(--danger)}.btn-danger:hover{background:var(--danger-soft)}.day-header{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.day-nav{align-items:center;gap:.5rem;display:flex}.day-label-block{text-align:center;flex:1;min-width:0}.day-label{margin:0;font-size:1.05rem;font-weight:650;line-height:1.25}.day-picker{color:var(--text-muted);text-align:center;background:0 0;border:none;width:100%;max-width:11rem;margin-top:.25rem;font-size:.85rem}.today-btn{align-self:center;min-height:36px;font-size:.9rem}.day-summary{flex-wrap:wrap;gap:.65rem;margin-bottom:1rem;display:flex}.summary-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:5.5rem;box-shadow:var(--shadow);flex-direction:column;flex:1;gap:.15rem;padding:.65rem .75rem;display:flex}.summary-value{color:var(--accent-strong);font-size:1.05rem;font-weight:700}.summary-label{color:var(--text-muted);text-transform:lowercase;font-size:.78rem}.empty-state{text-align:center;background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius);margin-top:.5rem;padding:2rem 1.25rem}.empty-icon{background:var(--accent-soft);width:3rem;height:3rem;color:var(--accent);border-radius:50%;place-items:center;margin:0 auto .75rem;font-size:1.25rem;display:grid}.empty-state h3{margin:0 0 .4rem;font-size:1.15rem}.empty-state p{color:var(--text-muted);margin:0 0 1.25rem;max-width:22rem;margin-inline:auto}.timeline{--hour-h:2.35rem;--timeline-visible-hours:9;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-shrink:0;margin-bottom:1.25rem;padding:.4rem .35rem .4rem 0;overflow:hidden}.timeline-hint{color:var(--text-muted);margin:0 .5rem .35rem .65rem;font-size:.75rem;line-height:1.3}.timeline-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:calc(var(--hour-h) * var(--timeline-visible-hours));max-height:calc(var(--hour-h) * var(--timeline-visible-hours));scrollbar-gutter:stable;overflow:hidden auto}.timeline-grid{height:calc(var(--hour-count,16) * var(--hour-h));min-height:calc(var(--hour-count,16) * var(--hour-h));grid-template-columns:3.4rem 1fr;display:grid;position:relative}.timeline-grid-interactive{cursor:pointer;touch-action:pan-y}.timeline-hours{flex-direction:column;display:flex}.timeline-hour{height:var(--hour-h);flex:0 0 var(--hour-h);justify-content:flex-end;align-items:flex-start;padding-right:.4rem;display:flex;position:relative}.timeline-hour-label{color:var(--text-muted);white-space:nowrap;font-size:.7rem;font-weight:600;transform:translateY(-.3rem)}.timeline-hour.is-occupied .timeline-hour-label{color:var(--accent-strong);font-weight:700}.timeline-track{border-left:2px solid var(--border);height:100%;position:relative}.timeline-slot{height:var(--hour-h);border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:0 0;transition:background .15s}.timeline-slot.is-occupied{background:linear-gradient(90deg, color-mix(in srgb, var(--accent-soft) 85%, transparent), color-mix(in srgb, var(--accent-soft) 35%, transparent));border-bottom-color:color-mix(in srgb, var(--accent) 25%, var(--border))}.timeline-event{z-index:2;border:none;border-left:4px solid var(--accent);background:color-mix(in srgb, var(--accent-event) 18%, #fff);color:var(--text);text-align:left;cursor:pointer;touch-action:manipulation;border-radius:8px;flex-direction:column;gap:.1rem;min-height:2rem;padding:.35rem .5rem;display:flex;position:absolute;left:.4rem;right:.4rem;overflow:hidden;box-shadow:0 2px 8px #2a7a6e1f}.timeline-event:hover,.timeline-event:focus-visible{background:color-mix(in srgb, var(--accent-event) 28%, #fff);outline:2px solid var(--accent);outline-offset:1px}.timeline-event-time{color:var(--accent-strong);font-size:.72rem;font-weight:700}.timeline-event-title{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 .65rem;font-size:.95rem}.event-list{flex-direction:column;gap:.75rem;padding-bottom:1rem;display:flex}.event-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem 1rem}.event-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.event-card-time{color:var(--accent-strong);margin:0;font-size:1.02rem;font-weight:700}.event-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.25rem;margin:.2rem 0 0;font-size:.9rem;display:flex}.event-card-meta .dot{opacity:.6}.event-card-actions{flex-shrink:0;gap:.25rem;display:flex}.event-card-items{color:var(--text);margin:.75rem 0 0;padding-left:1.15rem}.event-card-items li+li{margin-top:.25rem}.fab{right:max(1rem,50% - 360px + 1rem);bottom:calc(1.1rem + var(--safe-bottom));background:var(--accent);color:#fff;z-index:30;border:none;border-radius:50%;width:56px;height:56px;font-size:1.85rem;line-height:1;position:fixed;box-shadow:0 10px 24px #2a7a6e59}.fab:hover{background:var(--accent-strong)}.fab:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.modal-backdrop{z-index:50;overscroll-behavior:contain;background:#1f2a2e73;justify-content:center;align-items:flex-end;height:100%;min-height:100dvh;padding:0;display:flex;position:fixed;inset:0}.modal{-webkit-overflow-scrolling:touch;background:var(--bg);width:100%;max-width:520px;max-height:min(92dvh,92vh,900px);padding:0 1rem 1.25rem;padding-bottom:calc(1.25rem + var(--safe-bottom));border-radius:18px 18px 0 0;min-height:40dvh;overflow:auto;box-shadow:0 -8px 32px #0000002e}.modal-header{background:var(--bg);z-index:1;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 0 .75rem;display:flex;position:sticky;top:0}.modal-header h2{margin:0;font-size:1.15rem}.event-form{flex-direction:column;gap:1rem;display:flex}.form-errors{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);padding:.65rem .85rem;font-size:.9rem}.form-errors ul{margin:0;padding-left:1.1rem}.form-row{flex-direction:column;gap:.75rem;display:flex}.form-row-2{grid-template-columns:1fr;gap:.75rem;display:grid}.field{color:var(--text-muted);flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600;display:flex}.field.grow{flex:1;min-width:0}.field input,.field select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);min-height:44px;color:var(--text);width:100%;padding:.5rem .7rem;font-weight:500}.field select{appearance:auto;cursor:pointer;text-overflow:clip;white-space:nowrap;min-width:6.75rem;padding-right:1.5rem}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.datetime-fieldset{border:none;min-width:0;margin:0;padding:0}.datetime-fieldset legend{color:var(--text-muted);margin-bottom:.3rem;padding:0;font-size:.9rem;font-weight:600}.datetime-fields{grid-template-columns:minmax(0,1.2fr) minmax(6.75rem,.95fr);align-items:end;gap:.5rem;display:grid}.datetime-fields .field select{font-variant-numeric:tabular-nums}.time-slot-picker{width:100%;min-width:6.75rem;position:relative}.time-slot-trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);width:100%;min-height:44px;color:var(--text);font-variant-numeric:tabular-nums;cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:.35rem;padding:.5rem .65rem;font-weight:500;display:flex}.time-slot-picker.is-open .time-slot-trigger,.time-slot-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.time-slot-trigger-label{white-space:nowrap}.time-slot-trigger-chevron{color:var(--text-muted);font-size:.75rem;line-height:1}.time-slot-list{--time-slot-h:40px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin:0;padding:0;list-style:none;overflow:hidden auto;box-shadow:0 10px 28px #1f2a2e29}.time-slot-list li{margin:0;padding:0}.time-slot-option{width:100%;height:var(--time-slot-h);min-height:var(--time-slot-h);color:var(--text);font:inherit;font-variant-numeric:tabular-nums;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;padding:0 .75rem;font-weight:500;display:flex}.time-slot-option:hover,.time-slot-option:focus-visible{background:var(--accent-soft);outline:none}.time-slot-option.is-selected{background:color-mix(in srgb, var(--accent) 18%, #fff);color:var(--accent-strong);font-weight:700}.field-hint{color:var(--text-muted);margin:0 0 .5rem;font-size:.85rem;font-weight:400}.task-items{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);margin:0;padding:.85rem}.task-items legend{color:var(--text);padding:0 .25rem;font-weight:700}.task-item-row{align-items:flex-end;gap:.5rem;margin-bottom:.55rem;display:flex}.add-item-btn{color:var(--accent-strong);background:0 0;border-color:#0000;margin-top:.25rem}.form-actions{justify-content:flex-end;gap:.5rem;padding-top:.25rem;display:flex}@media (width>=640px){.app{padding-left:1.25rem;padding-right:1.25rem}.brand-title{font-size:1.65rem}.day-label{font-size:1.2rem}.timeline{--hour-h:2.85rem;--timeline-visible-hours:12;padding:.55rem .45rem .55rem 0}.timeline-grid{grid-template-columns:4.25rem 1fr}.timeline-hour-label{font-size:.8rem}.timeline-event-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.form-row-2{grid-template-columns:1fr 1fr}.modal-backdrop{align-items:center;padding:1.5rem}.modal{border-radius:var(--radius);max-height:90vh}}