:root{--bg: #f6f7f9;--surface: #ffffff;--border: #e2e5ea;--text: #1c1f23;--text-dim: #6b7280;--accent: #2f6feb;--accent-contrast: #ffffff;--today: #eef3ff;--danger: #b42318;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}@media(prefers-color-scheme:dark){:root{--bg: #14161a;--surface: #1d2025;--border: #2c3038;--text: #e7e9ec;--text-dim: #9aa1ac;--accent: #5b8def;--today: #1e2740;--danger: #f2837a}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}button{font:inherit}a{color:inherit}.app{max-width:1400px;margin:0 auto;padding:1rem}.app--message{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:4rem;text-align:center}.app__status{margin:1rem 0;color:var(--text-dim)}.error{color:var(--danger)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.toolbar__title{font-size:1.25rem;margin:0 auto 0 0}.toolbar__group{display:flex;gap:.25rem}.toolbar__range{width:100%;color:var(--text-dim);font-size:.95rem}.btn{padding:.5rem .9rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;line-height:1}.btn:hover{border-color:var(--accent)}.btn--on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);padding:.7rem 1.2rem;font-weight:600}.grid{display:grid;gap:.75rem}.grid--week{grid-template-columns:repeat(7,minmax(0,1fr))}.grid--day{grid-template-columns:minmax(0,1fr)}@media(max-width:800px){.grid--week{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.day{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.6rem;min-height:120px}.day--today{background:var(--today);border-color:var(--accent)}.day__heading{font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-dim);margin:0 0 .5rem}.day__empty{color:var(--text-dim);font-size:.85rem;margin:0}.day__events{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.event{display:flex;flex-direction:column;gap:.1rem;padding:.4rem .5rem;border-radius:7px;background:var(--bg);border:1px solid var(--border);text-decoration:none}.event{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}.event:hover,.event:focus-visible{border-color:var(--accent)}.event__repeat{color:var(--text-dim)}.event__time{font-size:.75rem;color:var(--text-dim)}.event__title{font-weight:600;font-size:.9rem}.event__location{font-size:.78rem;color:var(--text-dim)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;align-items:start}@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr)}}.day__bar{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.day__add{border:none;background:none;color:var(--text-dim);font-size:1.1rem;line-height:1;padding:.1rem .35rem;border-radius:6px;cursor:pointer}.day__add:hover,.day__add:focus-visible{background:var(--bg);color:var(--accent)}.tasks{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem}.tasks__heading{font-size:1rem;margin:0 0 .6rem}.tasks__add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;margin-bottom:.9rem}.tasks__add .btn{grid-column:1 / -1}.tasks__empty{color:var(--text-dim);font-size:.85rem;margin:0}.tasks__group+.tasks__group{margin-top:.8rem}.tasks__group-heading{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-dim);margin:0 0 .35rem}.tasks__group-heading--overdue{color:var(--danger)}.tasks__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.task{display:flex;align-items:center;gap:.5rem}.task__check{width:1.1rem;height:1.1rem;flex:none;accent-color:var(--accent);cursor:pointer}.task__label{flex:1;border:none;background:none;font:inherit;color:inherit;text-align:left;padding:.25rem 0;cursor:pointer}.task--done .task__label{color:var(--text-dim);text-decoration:line-through}.task__repeat{color:var(--text-dim);margin-left:.35rem}.modal{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:auto}.modal__panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;width:min(480px,100%);display:flex;flex-direction:column;gap:.7rem}.modal__heading{font-size:1.1rem;margin:0}.modal__note{font-size:.8rem;color:var(--text-dim);margin:0}.modal__actions{display:flex;gap:.5rem;align-items:center}.modal__spacer{flex:1}.modal__link{font-size:.8rem;color:var(--text-dim)}.field{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.field--check{flex-direction:row;align-items:center;gap:.5rem}.field__label{font-size:.78rem;color:var(--text-dim)}.field__input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.5rem .6rem;min-width:0}.field__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field-row{display:flex;gap:.5rem;flex-wrap:wrap}.btn--danger{color:var(--danger);border-color:var(--danger)}.btn:disabled{opacity:.6;cursor:default}.app--kiosk{max-width:none;padding:1.5rem;font-size:1.25rem;user-select:none;-webkit-user-select:none}.app--kiosk .toolbar{gap:1rem;padding-bottom:1.25rem;margin-bottom:1.25rem}.app--kiosk .btn{min-height:3rem;padding:.8rem 1.3rem;font-size:1.1rem;border-radius:10px}.app--kiosk .btn--primary{padding:.9rem 1.6rem}.app--kiosk .toolbar__range{font-size:1.15rem}.app--kiosk .layout{grid-template-columns:minmax(0,1fr) 380px;gap:1.5rem}.app--kiosk .grid{gap:1rem}.app--kiosk .day{min-height:200px;padding:.9rem}.app--kiosk .day__heading{font-size:1rem}.app--kiosk .day__add{font-size:1.6rem;padding:.2rem .6rem}.app--kiosk .event{padding:.6rem .7rem}.app--kiosk .event__title{font-size:1.1rem}.app--kiosk .event__time,.app--kiosk .event__location{font-size:.95rem}.app--kiosk .tasks{padding:1rem}.app--kiosk .tasks__heading{font-size:1.3rem}.app--kiosk .task{gap:.75rem}.app--kiosk .task__check{width:1.8rem;height:1.8rem}.app--kiosk .task__label{padding:.6rem 0;font-size:1.1rem}.kiosk-clock{display:flex;flex-direction:column;line-height:1.1;margin-right:auto}.kiosk-clock__time{font-size:2rem;font-weight:700;letter-spacing:.01em}.kiosk-clock__date{color:var(--text-dim);font-size:1rem}.reconnect-banner{position:fixed;right:1.25rem;bottom:1.25rem;display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.2rem;border:1px solid var(--danger);border-radius:10px;background:var(--surface);color:var(--danger);font-size:1rem;box-shadow:0 6px 20px #00000040;cursor:pointer}.reconnect-banner__dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--danger)}