:root{--bg:#f5f6f8;--surface:#fff;--surface-muted:#eef0f3;--border:#dfe1e6;--text-primary:#16171d;--text-secondary:#5b5f6b;--text-muted:#9096a1;--accent:#2f6fed;--accent-bg:#e5edfd;--on-accent:#fff;--success:#1f9d55;--danger:#d64545;--task-columns:36px minmax(0, 1fr) 84px 84px 84px 84px 28px 40px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:14px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121317;--surface:#1b1d23;--surface-muted:#23252c;--border:#2e313a;--text-primary:#f2f3f5;--text-secondary:#a7abb5;--text-muted:#6f7480;--accent:#6ea1ff;--accent-bg:#1c2f57;--on-accent:#0b0f1a;--success:#4ade80;--danger:#f87171}}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0}button,input,select{font:inherit}.app{grid-template-columns:208px minmax(0,1fr);height:100dvh;display:grid}.app__content{min-width:0;overflow-y:auto}.page-header{z-index:1;border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.page-header__title{margin:0;font-size:15px;font-weight:600}.page-header__spacer{flex:1}.page-header__button{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:6px 12px}.page-header__button:hover{background:var(--surface-muted)}.page-header__button--primary{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}.page-header__button--primary:hover{filter:brightness(1.08);background:var(--accent)}.page-empty{color:var(--text-muted);text-align:center;padding:48px 20px}.data-table{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin:16px 20px;overflow:hidden}.data-table__head,.data-table__row{align-items:center;gap:12px;padding:0 14px;display:grid}.data-table__head{border-bottom:1px solid var(--border);background:var(--surface-muted);height:34px;color:var(--text-muted);font-size:12px}.data-table__row{border:none;border-bottom:1px solid var(--border);width:100%;height:40px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0}.data-table__row:last-child{border-bottom:none}.data-table__row:hover{background:var(--surface-muted)}.data-table__cell--muted{color:var(--text-secondary)}.data-table__cell--numeric{font-variant-numeric:tabular-nums}.day-of-week-picker{gap:6px;display:flex}.day-of-week-picker__day{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1}.day-of-week-picker__day:hover{background:var(--surface-muted)}.day-of-week-picker__day[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}.modal{border:1px solid var(--border);background:var(--surface);width:min(420px,100vw - 32px);color:var(--text-primary);border-radius:12px;padding:0;box-shadow:0 24px 48px #0000003d}.modal::backdrop{background:#0006}.modal__header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 12px 12px 16px;display:flex}.modal__title{flex:1;margin:0;font-size:14px;font-weight:600}.modal__close{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:18px;line-height:1}.modal__close:hover{background:var(--surface-muted)}.modal-form{flex-direction:column;gap:12px;padding:16px;display:flex}.modal-form__name{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);border-radius:8px;padding:8px 10px;font-size:15px;font-weight:600}.modal-form__field{color:var(--text-secondary);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;display:grid}.modal-form__field input,.modal-form__field select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);border-radius:8px;padding:6px 8px}.modal-form__field input:disabled{background:var(--surface-muted);color:var(--text-muted)}.modal-form__field--checkbox{cursor:pointer;grid-template-columns:auto minmax(0,1fr)}.modal-form__field--checkbox input{width:16px;height:16px;accent-color:var(--accent)}.modal-form__note{color:var(--text-secondary);margin:0}.modal-form__hint{color:var(--danger);margin:0;font-size:12px}.modal-form__actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:4px;padding-top:12px;display:flex}.modal-form__button{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:7px 14px}.modal-form__button:hover{background:var(--surface-muted)}.modal-form__button--primary{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}.modal-form__button--primary:hover{filter:brightness(1.08);background:var(--accent)}.modal-form__button--primary:disabled{opacity:.5;cursor:not-allowed}.modal-form__button--danger{color:var(--danger);margin-right:auto}.modal-form__toggle{background:var(--surface-muted);border-radius:8px;gap:4px;padding:3px;display:flex}.modal-form__toggle button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 0}.modal-form__toggle button[aria-pressed=true]{background:var(--surface);color:var(--text-primary);font-weight:600}.site-sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:4px;padding:16px 12px;display:flex}.site-sidebar__brand{letter-spacing:.02em;margin:0 0 12px;padding:0 8px;font-size:16px;font-weight:700}.site-sidebar__nav{flex-direction:column;flex:1;gap:2px;margin:0;padding:0;list-style:none;display:flex}.site-sidebar__item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.site-sidebar__item:hover{background:var(--surface-muted);color:var(--text-primary)}.site-sidebar__item--active,.site-sidebar__item--active:hover{background:var(--accent-bg);color:var(--accent);font-weight:600}.site-sidebar__logout{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:7px 10px}.site-sidebar__logout:hover{background:var(--surface-muted);color:var(--text-primary)}.task-add-dialog__title-wrap{position:relative}.task-add-dialog__suggestions{z-index:1;border:1px solid var(--border);background:var(--surface);border-radius:8px;max-height:200px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 24px #0003}.task-add-dialog__suggestions button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;gap:8px;padding:7px 8px;display:flex}.task-add-dialog__suggestions button:hover{background:var(--surface-muted)}.task-add-dialog__suggestion-minutes{color:var(--text-muted);flex:none}.task-detail-dialog__name-row{align-items:center;gap:10px;display:flex}.task-detail-dialog__name-row>span{border:1px solid var(--border);width:26px;height:26px;color:var(--text-secondary);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.task-detail-dialog__name-row>span.task-detail-dialog__status--doing{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.task-detail-dialog__name-row>span.task-detail-dialog__status--done{color:var(--success);border-color:#0000}.login-page{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:12px;width:320px;margin:0 auto;padding:32px 24px;display:flex;position:relative;top:20dvh}.login-page__title{margin:0 0 4px;font-size:18px;font-weight:600}.login-page__input{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:8px;padding:9px 12px}.login-page__error{color:var(--danger);margin:0;font-size:13px}.login-page__submit{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:8px;padding:9px 12px;font-weight:600}.login-page__submit:disabled{opacity:.5;cursor:not-allowed}.routine-page__table .data-table__head,.routine-page__table .data-table__row{grid-template-columns:minmax(0,1fr) 80px 80px 160px}.routine-page__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.section-page__table{max-width:520px}.section-page__table .data-table__head,.section-page__table .data-table__row{grid-template-columns:minmax(0,1fr) 100px}.section-page__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.today-page__date-nav{align-items:center;gap:2px;display:flex}.today-page__date-button{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.today-page__date-button:hover{background:var(--surface-muted);color:var(--text-primary)}.today-page__date-input{border:1px solid var(--border);background:var(--surface);height:28px;color:var(--text-secondary);border-radius:8px;margin-left:4px;padding:0 6px}.today-page__finish{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:0}.today-page__sections{flex-direction:column;gap:20px;padding:16px 20px 48px;display:flex}.section-group__header{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.section-group__title{margin:0;font-size:14px;font-weight:600}.section-group__time{color:var(--text-secondary);font-variant-numeric:tabular-nums}.section-group__total{color:var(--text-muted);margin-left:auto;font-size:12px}.section-group__table{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}.section-group__head{grid-template-columns:var(--task-columns);border-bottom:1px solid var(--border);background:var(--surface-muted);height:30px;color:var(--text-muted);align-items:center;gap:8px;padding:0 12px;font-size:12px;display:grid}.section-group__head>span:nth-child(n+3){text-align:right}.section-group__tasks{min-height:40px}.section-group__empty{color:var(--text-muted);margin:0;padding:12px;font-size:13px}.task-row{grid-template-columns:var(--task-columns);border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:8px;height:38px;padding:0 12px;display:grid}.task-row:last-child{border-bottom:none}.task-row:hover{background:var(--surface-muted)}.task-row__status{border:1px solid var(--border);background:var(--surface);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.task-row__status:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.task-row--doing .task-row__status{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.task-row--done .task-row__status{color:var(--success);cursor:default;background:0 0;border-color:#0000}.task-row__title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.task-row--done .task-row__title{color:var(--text-muted)}.task-row__badge{background:var(--accent-bg);color:var(--accent);border-radius:999px;flex:none;padding:1px 6px;font-size:11px}.task-row__cell{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:right}.task-row__time{width:100%;color:var(--text-secondary);font:inherit;font-variant-numeric:tabular-nums;text-align:right;cursor:text;background:0 0;border:1px solid #0000;border-radius:6px;padding:2px 4px}.task-row__time::-webkit-calendar-picker-indicator{display:none}.task-row__time:hover:not(:disabled){border-color:var(--border)}.task-row__time:focus{border-color:var(--accent);background:var(--surface);outline:none}.task-row__time:disabled{color:var(--text-muted);cursor:default}.task-row__detail{width:24px;height:24px;color:var(--text-muted);opacity:0;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.task-row:hover .task-row__detail,.task-row__detail:focus-visible{opacity:1}.task-row__detail:hover{background:var(--surface-muted);color:var(--text-secondary)}.task-row__grip{width:24px;height:24px;color:var(--text-muted);opacity:0;cursor:grab;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.task-row:hover .task-row__grip,.task-row__grip:focus-visible{opacity:1}.task-row--dragging{opacity:.35}.task-row--overlay{border:1px solid var(--accent);cursor:grabbing;border-radius:8px;box-shadow:0 10px 28px #0000004d}.task-row--overlay .task-row__grip{opacity:1}.task-row--shift-up{transform:translateY(-6px)}.task-row--shift-down{transform:translateY(6px)}