.checklist-container{margin:0 auto;max-width:700px;padding:32px}.checklist-topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.checklist-toggle-all{background:none;border:1px solid rgba(0,0,0,.12);border-radius:6px;color:var(--text-sub,#555);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px;transition:background .15s,color .15s}.checklist-toggle-all:hover{background:var(--brand-black,#111);color:#fff}.checklist-summary{color:var(--text-muted,#888);font-size:.85rem}.checklist-summary strong{color:var(--brand-black,#111)}.checklist-accordion{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.checklist-group{border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden;transition:border-color .2s}.checklist-group[open]{border-color:rgba(0,0,0,.15)}.checklist-group-header{align-items:center;cursor:pointer;display:flex;gap:12px;list-style:none;padding:16px 20px;transition:background .15s;user-select:none}.checklist-group-header::-webkit-details-marker{display:none}.checklist-group-header::marker{content:""}.checklist-group-header:hover{background:rgba(0,0,0,.02)}.checklist-group-icon{flex-shrink:0;font-size:1.6rem}.checklist-group-info{display:flex;flex:1;flex-direction:column;gap:2px}.checklist-group-title{color:var(--brand-black,#111);font-size:1rem;font-weight:700}.checklist-group-desc{color:var(--text-muted,#888);font-size:.78rem}.checklist-group-badge{background:#f0f0f0;border-radius:999px;color:#888;font-size:.72rem;font-weight:600;padding:4px 10px;transition:background .2s,color .2s;white-space:nowrap}.checklist-group-badge--active{background:var(--brand-black,#111);color:#fff}.checklist-group-header:after{color:#bbb;content:"▸";flex-shrink:0;font-size:.9rem;transition:transform .2s}.checklist-group[open]>.checklist-group-header:after{transform:rotate(90deg)}.checklist-group-body{display:flex;flex-direction:column;gap:6px;padding:0 20px 16px}.checklist-item{align-items:flex-start;border:1px solid rgba(0,0,0,.05);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.checklist-item:hover{background:rgba(0,0,0,.015);border-color:rgba(0,0,0,.1)}.checklist-item:has(.cl-check:checked){background:var(--bg-light,#f5f5f7);border-color:rgba(0,0,0,.06);box-shadow:inset 3px 0 0 var(--brand-black,#111)}.checklist-item .cl-check{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid rgba(0,0,0,.15);border-radius:6px;cursor:pointer;flex-shrink:0;height:20px;margin-top:3px;position:relative;transition:all .2s ease;width:20px}.checklist-item .cl-check:hover{border-color:rgba(0,0,0,.35)}.checklist-item .cl-check:checked{background:var(--brand-black,#111);border-color:var(--brand-black,#111)}.checklist-item .cl-check:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.checklist-item-content{flex:1;min-width:0}.checklist-item-text{color:var(--brand-black,#111);display:block;font-size:.9rem;font-weight:600}.checklist-item-tip{color:var(--text-sub,#666);font-size:.8rem;line-height:1.5;margin:4px 0 0}.checklist-step2{background:var(--bg-light,#f5f5f7);border-radius:12px;margin-bottom:24px;padding:24px 20px}.checklist-step2-header{margin-bottom:20px}.checklist-step2-title{color:var(--brand-black,#111);font-size:1.1rem;font-weight:700;margin:0 0 4px}.checklist-step2-desc{color:var(--text-sub,#555);font-size:.85rem;margin:0}.cl-mode-toggle{background:#fff;border-radius:10px;display:flex;gap:4px;margin-bottom:20px;padding:4px}.cl-mode-btn{background:transparent;border:none;border-radius:8px;color:var(--text-muted,#888);cursor:pointer;flex:1;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .25s ease}.cl-mode-btn--active{background:var(--brand-black,#111);box-shadow:0 2px 8px rgba(0,0,0,.12);color:#fff}.cl-mode-btn:not(.cl-mode-btn--active):hover{background:rgba(0,0,0,.04);color:var(--brand-black,#111)}.cl-cat-row{align-items:center;border-bottom:1px solid rgba(0,0,0,.04);border-radius:8px;display:flex;gap:12px;padding:12px 8px;transition:background .15s}.cl-cat-row:hover{background:hsla(0,0%,100%,.6)}.cl-cat-row:last-of-type{border-bottom:none}.cl-cat-icon{flex-shrink:0;font-size:1.3rem;text-align:center;width:32px}.cl-cat-info{flex:1}.cl-cat-name{color:var(--brand-black,#111);display:block;font-size:.9rem;font-weight:700}.cl-cat-price{font-size:.72rem}.cl-cat-price,.cl-cat-unit{color:var(--text-muted,#888)}.cl-cat-unit{flex-shrink:0;font-size:.75rem;width:28px}.cl-cat-stepper{border:1px solid rgba(0,0,0,.08);border-radius:8px;overflow:hidden}.cl-cat-stepper,.cl-step-btn{align-items:center;display:flex}.cl-step-btn{background:transparent;border:none;color:var(--text-muted,#888);cursor:pointer;font-size:1rem;font-weight:500;height:32px;justify-content:center;padding:0;transition:all .15s;width:32px}.cl-step-btn:hover{background:rgba(0,0,0,.04);color:var(--brand-black,#111)}.cl-step-btn:active{background:rgba(0,0,0,.08)}.cl-step-input{-moz-appearance:textfield;background:transparent;border:1px solid rgba(0,0,0,.06);border-bottom:none;border-top:none;color:var(--brand-black,#111);font-size:.9rem;font-weight:600;height:32px;text-align:center;width:40px}.cl-step-input::-webkit-inner-spin-button,.cl-step-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cl-step-input:focus{outline:none}.cl-bag-info{background:#fff;border-left:3px solid var(--brand-black,#111);border-radius:8px;margin-bottom:16px;padding:12px 14px}.cl-bag-info-text{color:var(--text-sub,#555);font-size:.85rem;margin:0}.cl-bag-note{color:var(--text-muted,#888);font-size:.78rem;margin:8px 0 0}.cl-calc-btn{background:var(--brand-black,#111);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;margin-top:16px;padding:12px;transition:background .2s,transform .15s;width:100%}.cl-calc-btn:hover{background:#333;transform:translateY(-1px)}.cl-result-progress{margin-bottom:20px}.cl-result-label{color:var(--text-sub,#555);font-size:1rem;margin-bottom:8px}.cl-result-label strong{color:var(--brand-black,#111);font-size:1.2rem}.cl-result-bar{background:#e0e0e0;border-radius:10px;height:20px;margin-bottom:6px;overflow:hidden;position:relative;width:100%}.cl-result-fill{background:linear-gradient(90deg,#bbb,#666);border-radius:10px;height:100%;transition:width .5s ease}.cl-result-fill.cl-result-paid{background:linear-gradient(90deg,#111,#333)}.cl-result-threshold{color:#888;font-size:.65rem;font-weight:600;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.cl-result-status{color:var(--text-sub,#555);font-size:.8rem}.cl-result-disclaimer{color:var(--text-muted,#aaa);font-size:.72rem;margin:6px 0 0}.cl-status-paid{color:var(--brand-black,#111);font-weight:700}.cl-status-free{color:#666;font-weight:600}.cl-total-box{background:#fff;border-radius:10px;font-size:.9rem;margin-bottom:16px;padding:14px 18px}.cl-total-line{margin-bottom:4px}.cl-total-line strong{font-size:1.2rem}.cl-total-bonus{color:var(--text-sub,#555);font-size:.85rem}.cl-bonus-tag{background:var(--brand-black,#111);border-radius:999px;color:#fff;display:inline-block;font-size:.65rem;font-weight:700;margin-left:4px;padding:2px 7px}.cl-result-actions{display:flex;flex-direction:column;gap:8px}.cl-result-cta{background:var(--brand-black,#111);border:none;border-radius:8px;color:#fff;display:block;font-size:1rem;font-weight:700;padding:14px;text-align:center;text-decoration:none;transition:background .2s;width:100%}.cl-result-cta:hover{background:#333}.cl-result-reset{background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:8px;color:var(--text-sub,#555);cursor:pointer;font-size:.85rem;font-weight:600;padding:10px;text-align:center;transition:background .15s}.cl-result-reset:hover{background:hsla(0,0%,100%,.6)}.checklist-actions{display:flex;flex-direction:column;gap:10px}.checklist-cta{background:var(--brand-black,#111);border:none;border-radius:8px;color:#fff;display:block;font-size:1rem;font-weight:700;padding:14px;text-align:center;text-decoration:none;transition:background .2s,transform .15s;width:100%}.checklist-cta:hover{background:#333;transform:translateY(-1px)}.checklist-calc-link{background:transparent;border:1px solid rgba(0,0,0,.12);border-radius:8px;color:var(--text-sub,#555);display:block;font-size:.9rem;font-weight:600;padding:12px;text-align:center;text-decoration:none;transition:background .15s;width:100%}.checklist-calc-link:hover{background:var(--bg-light,#f5f5f7)}@media (max-width:768px){.checklist-container{padding:20px 16px}.checklist-group-header{padding:14px 16px}.checklist-group-body{padding:0 16px 12px}.checklist-item{padding:10px 12px}.checklist-item-tip{font-size:.78rem}.checklist-step2{padding:20px 16px}.cl-cat-icon{font-size:1.1rem;width:28px}.cl-cat-unit{display:none}.cl-step-btn{height:30px;width:30px}.cl-step-input{height:30px;width:36px}}