*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--color-cream: #fbf3e3;--color-cream-card: #fffbf3;--color-cocoa: #4a3428;--color-cocoa-soft: #8a7365;--color-apricot: #f2a65a;--color-dusty-rose: #d98a86;--color-butter: #f2c94c;--color-teal: #4f8c82;--color-border: #e7dac2;--shadow-soft: 0 6px 20px rgba(74, 52, 40, .08);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--color-cream: #2a2018;--color-cream-card: #362a20;--color-cocoa: #f3e7d3;--color-cocoa-soft: #c7b6a0;--color-apricot: #e0954c;--color-dusty-rose: #c9908c;--color-butter: #e0c25a;--color-teal: #5c9b90;--color-border: #46392c;--shadow-soft: 0 6px 20px rgba(0, 0, 0, .28)}}body{min-height:100dvh;background-color:var(--color-cream);color:var(--color-cocoa)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.checklist{max-width:46rem;margin-inline:auto;padding:2.5rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2.25rem}.checklist__header{position:relative;overflow:hidden;border-radius:1.75rem;padding:2.5rem 1.75rem 2rem;background:linear-gradient(180deg,var(--color-cream-card) 0%,var(--color-cream) 100%);box-shadow:var(--shadow-soft)}.checklist__header-scenery{position:absolute;inset:0;pointer-events:none}.checklist__mountains,.checklist__treeline{position:absolute;inset-inline:0;bottom:0;background-repeat:repeat-x;background-position:bottom}.checklist__mountains{top:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 130'%3E%3Cpath fill='%23f2c94c' d='M0 130 L45 60 L90 105 L130 45 L175 95 L220 55 L265 110 L300 75 L300 130 Z'/%3E%3Cpath fill='%23d98a86' d='M0 130 L35 90 L65 115 L100 75 L140 110 L175 80 L210 115 L245 85 L280 118 L300 100 L300 130 Z'/%3E%3C/svg%3E");background-size:300px 130px}@media(prefers-color-scheme:dark){.checklist__mountains{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 130'%3E%3Cpath fill='%23e0c25a' d='M0 130 L45 60 L90 105 L130 45 L175 95 L220 55 L265 110 L300 75 L300 130 Z'/%3E%3Cpath fill='%23c9908c' d='M0 130 L35 90 L65 115 L100 75 L140 110 L175 80 L210 115 L245 85 L280 118 L300 100 L300 130 Z'/%3E%3C/svg%3E")}}.checklist__treeline{height:5.625rem;opacity:.75;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 90'%3E%3Crect x='26' y='72' width='8' height='18' fill='%234a3428'/%3E%3Cpolygon points='8,74 52,74 30,46' fill='%234f8c82'/%3E%3Cpolygon points='13,52 47,52 30,26' fill='%234f8c82'/%3E%3Cpolygon points='18,30 42,30 30,8' fill='%234f8c82'/%3E%3C/svg%3E");background-size:60px 90px}@media(prefers-color-scheme:dark){.checklist__treeline{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 90'%3E%3Crect x='26' y='72' width='8' height='18' fill='%23c7b6a0'/%3E%3Cpolygon points='8,74 52,74 30,46' fill='%235c9b90'/%3E%3Cpolygon points='13,52 47,52 30,26' fill='%235c9b90'/%3E%3Cpolygon points='18,30 42,30 30,8' fill='%235c9b90'/%3E%3C/svg%3E")}}.checklist__header-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.checklist__header-content h1{font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;font-size:clamp(2rem,5vw,2.75rem);font-weight:700;color:var(--color-apricot);letter-spacing:-.02em}.checklist__tagline{font-size:1.05rem;color:var(--color-cocoa-soft)}.checklist__progress{display:flex;flex-direction:column;gap:.6rem;align-items:center}.checklist__progress-label{font-weight:600;font-size:1rem}.checklist__progress-track{width:100%;height:.9rem;border-radius:999px;background-color:var(--color-border);overflow:hidden;box-shadow:var(--shadow-soft)}.checklist__progress-fill{height:100%;border-radius:999px;background-color:var(--color-teal);transition:width .6s ease}.checklist__categories{display:flex;flex-direction:column;gap:1.5rem}.checklist__category{background-color:var(--color-cream-card);border:1px solid var(--color-border);border-radius:1.25rem;box-shadow:var(--shadow-soft);padding:1.5rem 1.75rem}.checklist__category h2{font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;font-size:1.3rem;font-weight:700;color:var(--color-dusty-rose);margin-block-end:1rem}.checklist__items{list-style:none;display:flex;flex-direction:column;gap:.9rem}.checklist__item label{display:flex;align-items:baseline;gap:.75rem;cursor:pointer}.checklist__item input[type=checkbox]{inline-size:1.25rem;block-size:1.25rem;flex-shrink:0;accent-color:var(--color-teal);border-radius:.4rem}.checklist__item span{font-size:1.05rem;transition:color .4s ease}.checklist__item:has(input:checked) span{color:var(--color-cocoa-soft);text-decoration:line-through;text-decoration-color:var(--color-teal)}.checklist__item-note{font-size:.85rem;color:var(--color-butter);font-style:italic}.checklist__footer{display:flex;justify-content:center}.checklist__reset-confirm{display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center}.checklist__reset-confirm-actions{display:flex;gap:.75rem}.button{font:inherit;font-weight:600;border-radius:999px;padding:.65rem 1.5rem;border:1px solid var(--color-border);cursor:pointer;transition:background-color .3s ease,transform .3s ease}.button:hover{transform:translateY(-1px)}.button--ghost{background-color:transparent;color:var(--color-cocoa)}.button--ghost:hover{background-color:var(--color-border)}.button--primary{background-color:var(--color-teal);border-color:var(--color-teal);color:var(--color-cream-card)}.button--primary:hover{background-color:var(--color-dusty-rose);border-color:var(--color-dusty-rose)}