:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafaf9;--surface:#fff;--ink:#1c1917;--ink-soft:#44403c;--muted:#78716c;--line:#e7e5e4;--line-strong:#d6d3d1;--line-soft:#f5f5f4;--accent:#0f766e;--accent-ink:#fff;--accent-soft:#f0fdfa;--ok:#15803d;--danger:#dc2626;--danger-soft:#fef2f2;--danger-ink:#fff;--chip-bg:#f5f5f4;--chip-ink:#57534e;--badge-done-bg:#dcfce7;--badge-done-ink:#166534;--badge-adult-bg:#fee2e2;--badge-adult-ink:#991b1b;--badge-hidden-bg:#e7e5e4;--badge-hidden-ink:#44403c;--bar-track:#e7e5e4;--field:#fafaf9;--panel-line:#99f6e4;--banner-bg:#f0fdf4;--banner-line:#bbf7d0;--overlay:#1c191780;--toast-bg:#1c1917;--toast-ink:#fafaf9;--star:#f59e0b;--radius:14px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1f1e;--surface:#1a2e2c;--ink:#f5f5f4;--ink-soft:#d6d3d1;--muted:#a8a29e;--line:#2a423e;--line-strong:#3a5751;--line-soft:#223b36;--accent:#2dd4bf;--accent-ink:#0f1f1e;--accent-soft:#134e4a;--ok:#4ade80;--danger:#f87171;--danger-soft:#450a0a;--danger-ink:#450a0a;--chip-bg:#223b36;--chip-ink:#d6d3d1;--badge-done-bg:#14532d;--badge-done-ink:#bbf7d0;--badge-adult-bg:#7f1d1d;--badge-adult-ink:#fecaca;--badge-hidden-bg:#292524;--badge-hidden-ink:#d6d3d1;--bar-track:#2a423e;--field:#1f3833;--panel-line:#134e4a;--banner-bg:#052e16;--banner-line:#166534;--overlay:#0009;--toast-bg:#e7e5e4;--toast-ink:#1c1917;--star:#fbbf24}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic UI,Meiryo,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.55}.app{max-width:880px;margin:0 auto;padding:20px 16px 96px}.appHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brandLogo{border-radius:11px;flex-shrink:0;width:46px;height:46px}.brand h1{letter-spacing:.02em;margin:0;font-size:26px}.tagline{color:var(--muted);margin:2px 0 0;font-size:13px}.headerActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settingsBtn{background:var(--surface);width:40px;height:40px;color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settingsBtn:hover{border-color:var(--line-strong);background:var(--accent-soft)}.settingsModal{max-width:720px}.modalHead{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modalClose{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;width:34px;height:34px;font-size:16px}.modalClose:hover{background:var(--accent-soft);color:var(--ink)}.settingsSection{padding:10px 0 4px}.settingsSection h3{margin:16px 0 6px;font-size:15px}.settingsSubheading{margin:0 0 4px;font-size:16px}.settingsSeparator{background:var(--line);height:1px;margin:10px 0 4px}.menuItemLabelGroup{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.menuItemTitle{font-size:14px;font-weight:600}.menuItemDesc{color:var(--muted);font-size:12.5px}.themeToggleGroup{background:var(--chip-bg);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;display:grid}.themeToggleBtn{color:var(--ink);cursor:pointer;white-space:nowrap;text-align:center;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:6px 4px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.themeToggleBtn svg{flex-shrink:0;transition:transform .2s}.themeToggleBtn:hover{color:var(--accent)}.themeToggleBtn:hover svg{transform:scale(1.1)}.themeToggleBtn.active{background:var(--surface);color:var(--accent);font-weight:700;box-shadow:0 1px 3px #0000001f}.themeToggleBtn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:10px;padding:8px 14px;font-size:14px}.btn:hover{border-color:var(--line-strong)}.btn:disabled{opacity:.45;cursor:default}.btnPrimary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.danger{color:var(--danger)}.btnDanger{background:var(--danger);border-color:var(--danger);color:var(--danger-ink);font-weight:600}.confirmMessage{margin:0;font-size:14.5px}.ghostBtn{appearance:none;color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:13px}.ghostBtn:hover{background:var(--accent-soft)}.ghostBtn.danger{color:var(--danger)}.ghostBtn.danger:hover{background:var(--danger-soft)}.panel{background:var(--surface);border:1px solid var(--panel-line);border-radius:var(--radius);margin-bottom:16px;padding:16px 18px}.panel h2{margin:0 0 4px;font-size:18px}.panel h3{margin:16px 0 6px;font-size:15px}.panelRow{flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;display:flex}.panelRow label{align-items:center;gap:6px;font-size:13px;display:flex}.panelRow select,.filters select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 8px;font-size:14px}.importBox{border-top:1px dashed var(--line);margin-top:12px;padding-top:10px}.previewList{margin:10px 0 0;padding:0;list-style:none}.previewList li{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:12px;padding:5px 0;font-size:13px;display:flex}.previewTitle{overflow-wrap:anywhere}.previewMeta{color:var(--muted);white-space:nowrap}.note{color:var(--muted);font-size:13px}.error{color:var(--danger)}.ok{color:var(--ok)}.banner{background:var(--banner-bg);border:1px solid var(--banner-line);border-radius:10px;padding:8px 12px}.summary{color:var(--muted);flex-wrap:wrap;gap:14px;margin:4px 2px 10px;font-size:13px;display:flex}.filters{margin-bottom:6px}.searchBox{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;padding:10px 14px;font-size:15px}.filterRow{flex-wrap:wrap;gap:10px 14px;margin-top:10px;display:flex}.filterRow label{align-items:center;gap:6px;font-size:13px;display:flex}.countLine{color:var(--muted);margin:8px 2px;font-size:13px}.cardList{flex-direction:column;gap:12px;display:flex}.workCard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.workCard.isHidden{opacity:.55}.cardHead{align-items:flex-start;gap:8px;display:flex}.cardTitle{overflow-wrap:anywhere;flex:1;margin:0;font-size:16.5px;font-weight:600}.star{color:var(--star);font-size:17px;line-height:1.4}.chipRow{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip{background:var(--chip-bg);color:var(--chip-ink);border-radius:999px;padding:1px 9px;font-size:12px}.badge{border-radius:999px;padding:1px 9px;font-size:12px}.badgeDone{background:var(--badge-done-bg);color:var(--badge-done-ink)}.badgeAdult{background:var(--badge-adult-bg);color:var(--badge-adult-ink)}.badgeHidden{background:var(--badge-hidden-bg);color:var(--badge-hidden-ink)}.progressLine{flex-wrap:wrap;align-items:baseline;gap:5px;margin-top:10px;display:flex}.progressNow{font-size:22px;font-weight:700}.progressSep{color:var(--muted)}.progressMax{font-size:16px}.unitLabel{color:var(--muted);font-size:13px}.remain{color:var(--accent);margin-left:auto;font-size:13px;font-weight:600}.remain.caughtUp{color:var(--ok)}.progressBar{background:var(--bar-track);border-radius:999px;height:7px;margin-top:7px;overflow:hidden}.progressFill{background:var(--accent);border-radius:999px;height:100%}.stepper{gap:8px;margin-top:12px;display:flex}.stepper button{border:1px solid var(--line);background:var(--field);cursor:pointer;max-width:110px;color:var(--ink);border-radius:9px;flex:1;padding:8px 0;font-size:14.5px}.stepper button:hover{border-color:var(--accent);color:var(--accent)}.stepper button:active{background:var(--accent-soft)}.memo{color:var(--ink-soft);overflow-wrap:anywhere;margin:10px 0 0;font-size:13.5px}.cardFoot{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding-top:9px;display:flex}.dates{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:12.5px;display:flex}.cardActions{gap:2px;display:flex}.emptyState{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);text-align:center;padding:28px 18px}.modalOverlay{background:var(--overlay);z-index:40;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:560px;max-height:92vh;padding:20px;overflow-y:auto}.modalTitle{margin:0;font-size:17px}.formGrid{grid-template-columns:1fr 1fr;gap:10px 14px;display:grid}.formGrid label{color:var(--ink-soft);flex-direction:column;gap:4px;font-size:13px;display:flex}.formGrid .wide{grid-column:1/-1}.formGrid input,.formGrid select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;width:100%;padding:8px 10px;font-size:14.5px}.flagRow{flex-wrap:wrap;gap:16px;margin:14px 0 4px;font-size:14px;display:flex}.modalActions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.checkTarget{margin:0 0 10px;font-size:14.5px}.checkDateLabel{flex-direction:column;gap:4px;margin-bottom:6px;font-size:13px;display:flex}.checkDateLabel input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:8px 10px;font-size:14.5px}.fabAdd{display:none}@media (width<=640px){.addBtn{display:none}.app{padding-bottom:128px}.appHeader{z-index:30;background:var(--bg);border-bottom:1px solid var(--line);align-items:center;margin-bottom:8px;padding:8px 0;position:sticky;top:0}.brandLogo{border-radius:9px;width:36px;height:36px}.brand h1{font-size:20px}.tagline{display:none}.fabAdd{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--accent);width:56px;height:56px;color:var(--accent-ink);z-index:40;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 6px 20px #00000059}.toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}@media (width<=480px){.formGrid{grid-template-columns:1fr}.stepper button{max-width:none}}.toast{background:var(--toast-bg);color:var(--toast-ink);z-index:50;border-radius:999px;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:10px 12px 10px 18px;font-size:13.5px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.toast span{overflow-wrap:anywhere}.toast button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:600}