body{background-image:linear-gradient(90deg,#fff,#effffb)}.checklist-description{background:linear-gradient(45deg,#6aebbf14,#fff0);border-left:3px solid #6aebbf;padding:16px;margin:12px 0 12px 32px;border-radius:0 8px 8px 0;font-size:14px;color:#4b5563;display:none;max-width:100%}.progress-circle .fill{stroke:#7dffcd;transition:stroke-dasharray .5s ease}.checklist-item{padding:16px 0;border-bottom:1px solid #f0f0f0;transition:all .2s}.checklist-item:hover{background:#00000005}.checklist-item label{font-weight:400}.checklist-header{display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:0;cursor:default;gap:10px}.checklist-main{display:flex;align-items:center;gap:5px}.checklist-header{cursor:pointer}.tab-content{margin-top:20px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080}.modal-content{background-color:#fff;margin:15%auto;padding:20px;width:70%;max-width:600px;border-radius:8px;position:relative}.close-modal{position:absolute;right:20px;top:10px;font-size:24px;cursor:pointer}section{margin-bottom:40px;border-bottom:2px solid #eee}section:last-of-type{border-bottom:none}.checklist-item:last-child{border-bottom:none}.page-specific-header{display:flex;justify-content:flex-end;margin-bottom:20px}.new-page-btn{background:#ffda58;color:#000;border:0;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500}.new-page-btn:hover{background:#f1cf53}.page-checklist-container{background:linear-gradient(45deg,#f4fffa61,#ffffff59);border:1px solid #f0f0f0;border-radius:8px;margin-bottom:20px;padding:20px;transition:max-height .3s ease-out}.page-checklist-container.collapsed .checklist-items{display:none}.page-url{color:#6c757d;font-size:0}.modal-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:1000}.modal-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:90%;max-width:500px}.modal-dialog h4{margin-top:0;margin-bottom:16px;font-weight:500}.modal-dialog input{width:min(50vw,303px);padding:13px;border:1px solid #ddd;border-right:none;outline:0}.modal-dialog button{background:#ffd649;color:#000;border:0;padding:9px 16px;cursor:pointer;float:right}.modal-dialog button:hover{background:#ffd649}.modal-dialog p{margin-bottom:12px;color:#666}.modal-dialog .close-modal{position:absolute;right:10px;top:10px;background:0 0;border:0;font-size:24px;cursor:pointer;color:#666;padding:5px 10px}.modal-dialog .close-modal:hover{color:#333}.checklist-main input[type=checkbox]{appearance:none;width:20px;height:20px;border:2px solid #e5e7eb;border-radius:6px;margin-right:12px;position:relative;cursor:pointer;transition:all .2s}.checklist-main input[type=checkbox]:checked{background:#ffd649;border-color:#ffd649}.checklist-main input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A2540' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.checklist-main label{margin:0;cursor:pointer}.details-toggle{background:#ffffff80;border:1px solid #c4c4c4;color:#555;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s;min-width:100px;display:flex;align-items:center;justify-content:flex-end;gap:4px;position:relative;z-index:2;flex-shrink:0;width:103px;transition:none}.details-toggle:hover,.details-toggle.active{background:#555;color:#fff}.details-toggle .arrow{display:inline-block;transition:transform .2s;margin-right:0;font-size:7px;opacity:.7}.details-toggle.active .arrow{transform:rotate(180deg)}.checklist-description.visible{display:block}.checklist-description *{margin-bottom:10px}.checklist-description :last-child{margin-bottom:0}.action-buttons{display:flex;gap:10px;margin-bottom:40px;margin-top:36px}.share-link-container{display:flex;gap:8px;margin-top:12px}.share-link-container input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.share-link-container button{background:#ffda58;color:#000;border:0;padding:8px 16px;border-radius:4px;cursor:pointer}.share-link-container button:hover{background:#ffda58}.progress-bar{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:10px;position:relative}.progress-circle{transform:rotate(-90deg);width:20px;height:20px}.progress-circle circle{fill:none;stroke-width:2;stroke-linecap:round}.progress-circle .bg{stroke:#eee}.achievement-notification{position:fixed;bottom:20px;right:20px;background:#fff;padding:15px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease-out;z-index:1000}.achievement-icon{font-size:24px}.achievement-text h4{margin:0;color:#333}.achievement-text p{margin:5px 0 0;color:#666;font-size:14px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.collapse-toggle{background:0 0;border:0;color:#6c757d;cursor:pointer;padding:8px;border-radius:4px;position:absolute;left:0;top:40%;transform:translateY(-50%);transition:all .2s ease}.collapse-toggle:hover{background:#f8f9fa;color:#495057}.collapse-toggle .collapse-icon{transition:transform .2s ease}.collapsed .collapse-toggle .collapse-icon{transform:rotate(-90deg)}.delete-checklist{background:0 0;border:0;padding:8px;border-radius:4px;cursor:pointer;color:#888;opacity:.6;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.delete-checklist:hover{background:#fee2e2;opacity:1;color:#dc3545}.page-checklist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:12px 40px;border-bottom:1px solid #dee2e6;position:relative;cursor:pointer;user-select:none;flex-grow:1;gap:1rem;border-radius:12px;background:#fff}.page-checklist-header .collapse-toggle{top:32px;left:6px}.page-title{margin:0;color:#333;font-size:16px;flex-grow:1;min-width:200px;max-width:60%}.page-title input{font-size:16px;font-weight:700;line-height:1.5;font-family:inherit;width:100%;padding:0;border:0;background:0 0;color:inherit;min-width:100%}.header-actions{display:flex;gap:8px;margin-left:auto}.edit-checklist{background:0 0;border:0;padding:13px 8px 8px;border-radius:4px;cursor:pointer;color:#888;opacity:.6;transition:all .2s ease}.edit-checklist:hover{background:#f3f4f6;opacity:1;color:#2563eb}.header-actions button{position:relative;z-index:2}.page-checklist-container.completed{background:linear-gradient(45deg,#d7f3e6bd,#ffffff7d);border-color:#28a745}@media (max-width:768px){.share-link-container input{flex:1}.share-link-container button{margin-top:0;float:right}}.modal-dialog #new-page-url{width:100%;border:1px solid #ddd;border-radius:4px}.modal-dialog #create-checklist-btn{margin-top:10px;float:none;width:100%;border-radius:4px}