:root{--c-bg:#f7f8fa;--c-surface:#fff;--c-surface-sub:#f1f3f6;--c-border:#e2e5ea;--c-border-strong:#c8cdd6;--c-text:#1a1d23;--c-text-sub:#5b6270;--c-text-mute:#858c99;--c-primary:#1f5fd6;--c-success:#0f7a4a;--c-danger:#c0392b;--c-focus:#1f5fd6;--c-cat-file:#2563c9;--c-cat-share:#b45309;--c-cat-quality:#6d28d9;--c-cat-contact:#0f766e;--c-cat-file-bg:#eaf1fd;--c-cat-share-bg:#fdf3e3;--c-cat-quality-bg:#f3edfe;--c-cat-contact-bg:#e6f4f2;--c-success-bg:#e7f5ee;--c-danger-bg:#fdf0ee;--font-base:system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, "Noto Sans JP", "Meiryo", sans-serif;--fs-caption:12px;--fs-sm:13px;--fs-body:15px;--fs-body-lg:16px;--fs-title:18px;--fs-num-l:34px;--fs-num-s:22px;--h-dock:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-base);font-size:var(--fs-body-lg);letter-spacing:.02em;-webkit-font-smoothing:antialiased;margin:0;line-height:1.75}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}button{letter-spacing:inherit;font-family:inherit}.tnum,.header__count,.group__count,.progress__fraction,.progress__percent,.minibars__count{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}[data-category=file]{--cat:var(--c-cat-file);--cat-bg:var(--c-cat-file-bg)}[data-category=share]{--cat:var(--c-cat-share);--cat-bg:var(--c-cat-share-bg)}[data-category=quality]{--cat:var(--c-cat-quality);--cat-bg:var(--c-cat-quality-bg)}[data-category=contact]{--cat:var(--c-cat-contact);--cat-bg:var(--c-cat-contact-bg)}.app{padding-bottom:calc(var(--h-dock) + 16px + env(safe-area-inset-bottom))}.header{z-index:30;background:var(--c-surface);position:sticky;top:0}.header__inner{align-items:center;gap:12px;height:56px;padding:0 16px;display:flex}.header__title{font-size:var(--fs-title);letter-spacing:.01em;white-space:nowrap;font-weight:700;display:none}.header__name{border:1px solid var(--c-border-strong);background:var(--c-surface);min-width:0;height:40px;color:var(--c-text);font-size:var(--fs-body-lg);letter-spacing:.02em;text-overflow:ellipsis;border-radius:8px;flex:1;padding:0 12px;font-family:inherit}.header__name::placeholder{color:var(--c-text-mute)}.header__name:focus-visible{outline:3px solid var(--c-focus);outline-offset:-1px;border-color:var(--c-focus)}.header__count{font-size:var(--fs-sm);color:var(--c-text-sub);flex-shrink:0;font-weight:700}.header__bar{background:var(--c-border);height:4px}.header__barfill{background:var(--c-primary);height:100%;transition:width .22s cubic-bezier(.2,.8,.3,1),background-color .24s ease-out}.header__bar--complete .header__barfill{background:var(--c-success)}.main{padding:16px}.panel{display:none}.group{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;margin-bottom:16px;overflow:hidden}.group__head{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.group__title{font-size:var(--fs-body);letter-spacing:.01em;align-items:center;gap:8px;font-weight:700;line-height:1.5;display:flex}.group__dot{background:var(--cat);border-radius:50%;flex-shrink:0;width:8px;height:8px}.group__count{font-size:var(--fs-sm);color:var(--c-text-sub);white-space:nowrap;flex-shrink:0;font-weight:700}.item{background:var(--c-surface);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:flex-start;gap:14px;min-height:56px;padding:14px 16px;scroll-margin-top:76px;transition:background-color .12s ease-out,border-color .12s ease-out;display:flex;position:relative}.item+.item{border-top:1px solid var(--c-border)}.item:before{content:"";background:0 0;border-radius:0 2px 2px 0;width:4px;transition:background-color .12s ease-out;position:absolute;top:6px;bottom:6px;left:0}.item__input{opacity:0;pointer-events:none;width:24px;height:24px;margin:0;position:absolute}.item__box{border:2px solid var(--c-border-strong);background:var(--c-surface);color:#0000;border-radius:6px;flex-shrink:0;place-items:center;width:24px;height:24px;margin-top:2px;transition:background-color .12s ease-out,border-color .12s ease-out;display:grid}.item__box svg{opacity:0;transition:transform .12s cubic-bezier(.2,.8,.3,1),opacity .12s ease-out;transform:scale(.6)}.item__label{font-size:var(--fs-body-lg);letter-spacing:.02em;color:var(--c-text);word-break:auto-phrase;line-height:1.75;transition:color .12s ease-out}.item:has(.item__input:checked):before{background:var(--cat)}.item:has(.item__input:checked) .item__box{background:var(--cat);border-color:var(--cat);color:#fff}.item:has(.item__input:checked) .item__box svg{opacity:1;transform:scale(1)}.item:has(.item__input:checked) .item__label{color:var(--c-text-sub)}@media (hover:hover) and (pointer:fine){.item:hover{background:var(--cat-bg)}.item:hover .item__box{border-color:var(--cat)}}.item:active{background:#edeff3}.item:has(.item__input:focus-visible){outline:3px solid var(--c-focus);outline-offset:-3px;border-radius:8px}.item--highlighted{background:var(--cat-bg)}.panel__sticky{position:sticky;top:96px}.progress{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;margin-bottom:16px;padding:20px 18px}.progress__numbers{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.progress__fraction{font-size:var(--fs-num-l);letter-spacing:0;font-weight:700;line-height:1.1}.progress__slash,.progress__total{color:var(--c-text-sub);font-size:var(--fs-num-s)}.progress__percent{font-size:var(--fs-sm);color:var(--c-text-sub);font-weight:700}.bar{background:var(--c-border);border-radius:4px;height:8px;overflow:hidden}.bar__fill{background:var(--c-primary);border-radius:4px;height:100%;transition:width .22s cubic-bezier(.2,.8,.3,1),background-color .24s ease-out}.bar--complete .bar__fill{background:var(--c-success)}.minibars{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}.minibars__track{background:var(--c-border);border-radius:2px;height:4px;overflow:hidden}.minibars__fill{background:var(--cat);height:100%;transition:width .22s cubic-bezier(.2,.8,.3,1)}.minibars__name{font-size:var(--fs-caption);color:var(--c-text-sub);margin-top:6px;line-height:1.6;display:block}.minibars__count{font-size:var(--fs-caption);color:var(--c-text-mute);line-height:1.4;display:block}.pending{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;padding:16px 14px}.pending__title{font-size:var(--fs-body);margin-bottom:6px;font-weight:700;line-height:1.5}.pending__row{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 6px;transition:background-color .12s ease-out;display:flex}@media (hover:hover) and (pointer:fine){.pending__row:hover{background:var(--cat-bg)}}.pending__row:focus-visible{outline:3px solid var(--c-focus);outline-offset:-3px}.pending__dot{background:var(--cat);border-radius:50%;flex-shrink:0;width:6px;height:6px}.pending__category{font-size:var(--fs-caption);color:var(--c-text-sub);white-space:nowrap;flex-shrink:0}.pending__label{min-width:0;font-size:var(--fs-sm);color:var(--c-text);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pending__rest{font-size:var(--fs-caption);color:var(--c-text-sub);padding:4px 6px 0}.success{background:var(--c-success-bg);border:1px solid #bfe3d2;border-radius:12px;padding:20px 18px;animation:.2s cubic-bezier(.2,.8,.3,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.success__icon{color:var(--c-success);margin-bottom:10px;line-height:0;animation:.16s cubic-bezier(.2,.8,.3,1) .2s both pop;display:block}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.success__title{font-size:var(--fs-title);color:var(--c-text);font-weight:700;line-height:1.5}.success__note{font-size:var(--fs-body);color:var(--c-text-sub);margin-top:4px}.success--panel{display:none}.success--inline{margin-bottom:16px}.reset{text-align:center;padding:8px 0 4px}.reset__button{border:1px solid var(--c-border-strong);background:var(--c-surface);min-width:160px;height:48px;color:var(--c-text-sub);font-size:var(--fs-body);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:24px;padding:0 20px;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out}.reset__button:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.reset__button--armed{border-color:var(--c-danger);background:var(--c-danger-bg);color:var(--c-danger);font-weight:700}.reset__button--next{border-color:var(--c-primary);color:var(--c-primary);font-weight:700}.reset__done{font-size:var(--fs-sm);color:var(--c-success);margin-top:8px}.dock{z-index:25;background:var(--c-surface);border-top:1px solid var(--c-border);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #1a1d230f}.dock__button{width:100%;height:var(--h-dock);color:var(--c-text);font-size:var(--fs-body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 20px;font-weight:700;display:flex}.dock__button:disabled{cursor:default}.dock--complete{background:var(--c-success-bg);border-top-color:#bfe3d2}.dock--complete .dock__button{background:var(--c-success-bg);color:var(--c-success)}.dock__caret{font-size:var(--fs-caption);color:var(--c-text-sub);transition:transform .16s ease-out}.dock__caret--open{transform:rotate(180deg)}.sheet{left:0;right:0;bottom:calc(var(--h-dock) + env(safe-area-inset-bottom));z-index:24;overscroll-behavior:contain;background:var(--c-surface);border-top:1px solid var(--c-border);border-radius:16px 16px 0 0;max-height:60vh;animation:.16s cubic-bezier(.2,.8,.3,1) both rise;position:fixed;overflow-y:auto;box-shadow:0 -6px 20px #1a1d231f}.sheet__head{background:var(--c-surface);border-bottom:1px solid var(--c-border);border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;height:52px;padding:0 8px 0 16px;display:flex;position:sticky;top:0}.sheet__title{font-size:var(--fs-body);font-weight:700}.sheet__close{width:44px;height:44px;color:var(--c-text-sub);font-size:var(--fs-body);cursor:pointer;background:0 0;border:0;border-radius:8px}.sheet__close:focus-visible{outline:3px solid var(--c-focus);outline-offset:-3px}.sheet__body{padding:4px 10px 14px}.sheet .pending__row{align-items:flex-start;min-height:52px;padding:12px 10px}.sheet .pending__dot,.sheet .pending__category{margin-top:8px}.sheet .pending__label{font-size:var(--fs-body);white-space:normal;text-overflow:clip;line-height:1.6;overflow:visible}@media (orientation:landscape) and (height<=400px){.header{position:static}}@media (width>=600px){.main{max-width:640px;margin:0 auto;padding:24px 24px 0}.header__inner{max-width:640px;margin:0 auto}}@media (width>=900px){.app{padding-bottom:40px}.header__inner{gap:24px;max-width:1120px;height:72px;padding:0 24px}.header__title{display:block}.header__name{flex:0 0 360px;height:44px}.header__count,.header__bar{display:none}.header{border-bottom:1px solid var(--c-border)}.main{grid-template-columns:1fr 320px;gap:24px;max-width:1120px;margin:0 auto;padding:24px;display:grid}.panel{display:block}.item{min-height:52px;padding:12px 16px;scroll-margin-top:96px}.item__box{width:22px;height:22px}.item__label{font-size:var(--fs-body)}.group__title{font-size:var(--fs-title)}.success--panel{display:block}.success--inline{display:none}.reset{padding:16px 0 0}.dock,.sheet{display:none}}@media (width>=1120px){.main,.header__inner{max-width:1120px}}