*,:before,:after{box-sizing:border-box;margin:0;padding:0}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html:has(dialog:modal[open])){overflow:clip}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){line-height:inherit;-webkit-font-smoothing:antialiased;font-family:system-ui,sans-serif}:where(button){all:unset}:where(input,button,textarea,select){font:inherit;color:inherit;letter-spacing:inherit;word-spacing:inherit;font-feature-settings:inherit;font-variation-settings:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role=button],[role=option]){cursor:pointer}:where(:disabled,label:has(>:disabled,+:disabled)){cursor:not-allowed}:where(a){color:inherit;text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg,video){block-size:auto;max-inline-size:100%}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem)}:where(hr){border:none;color:inherit;border-block-start:1px solid;block-size:0;overflow:visible}:where(dialog,[popover]){color:inherit;inset:unset;max-width:unset;max-height:unset;overflow:unset;background:0 0;border:none}:where(dialog:not([open],[popover]),[popover]:not(:popover-open)){display:none!important}:where(:focus-visible){outline-offset:1px;outline:3px solid canvastext;box-shadow:0 0 0 5px canvas}:where(:focus-visible,:target){scroll-margin-block:8vh}:where(.visually-hidden:not(:focus-within,:active)){clip-path:inset(50%)!important;white-space:nowrap!important;-webkit-user-select:none!important;user-select:none!important;border:0!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}:root{--color-black:#353535;--color-black-light:#5f5f5f;--color-gray-dark:#c7c7c7;--color-gray-light:#fafafa;--color-white:#fff;--color-safe:#137100;--color-caution:#d02f2f;--color-caution-light:#fee;--shadow:0px 1px 4px 0px #0000001a;--round-4:4px;--round-8:8px}html{font-size:62.5%}body{background:var(--color-gray-light);font-size:1.4rem;font-weight:500}#container{flex-direction:column;max-width:960px;margin:auto;display:flex}.page-content{flex-direction:column;gap:2rem;padding:1rem 1rem 4rem;display:flex}header{border-bottom:1px solid var(--color-gray-dark);padding:1rem}header h1{text-align:center;font-size:1.6rem}.title{margin-bottom:.8rem;font-size:1.8rem}.caution-list{border:1px solid var(--color-caution);background-color:var(--color-caution-light);border-radius:var(--round-8);flex-direction:column;gap:.4rem;padding:1rem;display:flex}.caution-list .caution-item{align-items:center;gap:.4rem;display:flex}.caution-list .caution-item svg{color:var(--color-caution)}.btn-control{border-style:solid;border-width:2px;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:2rem;display:flex}.btn-control.add{border-color:var(--color-black);color:var(--color-white);background:var(--color-black)}.btn-control.edit{border-color:var(--color-black);color:var(--color-black)}.btn-control.finish{border-color:var(--color-safe);color:var(--color-safe)}.btn-control.delete{border-color:var(--color-caution);color:var(--color-caution)}.btn-area{align-items:center;gap:.8rem;display:flex}.item{border:1px solid var(--color-gray-dark);background:var(--color-white);border-radius:var(--round-8);box-shadow:var(--shadow)}.item .item-title{align-items:center;gap:.4rem;display:flex}.item .item-title .item-title-txt{align-items:baseline;gap:.2rem;display:flex}.item .item-title .item-title-txt .item-description{color:var(--color-black-light);font-size:1.2rem}.item .item-add{justify-content:space-between;align-items:center;padding:1rem;display:flex}.item .add-list .add-item{border-top:1px dashed var(--color-gray-dark);padding:1rem}.item .add-list .add-item .item-detail{justify-content:space-between;align-items:center;display:flex}.item .add-list .add-item .item-detail .item-data{flex:1;align-items:center;display:flex}.item .add-list .add-item .item-detail .item-data .item-name{flex:2}.item .add-list .add-item .item-detail .item-data .add-day{flex:1}.item .add-list .add-item .item-data-edit{flex-direction:column;gap:1rem;display:flex}.item .add-list .add-item .item-data-edit input{border-radius:var(--round-4);border:1px solid var(--color-gray-dark);background:var(--color-gray-light);width:100%;padding:.8rem}.item .add-list .add-item .item-data-edit .edit-area{gap:1rem;display:flex}.item .add-list .add-item .item-data-edit .edit-area .btn-edit{text-align:center;border-radius:var(--round-4);border:1px solid var(--color-black);flex:1;padding:.8rem}