:root{--c-bg: #fdf6ec;--c-surface: #ffffff;--c-ink: #33312e;--c-ink-soft: #8a857d;--c-running: #2d6a4f;--c-over: #e9b44c;--c-within: #2d6a4f;--c-ring-rest: #ece4d6;--c-next: #f4a261;--radius: 18px}:root[data-theme=dark]{--c-bg: #211e1a;--c-surface: #2e2a25;--c-ink: #ece4d6;--c-ink-soft: #a39c8f;--c-running: #5fa87f;--c-over: #e9b44c;--c-within: #5fa87f;--c-ring-rest: #4a443c;--c-next: #f4a261}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--c-bg);color:var(--c-ink);font-family:system-ui,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none}#app,.routine{height:100%;display:flex;flex-direction:column}.icon{display:inline-block}.icon--img{width:100%;height:100%;object-fit:contain}.icon--mask{width:100%;height:100%;background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.routine__top{display:flex;justify-content:space-between;align-items:center;padding:10px 22px;font-size:1.15rem}.routine__period{font-weight:600;color:var(--c-ink-soft)}.routine__clock{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.5rem}.routine__body{flex:1;display:flex;flex-direction:column;min-height:0}.routine__idle{flex:1;display:grid;place-items:center;font-size:1.6rem;color:var(--c-ink-soft);text-align:center;padding:24px}.routine__cols{flex:1;display:grid;grid-template-columns:repeat(var(--col-count, 4),1fr);gap:14px;padding:0 14px;min-height:0}.child-col{background:var(--c-surface);border-radius:var(--radius);border-top:6px solid var(--c-child, #ccc);display:flex;flex-direction:column;min-height:0;box-shadow:0 2px 8px #0000000d}.child-col__head{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 8px 6px}.child-col__marker{width:88px;height:88px}.child-col__name{margin:0;font-size:1.35rem;color:var(--c-child, var(--c-ink))}.child-col__tasks{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 8px 10px;min-height:0;overflow-y:auto}.task-tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:4px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;min-width:48px;min-height:48px;flex-shrink:0;font:inherit;color:inherit;touch-action:manipulation}.task-tile__ring{position:relative;width:clamp(112px,16vh,184px);height:clamp(112px,16vh,184px);border-radius:50%;background:transparent;display:grid;place-items:center;transition:background .2s,width .35s ease,height .35s ease}.task-tile__face{width:78%;height:78%;border-radius:50%;background:var(--c-surface);display:grid;place-items:center;padding:12%;color:var(--c-ink)}.task-tile__check{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:4rem;font-weight:800;color:#fff;background:var(--c-within);border-radius:50%;opacity:0;transform:scale(.6);pointer-events:none}.task-tile__label{font-size:.85rem;color:var(--c-ink-soft);text-align:center;max-width:110px}.task-tile[data-status=pending] .task-tile__face{opacity:.45}.task-tile[data-status=pending] .task-tile__ring{width:clamp(52px,7.5vh,88px);height:clamp(52px,7.5vh,88px)}.task-tile--next .task-tile__ring{width:clamp(112px,16vh,184px)!important;height:clamp(112px,16vh,184px)!important}.task-tile--next .task-tile__ring{outline:3px solid var(--c-next);outline-offset:3px;animation:next-pulse 2.4s ease-in-out infinite}.task-tile--next .task-tile__face{opacity:1!important}@keyframes next-pulse{0%,to{outline-color:var(--c-next)}50%{outline-color:color-mix(in srgb,var(--c-next) 35%,transparent)}}.task-tile[data-status=running] .task-tile__face{opacity:1}.task-tile--over .task-tile__label{color:var(--c-over)}.task-tile[data-status=paused] .task-tile__ring{width:clamp(72px,10vh,116px);height:clamp(72px,10vh,116px);opacity:.75}.task-tile[data-status=paused] .task-tile__face{opacity:.8}.task-tile[data-status=paused] .task-tile__label{color:var(--c-ink-soft)}.task-tile[data-status=done] .task-tile__ring{width:clamp(44px,6vh,64px);height:clamp(44px,6vh,64px)}.task-tile[data-status=done] .task-tile__check{font-size:1.6rem;opacity:1;transform:scale(1);animation:done-pop .45s cubic-bezier(.34,1.56,.64,1)}.task-tile[data-status=done] .task-tile__label{color:var(--c-within);font-size:.7rem}@keyframes done-pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:10px 14px 12px}.summary__cell{background:var(--c-surface);border-radius:12px;padding:8px 10px;display:flex;align-items:center;gap:8px;border-left:5px solid var(--c-child, #ccc);box-shadow:0 1px 4px #0000000d}.summary__name{font-weight:700;font-size:.95rem}.summary__dots{display:flex;gap:4px}.summary__dot{width:12px;height:12px;border-radius:50%;background:var(--c-ring-rest)}.summary__dot[data-kind=within]{background:var(--c-within)}.summary__dot[data-kind=over]{background:var(--c-over)}.summary__dot[data-kind=running]{background:var(--c-running);opacity:.4}.summary__text{margin-left:auto;font-size:.85rem;color:var(--c-ink-soft)}.summary__text[data-kind=over]{color:var(--c-over)}.summary__smile{margin-left:auto;width:44px;height:44px;animation:done-pop .45s cubic-bezier(.34,1.56,.64,1)}.routine__gear{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:1.6rem;color:var(--c-ink-soft);cursor:pointer;padding:4px 8px;opacity:.55;min-width:44px;min-height:44px}.routine__gear--lang{font-size:1rem;font-weight:700;letter-spacing:.5px}.config{height:100%;display:flex;flex-direction:column}.config__head{display:flex;align-items:center;gap:16px;padding:12px 22px}.config__title{margin:0;font-size:1.4rem}.config__body{flex:1;overflow-y:auto;padding:0 22px 22px;display:flex;flex-direction:column;gap:18px}.config__section{background:var(--c-surface);border-radius:var(--radius);padding:14px 18px 18px;box-shadow:0 2px 8px #0000000d}.config__section h2{margin:0 0 12px;font-size:1.1rem;color:var(--c-ink-soft)}.config__list{display:flex;flex-direction:column;gap:8px}.config__row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:var(--c-bg);border-left:5px solid var(--c-child, transparent)}.config__row input[type=text]{flex:1;min-width:0;font:inherit;font-size:1rem;padding:8px 10px;border:1px solid var(--c-ring-rest);border-radius:8px;background:var(--c-surface);color:var(--c-ink)}.config__dur{width:70px;font:inherit;padding:8px;border:1px solid var(--c-ring-rest);border-radius:8px;background:var(--c-surface);color:var(--c-ink)}.config__color{width:40px;height:40px;border:0;padding:0;background:none;cursor:pointer}.config__icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--c-ring-rest);border-radius:10px;background:var(--c-surface);width:52px;height:52px;padding:6px;cursor:pointer;flex-shrink:0}.config__icon{width:100%;height:100%;color:var(--c-ink)}.config__data-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.config__sep{width:1px;height:28px;background:var(--c-ring-rest);margin:0 6px}.config__version{margin:4px 0 0;text-align:center;font-size:.8rem;color:var(--c-ink-soft);opacity:.7}.brand-footer{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px auto 8px;opacity:.75}.brand-footer .wordmark{height:32px;width:auto;display:none}:root[data-theme=light] .brand-footer .wordmark-light{display:block}:root[data-theme=dark] .brand-footer .wordmark-dark{display:block}.config__about-line{margin:0 0 8px;font-size:.95rem;color:var(--c-ink-soft)}.config__about-line a{color:var(--c-running);font-weight:600;text-decoration:none}.config__about-line a:hover{text-decoration:underline}.config__period-row{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:10px;background:var(--c-bg);border-left:5px solid transparent}.config__period-row--active{border-left-color:var(--c-next)}.config__period-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.config__period-main input[type=text]{font:inherit;font-size:1rem;font-weight:600;padding:8px 10px;border:1px solid var(--c-ring-rest);border-radius:8px;background:var(--c-surface);color:var(--c-ink)}.config__period-times{display:flex;align-items:center;gap:8px}.config__time{font:inherit;padding:6px 8px;border:1px solid var(--c-ring-rest);border-radius:8px;background:var(--c-surface);color:var(--c-ink)}.config__days{display:flex;gap:6px;flex-wrap:wrap}.config__day-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:.85rem;border:1px solid var(--c-ring-rest);border-radius:999px;background:var(--c-surface);color:var(--c-ink-soft);padding:6px 12px;cursor:pointer;min-width:44px}.config__day-chip--on{background:var(--c-running);border-color:var(--c-running);color:#fff;font-weight:600}.config__period-side{display:flex;flex-direction:column;gap:6px}.config__task-period{margin:-6px 0 10px;font-size:.9rem;color:var(--c-next);font-weight:600}.stats{height:100%;display:flex;flex-direction:column}.stats__ranges{display:flex;gap:8px;padding:0 22px 12px}.stats__body{flex:1;overflow-y:auto;padding:0 22px 22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;align-content:start}.stats__card{background:var(--c-surface);border-radius:var(--radius);border-top:6px solid var(--c-child, #ccc);padding:14px 16px;box-shadow:0 2px 8px #0000000d}.stats__card-head{display:flex;align-items:center;gap:10px}.stats__card-head h2{margin:0;font-size:1.2rem;color:var(--c-child, var(--c-ink))}.stats__marker{width:40px;height:40px}.stats__stars{margin-left:auto;font-size:1.05rem;letter-spacing:2px}.stats__numbers{margin:8px 0 0;color:var(--c-ink-soft);font-size:.95rem}.stats__chart{display:flex;align-items:flex-end;gap:4px;height:90px;margin-top:12px}.stats__bar-wrap{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px}.stats__bar{width:100%;max-width:26px;background:var(--c-child, var(--c-running));border-radius:4px 4px 0 0;min-height:2px;opacity:.85}.stats__bar-label{font-size:.65rem;color:var(--c-ink-soft)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:.95rem;border:1px solid var(--c-ring-rest);border-radius:10px;background:var(--c-surface);color:var(--c-ink);padding:9px 14px;cursor:pointer;min-height:44px}.btn--back{font-weight:600}.btn--add{margin-top:10px;font-weight:600;color:var(--c-running)}.btn--danger{color:#b3553f}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#28231c73;display:grid;place-items:center;z-index:50}.modal-panel{background:var(--c-surface);border-radius:var(--radius);padding:16px;width:min(640px,92vw);max-height:80vh;display:flex;flex-direction:column;gap:12px}.icon-picker__top{display:flex;gap:8px}.icon-picker__search{flex:1;min-width:0;font:inherit;font-size:1.05rem;padding:10px 14px;border:1px solid var(--c-ring-rest);border-radius:10px;background:var(--c-bg);color:var(--c-ink)}.btn--active{border-color:var(--c-next);background:color-mix(in srgb,var(--c-next) 18%,var(--c-surface));font-weight:600}.icon-picker__grid{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.icon-picker__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--c-ring-rest);border-radius:10px;background:var(--c-bg);aspect-ratio:1;padding:10px;cursor:pointer}.icon-picker__item:hover{border-color:var(--c-next)}.icon-picker__icon{width:100%;height:100%;color:var(--c-ink)}