.app[data-v-e374cda6]{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header[data-v-e374cda6]{text-align:center;margin-bottom:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 20px;border-radius:20px}.header h1[data-v-e374cda6]{font-size:2.5rem;margin-bottom:10px}.header p[data-v-e374cda6]{font-size:1.2rem;opacity:.9}.main[data-v-e374cda6]{display:grid;gap:30px}.demo-section[data-v-e374cda6]{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px #0000001a}.demo-section h2[data-v-e374cda6]{color:#333;margin-bottom:20px;font-size:1.5rem;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.demo-card[data-v-e374cda6]{display:flex;flex-direction:column;gap:20px}.input-group[data-v-e374cda6]{display:flex;flex-direction:column;gap:8px}.input-group label[data-v-e374cda6]{font-weight:600;color:#555}.input[data-v-e374cda6]{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease}.input[data-v-e374cda6]:focus{outline:none;border-color:#667eea}.btn[data-v-e374cda6]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-e374cda6]{background:#667eea;color:#fff}.btn-primary[data-v-e374cda6]:hover{background:#5a6fd8}.btn-success[data-v-e374cda6]{background:#28a745;color:#fff}.btn-danger[data-v-e374cda6]{background:#dc3545;color:#fff}.btn-small[data-v-e374cda6]{padding:6px 12px;font-size:14px}.counter-controls[data-v-e374cda6]{display:flex;align-items:center;gap:15px}.counter-value[data-v-e374cda6]{font-size:24px;font-weight:700;color:#667eea;min-width:50px;text-align:center}.greeting[data-v-e374cda6]{font-size:18px;color:#28a745;font-weight:600}.result[data-v-e374cda6]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px}.user-info[data-v-e374cda6]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;margin-top:15px}.user-info pre[data-v-e374cda6]{background:#fff;padding:10px;border-radius:4px;font-size:14px;overflow-x:auto}.todo-item[data-v-e374cda6]{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px}.todo-item .completed[data-v-e374cda6]{text-decoration:line-through;color:#6c757d}.checkbox[data-v-e374cda6]{width:18px;height:18px}.todo-stats[data-v-e374cda6]{display:flex;gap:20px;margin-top:15px;padding:15px;background:#e3f2fd;border-radius:8px}.search-results[data-v-e374cda6]{background:#fff3e0;border:1px solid #ffcc02;border-radius:8px;padding:15px;margin-top:10px}