:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.app{max-width:52rem;margin:0 auto;padding:2rem 1.5rem 4rem}.header{text-align:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08)}.header h1{margin:0 0 .25rem;font-size:2rem;font-weight:700;letter-spacing:-.03em}.header p{margin:0;color:#ffffff80;font-size:.95rem}.progress-bar{margin-bottom:2.5rem;background:#ffffff0f;border-radius:999px;overflow:hidden;height:.5rem}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#34d399,#22d3ee);transition:width .4s ease}.progress-label{text-align:right;font-size:.75rem;color:#fff6;margin-bottom:.35rem}.section{margin-bottom:1.75rem;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;overflow:hidden;background:#ffffff05}.section-header{display:flex;align-items:center;gap:.6rem;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:none;border:none;color:inherit;width:100%;text-align:left;font:inherit;transition:background .15s}.section-header:hover{background:#ffffff08}.section-icon{font-size:1.25rem;flex-shrink:0}.section-title{font-size:1rem;font-weight:600;letter-spacing:-.01em;flex:1}.section-count{font-size:.75rem;color:#fff6;font-variant-numeric:tabular-nums}.chevron{font-size:.7rem;color:#ffffff4d;transition:transform .2s}.chevron.open{transform:rotate(90deg)}.section-body{padding:0 1.25rem 1.25rem}.section-desc{color:#ffffff73;font-size:.85rem;margin:0 0 1rem;line-height:1.5}.checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.check-item{display:flex;align-items:flex-start;gap:.6rem;padding:.5rem .65rem;border-radius:.5rem;cursor:pointer;transition:background .15s}.check-item:hover{background:#ffffff0a}.check-box{width:1.15rem;height:1.15rem;flex-shrink:0;margin-top:.15rem;border:1.5px solid rgba(255,255,255,.25);border-radius:.25rem;display:grid;place-items:center;transition:all .15s;background:transparent}.check-box.checked{background:#34d399;border-color:#34d399}.check-box.checked:after{content:"";width:.5rem;height:.3rem;border-left:2px solid #0a0a0a;border-bottom:2px solid #0a0a0a;transform:rotate(-45deg) translateY(-1px)}.check-label{font-size:.9rem;color:#ffffffbf;line-height:1.45}.check-label.done{text-decoration:line-through;color:#ffffff4d}.check-tip{display:block;font-size:.78rem;color:#ffffff4d;margin-top:.15rem}.tips{margin-top:2rem;padding:1.5rem;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;background:#ffffff05}.tips h2{margin:0 0 1rem;font-size:1.1rem;font-weight:600}.tips-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:640px){.tips-grid{grid-template-columns:1fr 1fr}}.tip-card{padding:1rem;border-radius:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.tip-card strong{display:block;font-size:.85rem;margin-bottom:.3rem;color:#ffffffd9}.tip-card p{margin:0;font-size:.8rem;color:#ffffff73;line-height:1.5}.timeline{display:flex;flex-direction:column;gap:.5rem}.timeline-item{display:flex;gap:.75rem;align-items:flex-start;padding:.5rem .65rem;border-radius:.5rem}.timeline-marker{flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:50%;background:#22d3ee26;color:#22d3ee;display:grid;place-items:center;font-size:.7rem;font-weight:700}.timeline-content strong{display:block;font-size:.88rem;color:#fffc}.timeline-content span{font-size:.8rem;color:#fff6}