html{background:#fff}body{color:#000;background:#fff;min-width:320px;margin:0;font-family:Papyrus,Helvetica,sans-serif}#root{min-height:100svh}h1{margin:0 0 16px;font-size:2rem}p{margin:0 0 12px}@media (width<=640px){h1{font-size:1.6rem}}.page{box-sizing:border-box;width:min(100%,960px);margin:0 auto;padding:48px 24px}.intro{grid-template-columns:minmax(0,1fr) minmax(180px,280px);align-items:start;gap:28px;display:grid}.intro-text{min-width:0}.time-image{width:50%;height:auto;display:block}.component-area{margin-top:32px}@media (width<=640px){.page{padding:28px 16px}.intro{grid-template-columns:1fr;gap:16px}.time-image{max-width:150px;margin:auto}}.tag-cloud{margin-top:32px}.tag-cloud h2{margin:0 0 12px;font-size:1.25rem}.tag-cloud__list{column-count:3;column-gap:12px;margin-top:20px}.tag-cloud__item{break-inside:avoid;color:#000;width:100%;font:inherit;text-align:left;box-sizing:border-box;background:#fff;border:1px solid #000;margin:0 0 12px;padding:8px}.tag-cloud__item:hover{color:#fff;background:#000}.tag-cloud__title{display:block}.tag-cloud__status{color:#000;border:1px solid #000;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;font-size:.95rem;line-height:1;display:inline-flex}.tag-cloud__status img{object-fit:contain;width:36px;height:36px}.tag-cloud__item--done .tag-cloud__status{background:#9dff9d}.tag-cloud__item--not-done .tag-cloud__status{background:#ff8f8f}.tag-cloud__item--1{font-size:.85rem}.tag-cloud__item--2{font-size:1rem}.tag-cloud__item--3{font-size:1.15rem}.tag-cloud__item--4{font-size:1.3rem}.tag-cloud__item--5{font-size:1.45rem}@media (width<=760px){.tag-cloud__list{column-count:2}}@media (width<=460px){.tag-cloud__list{column-count:1}}