.demo-container[data-v-f6df7661]{max-width:1000px;margin:0 auto;position:relative;z-index:1}.phone-wrapper[data-v-f6df7661]{display:flex;gap:40px;justify-content:center;align-items:flex-start;margin-bottom:40px;flex-wrap:wrap}.phone[data-v-f6df7661]{width:340px;background:#1a1a1a;border-radius:36px;padding:12px;box-shadow:0 20px 60px #0006;position:relative;border:8px solid #2a2a2a;transition:transform .3s ease}.phone[data-v-f6df7661]:hover{transform:translateY(-4px);box-shadow:0 24px 70px #00000080}.phone-badge[data-v-f6df7661]{position:absolute;top:-16px;left:50%;transform:translate(-50%);padding:6px 18px;border-radius:20px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:1px;z-index:10;box-shadow:0 4px 12px #0000004d}.android-badge[data-v-f6df7661]{background:linear-gradient(135deg,#3ddc84,#30c770);color:#1a1a1a}.ios-badge[data-v-f6df7661]{background:linear-gradient(135deg,#007aff,#0051d5);color:#fff}.phone-android[data-v-f6df7661]{border-color:#3ddc84;box-shadow:0 20px 60px #3ddc8433,0 0 0 2px #3ddc841a}.phone-android[data-v-f6df7661]:hover{box-shadow:0 24px 70px #3ddc844d,0 0 0 3px #3ddc8433}.phone-android .checklist-item[data-v-f6df7661]:hover:not(.checked){background:#e8f5e9}.phone-android .checklist-item.my-check[data-v-f6df7661]{background:linear-gradient(135deg,#e3f2fd,#e8f5e9)}.phone-ios[data-v-f6df7661]{border-color:#007aff;box-shadow:0 20px 60px #007aff33,0 0 0 2px #007aff1a}.phone-ios[data-v-f6df7661]:hover{box-shadow:0 24px 70px #007aff4d,0 0 0 3px #007aff33}.phone-ios .checklist-item[data-v-f6df7661]{border-radius:10px}.phone-ios .checklist-item[data-v-f6df7661]:hover:not(.checked){background:#f0f7ff}.phone-ios .checklist-item.my-check[data-v-f6df7661]{background:linear-gradient(135deg,#e3f2fd,#f0f7ff)}.phone-header[data-v-f6df7661]{position:relative;text-align:center;padding:8px 0 12px}.phone-notch[data-v-f6df7661]{width:140px;height:24px;background:#1a1a1a;margin:0 auto 4px;border-radius:0 0 16px 16px;position:relative}.phone-notch[data-v-f6df7661]:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#3ddc84;border-radius:50%;opacity:.6}.phone-notch-ios[data-v-f6df7661]{width:160px;height:28px;background:#1a1a1a;margin:0 auto 4px;border-radius:0 0 20px 20px;position:relative}.phone-notch-ios[data-v-f6df7661]:before{content:"";position:absolute;top:8px;left:20px;width:6px;height:6px;background:#007aff;border-radius:50%;opacity:.7}.phone-notch-ios[data-v-f6df7661]:after{content:"";position:absolute;top:8px;right:20px;width:6px;height:6px;background:#007aff;border-radius:50%;opacity:.7}.phone-time[data-v-f6df7661]{font-size:.75em;color:#fff9;font-weight:600}.phone-content[data-v-f6df7661]{background:#fff;border-radius:24px;padding:20px;min-height:560px;display:flex;flex-direction:column}.phone-app-header[data-v-f6df7661]{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.android-header[data-v-f6df7661]{font-family:Roboto,sans-serif;border-bottom:3px solid #3ddc84}.android-header .app-icon[data-v-f6df7661]{filter:drop-shadow(0 2px 4px rgba(61,220,132,.3))}.ios-header[data-v-f6df7661]{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;border-bottom:3px solid #007AFF}.ios-header .app-icon[data-v-f6df7661]{filter:drop-shadow(0 2px 4px rgba(0,122,255,.3))}.app-icon[data-v-f6df7661]{font-size:2em}.app-title[data-v-f6df7661]{flex:1}.app-name[data-v-f6df7661]{font-size:1em;font-weight:700;color:#282639}.app-user[data-v-f6df7661]{font-size:.8em;color:#666}.progress-container[data-v-f6df7661]{margin-bottom:20px}.progress-bar[data-v-f6df7661]{height:8px;background:#e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-f6df7661]{height:100%;background:linear-gradient(90deg,#92cf48,#7ec043);border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #92cf4866}.progress-text[data-v-f6df7661]{font-size:.75em;color:#666;text-align:center;font-weight:600}.checklist-title[data-v-f6df7661]{font-size:1.05em;font-weight:700;color:#282639;margin-bottom:4px}.checklist-time[data-v-f6df7661]{font-size:.8em;color:#888;margin-bottom:20px}.team-member[data-v-f6df7661]{font-size:.9em;color:#666;margin-bottom:20px;padding:10px 12px;background:#f5f5f5;border-radius:8px}.checklist-items[data-v-f6df7661]{display:flex;flex-direction:column;gap:12px;flex:1}.checklist-item[data-v-f6df7661]{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#f9f9f9;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:visible}.checklist-item[data-v-f6df7661]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#92cf4833;transform:translate(-50%,-50%);transition:width .6s,height .6s}.checklist-item[data-v-f6df7661]:active:before{width:300px;height:300px}.checklist-item[data-v-f6df7661]:hover:not(.checked){background:#f0f0f0;border-color:#92cf484d;transform:translate(4px)}.checklist-item.checked[data-v-f6df7661]{background:#f0f9f4;cursor:default;animation:taskComplete-f6df7661 .5s ease}.checklist-item.my-check[data-v-f6df7661]{border-color:#2196f366;background:#e3f2fd;box-shadow:0 2px 8px #2196f326}.checklist-item.other-check[data-v-f6df7661]{border-color:#4caf5066;background:#f0f9f4;box-shadow:0 2px 8px #4caf5026}.checklist-item.has-input[data-v-f6df7661]{gap:8px}.checklist-item.highlight[data-v-f6df7661]{animation:pulseGlow-f6df7661 3.2s cubic-bezier(.4,0,.6,1) infinite!important;background:#92cf482e!important;border-color:#92cf48!important;border-width:2px!important;position:relative}.checklist-item.highlight[data-v-f6df7661]:after{content:"";position:absolute;top:-10px;right:-10px;width:14px;height:14px;background:#92cf48;border-radius:50%;animation:dotPulse-f6df7661 3.2s ease-out infinite}@keyframes taskComplete-f6df7661{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.check-icon[data-v-f6df7661]{flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.checklist-item.checked .check-icon[data-v-f6df7661]{animation:checkBounce-f6df7661 .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkBounce-f6df7661{0%{transform:scale(1)}50%{transform:scale(1.4) rotate(10deg)}75%{transform:scale(.9) rotate(-5deg)}to{transform:scale(1) rotate(0)}}.task-content[data-v-f6df7661]{flex:1;display:flex;flex-direction:column;gap:4px}.task-name[data-v-f6df7661]{font-size:.95em;font-weight:600;color:#282639;line-height:1.4}.task-value[data-v-f6df7661]{font-size:.85em;color:#92cf48;font-weight:700;margin-top:4px;animation:fadeIn-f6df7661 .3s ease}.task-input-wrapper[data-v-f6df7661]{display:flex;gap:8px;align-items:center;margin-top:8px;padding:8px;background:#fff;border-radius:8px;border:2px solid #92cf48;animation:inputSlideIn-f6df7661 .3s ease;box-shadow:0 2px 12px #92cf4833;width:100%}.task-input-wrapper[data-v-f6df7661] .q-btn{flex-shrink:0;min-width:36px}.task-input[data-v-f6df7661]{flex:1;border:none;outline:none;font-size:1em;padding:8px;font-family:inherit;font-weight:600;color:#282639}.task-input[data-v-f6df7661]::placeholder{color:#999}.demo-hint[data-v-f6df7661]{text-align:center;font-size:1em;color:#eaedf2b3;margin-bottom:32px;padding:14px 16px;background:#92cf481a;border-radius:12px;border:1px solid rgba(146,207,72,.2);animation:pulseFade-f6df7661 2s infinite}.reset-btn[data-v-f6df7661]{display:block;margin:0 auto;transition:all .3s ease}.reset-btn[data-v-f6df7661]:hover{transform:scale(1.05)}.click-tip[data-v-f6df7661]{text-align:center;background:#92cf48f2;color:#000;padding:12px 20px;border-radius:8px;font-size:.95em;font-weight:700;z-index:1000;margin-bottom:16px;animation:fadeIn-f6df7661 .4s ease}.pulse-label[data-v-f6df7661]{position:absolute;top:-38px;left:50%;transform:translate(-50%);background:#92cf48;color:#08121a;padding:8px 14px;border-radius:20px;font-size:.85em;font-weight:900;letter-spacing:.4px;box-shadow:0 8px 24px #00000040;pointer-events:none;z-index:1200;white-space:nowrap;animation:fadeIn-f6df7661 .3s ease}[data-v-f6df7661] .completion-notification{font-size:1.1em!important;font-weight:700!important;padding:20px!important;border-radius:12px!important;box-shadow:0 8px 32px #92cf4866!important}@keyframes fadeIn-f6df7661{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseFade-f6df7661{0%,to{opacity:1}50%{opacity:.8}}@keyframes inputSlideIn-f6df7661{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow-f6df7661{0%,to{box-shadow:0 0 6px #92cf484d,inset 0 0 4px #92cf480a}50%{box-shadow:0 0 24px #92cf48cc,inset 0 0 8px #92cf4814}}@keyframes dotPulse-f6df7661{0%{transform:scale(1);opacity:1}70%{transform:scale(1.3);opacity:.6}to{transform:scale(1.7);opacity:0}}@media (max-width: 768px){.phone-wrapper[data-v-f6df7661]{gap:16px;flex-wrap:nowrap;transform:scale(.8);transform-origin:top center;justify-content:center}.phone[data-v-f6df7661]{width:320px;min-width:320px}.task-input-wrapper[data-v-f6df7661]{flex-direction:column;gap:8px}.task-input-wrapper .task-input[data-v-f6df7661]{width:100%}.task-input-wrapper[data-v-f6df7661] .q-btn{align-self:flex-end}.demo-hint[data-v-f6df7661]{font-size:.85em;padding:12px}.reset-btn[data-v-f6df7661]{margin-top:8px}}@media (max-width: 480px){.phone-wrapper[data-v-f6df7661]{gap:10px;transform:scale(.7);margin-bottom:-40px}.phone[data-v-f6df7661]{width:300px;min-width:300px}.task-input-wrapper[data-v-f6df7661]{flex-direction:column!important;align-items:stretch!important}.task-input-wrapper .task-input[data-v-f6df7661]{width:100%!important;margin-bottom:4px}.task-input-wrapper[data-v-f6df7661] .q-btn{align-self:flex-end!important;margin-top:4px}.demo-hint[data-v-f6df7661]{font-size:.8em;padding:10px}.reset-btn[data-v-f6df7661]{margin-top:-20px}}