@font-face{font-family:M;src:url(media/regular.ttf)}@font-face{font-family:M;src:url(media/bold.ttf);font-weight:700}*{box-sizing:border-box}body{margin:0;font:16px/1.58 M,system-ui,sans-serif;color:#28242e;background:#fff}header,main{max-width:950px;margin:auto;padding:20px clamp(18px,4vw,45px)}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;gap:20px}header img{width:145px}small{font-weight:700;color:#007470;letter-spacing:.09em;font-size:.74rem}main{padding-top:32px;padding-bottom:100px}h1,h2,h3{line-height:1.13;letter-spacing:-.035em}h1{font-size:clamp(2.1rem,5vw,3.8rem);margin:.3em 0;color:#512144}h2{margin:1.4em 0 .7em}h3{font-size:1.12rem}p{max-width:65ch}.welcome{display:grid;grid-template-columns:1.12fr .88fr;gap:32px;align-items:center}.portrait{width:100%;border-radius:100px 12px 12px;object-fit:cover;max-height:530px}label{display:block;font-weight:700;margin:12px 0}input:not([type=checkbox]),select{font:inherit;border:1px solid #aba1ad;border-radius:10px;padding:10px;width:100%;display:block}.check{font-size:.83rem;font-weight:400}.check input,.item input{accent-color:#b50067}button,.btn{background:#b50067;color:white;font:700 1rem M,sans-serif;text-decoration:none;display:inline-block;padding:14px 22px;border:0;border-radius:30px;cursor:pointer}section,details,.tile{border:1px solid #dedade;padding:19px;border-radius:15px;margin:12px 0}.tile{display:grid;text-decoration:none;color:inherit;gap:3px}.tile b{font-size:1.18rem}.tile span{color:#756b75;font-size:.85rem}.progress{background:#f4f9f8}progress,video,audio{width:100%;display:block}progress{margin-top:9px;accent-color:#009b98}video{border-radius:14px;background:#211e22}summary{cursor:pointer;font-weight:700}summary small{margin-right:12px}.ing{padding:4px 0}.item{display:grid;grid-template-columns:20px 1fr minmax(90px,33%);gap:9px;border-top:1px solid #eee;padding:8px 0;font-size:.9rem;font-weight:400}.item:has(:checked) span{text-decoration:line-through;color:#777}nav{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:center;gap:6vw;background:white;border-top:1px solid #ddd;padding:13px 12px max(13px,env(safe-area-inset-bottom))}nav a{color:#9b005d;text-decoration:none;font-weight:700}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #008788}@media(max-width:650px){.welcome{grid-template-columns:1fr}.portrait{max-height:230px;object-position:50% 23%;order:2}header small{font-size:.6rem}header img{width:120px}}@media(prefers-reduced-motion:no-preference){main{animation:rise .25s ease-out}@keyframes rise{from{opacity:.3;transform:translateY(5px)}}}
